.cb-hotline-wrap { position: fixed; bottom: 0; left: 0; z-index: 999999; }
.cb-hotline { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; }
.cb-hotline-circle { width: 110px; height: 110px; top: 0; left: 0; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #1564a7; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; transform-origin: 50% 50%; opacity: 0.5; }
.cb-hotline-circle-fill { width: 80px; height: 80px; top: 16px; left: 16px; position: absolute; background-color: rgba(21, 100, 167, 0.7); border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; transform-origin: 50% 50%; }
.cb-hotline-img-circle { background-color: #1564a7; width: 50px; height: 50px; top: 31px; left: 31px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; display: flex; align-items: center; justify-content: center; }
.cb-hotline-img-circle .cb-btn-img { display: flex; }
.cb-hotline-img-circle .cb-btn-img img { width: 33px; height: 33px; }
.cb-hotline-bar { position: absolute; background: #1564a7; height: 45px; width: 165px; line-height: 45px; border-radius: 50px !important; padding: 0 10px; cursor: pointer; transition: all 0.8s; z-index: 9; left: 42px; bottom: 31px; }
.cb-hotline-bar > a { color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-indent: 32px; letter-spacing: 1px; display: block; line-height: 45px; font-family: Arial; }
.cb-hotline-bar > a:hover, .cb-hotline-bar > a:active { color: #fff; }
@-webkit-keyframes phonering-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1;} 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5;} 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1;} }
@-webkit-keyframes phonering-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6;} 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.6;} 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6;} }
@-webkit-keyframes phonering-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg);} 10% { transform: rotate(-25deg) scale(1) skew(1deg);} 20% { transform: rotate(25deg) scale(1) skew(1deg);} 30% { transform: rotate(-25deg) scale(1) skew(1deg);} 40% { transform: rotate(25deg) scale(1) skew(1deg);} 50% { transform: rotate(0) scale(1) skew(1deg);} 100% { transform: rotate(0) scale(1) skew(1deg);} }
@media (max-width: 768px) { .cb-hotline-bar { display: none; } }