@charset "utf-8";

.right-pendant { position: fixed; top: calc(50% + 45px); transform: translateY(-50%); right: 0; z-index: 9999999999999999999; }
.right-pendant ul { box-shadow: 0px 0px 29px 0px rgba(245, 95, 51, 0.57); }
.right-pendant ul li:first-child { border-radius: 4px 4px 0 0; }
.right-pendant ul li:last-child { border-radius: 0 0 4px 4px; }
.right-pendant ul li { position: relative; width: 83px; height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background-color: #f55f33; color: #fff; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.right-pendant ul li:hover { background-color: #fe410a; }
.right-pendant ul li a { color: #fff; }
.right-pendant ul li span.iconfont { font-size: 26px; }
.right-pendant .inner { position: absolute; top: 50%; background-color: #f55f33; right: 103px; transform: translateY(-50%)translateX(103px); transition: all 0.6s; z-index: -1; opacity: 0; box-shadow: 0px 0px 29px 0px rgba(245, 95, 51, 0.57); /* display: none; */ }
.right-pendant .telMessage { border-radius: 6px 0 0 6px; width: 230px; height: 70px; line-height: 70px; font-size: 18px; }
.right-pendant .telMessage .icon.iconfont { font-size: 26px; vertical-align: middle; padding-left: 18px; }
.right-pendant .wechat { width: 166px; height: 182px; background-color: #f55f33; padding: 15px; box-sizing: border-box; font-size: 16px; line-height: 1; }
.right-pendant .wechat img { max-width: 100%; margin-bottom: 14px; height: 120px; }
.right-pendant ul li:hover .inner { display: block; transform: translateX(0)translateY(-50%); opacity: 1; }
.right-pendant ul li p { color: #fff; }

.gotop { width: 100%; height: 50px; background-image: url(../images/gotop.png); background-size: 46px 50px; background-repeat: no-repeat; background-position: center; }
.gotop a { width: 100%; height: 100%; display: block; cursor: pointer; }

/*#nb_icon_wrap { margin-top:300px !important; }*/
#newBridge .icon-right-center { left: 10px !important; }

@media (max-width:1440px) {
}

@media (max-width:1200px) {
    .right-pendant { display:none; }
}

@media (max-width:991px) {
    .right-pendant { display: none; }
}

@media (max-width:640px) {
}