.joinus-block .close-icon {
    background: url(../images/2a74edfbd4a0fbf8.png) no-repeat top/100%;
    position: absolute;
    padding: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
    z-index: 100;
}

.joinus-block .joinus-block-mask {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .65;
    background: #000;
}

.menu, .menu .navlink {
    line-height: 64px;
    float: right;
}

@media (min-width: 769px) {
    .joinus-block {
        z-index: 10000;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        text-align: center;
        display: none;
    }

    .joinus-block .joinus-block-dialog {
        z-index: 100;
        width: 510px;
        position: absolute;
        left: 0;
        right: 0;
        max-height: 100%;
        font-size: 14px;
        border-radius: 4px;
        overflow: auto;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 670px;
    }

    .joinus-block .close-icon {
        width: 28px;
        height: 28px;
        right: 28px;
        top: 28px;
    }
}

@media (max-width: 768px) {
    .joinus-block {
        z-index: 10000;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        text-align: center;
        display: none;
        height: auto;
    }

    .joinus-block .close-icon {
        width: 6vw;
        height: 6vw;
        right: 5vw;
        top: 5vw;
    }

    .joinus-block .joinus-block-dialog {
        z-index: 100;
        width: 89.33vw;
        border-radius: 4px;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 175vw;
    }
}


.fix-box{width: 76px;position: fixed;top: 62%;transform: translateY(-50%);right: 22px;font-size: 13px;border-radius: 2px 0 0 2px;text-align: center;z-index: 10;color: #fff;background-color: transparent;box-sizing: border-box;}
.fix-chat{width: 100%;padding-bottom: 15px;margin-bottom: 15px;position: relative;cursor: pointer;}
.fix-chat-img-close{position: absolute;top: 6px;right: 8px;text-align: center;line-height: 17px;font-weight: bold;z-index: 10;width: 17px;height: 17px;font-size: 12px;color: #fff;background: #f55662;border-radius: 50%;}
.fix-chat-box{padding: 3px;width: 100%;position: relative;border-radius: 50%;border: 1px solid rgba(245, 86, 98, 0.5);
animation: mymove1 1s linear infinite, animated-border1 1s linear infinite;}
.fix-chat-img-box{width: 68px;height: 68px;border-radius: 50%;border: 2px solid #f55662;margin: 0 auto;
animation: breathe-img1 1s linear infinite;}
.fix-chat-img-box img{display: block;width: 100%;}
@keyframes breathe-img1 {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.93);
	}
	50% {
		border-color: 1px solid rgba(245, 86, 98, 0.7);
		transform: scale(0.87);
	}
	75% {
		transform: scale(0.93);
	}
	to {
		transform: scale(1);
	}
}
@keyframes mymove1 {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.05);
	}
	50% {
		transform: scale(1.1);
	}
	75% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes animated-border1 {
	0% {
		box-shadow: 0 0 0 0 rgba(240, 116, 116, 0.2);
	}
	100% {
		box-shadow: 0 0 0 12px rgba(4, 235, 54, 0);
	}
}
.fix-chat-text{position: absolute;bottom: 0;font-size: 13px;width: 60px;overflow: hidden;height: 24px;
line-height: 24px;margin-left: 12px;background: #f55662;box-shadow: 0px 3px 10px rgba(99, 102, 110, 0.16);opacity: 1;border-radius: 4px;}
.fix-tel-apply{width: 60px;height: 45px;opacity: 0;word-wrap: keep-all;
overflow: hidden;line-height: 45px;border-radius: 4px;font-size: 12px;position: absolute;padding: 0;
top: 50%;right: 0;z-index: -1;color: #e83820;background-color: #fff;
box-shadow: 0px 5px 40px 0px rgba(47, 72, 88, 0.07), 0px 5px 40px 0px rgba(47, 72, 88, 0.07);transform: translateY(-50%);transition: all 0.3s ease-in-out;}
.fix-tel-apply::after {display: inline-block;content: " ";position: absolute;top: 12px;width: 20px;height: 20px;background-color: #fff;transform: rotate(45deg);right: -10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 40px 0px;}
.slide-code-wrap{box-sizing: border-box;position: absolute;top: -26px;right: 75px;width: 145px;padding: 10px;border-radius: 4px;display: none;
background: linear-gradient(to bottom, #fafdff 0%, #f5f6fc 100%);box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);text-align: center;}
.slide-code-wrap::after{display: inline-block;content: " ";position: absolute;top: 50px;width: 0;height: 0;z-index: 0;
border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 0;right: -16px;border-left:20px solid #f5f6fc;}
.slide-code-wrap p{font-size: 13px;color: #333;margin-top:4px;}
.fix-apply-box{width: 60px;margin-left: 12px;border-radius: 2px;box-shadow: 0px 3px 10px rgba(99, 102, 110, 0.16);}
.fix-apply,.slide-bar-wrap{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 85px;color: #646b7f;transition: color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;background: linear-gradient(to bottom, #fafdff 0%, #f5f6fc 100%);}
/*.fix-apply{border-radius: 2px 2px 0 0;}*/
.slide-bar-wrap{border-radius: 0 0 2px 2px;position: relative;cursor: pointer;border-radius: 2px 2px 0 0;}
.slide-bar-wraps{border-radius: 0;}
.iconliwu{width: 30px;height: 30px;display: block;margin: 0 auto 2px;background: url(../images/akf1.png) center no-repeat;
transition: all 0.3s ease-in-out;}
.iconweixin{width: 30px;height: 30px;display: block;margin: 0 auto 2px;background: url(../images/awx1.png) center no-repeat;
transition: all 0.3s ease-in-out;}
.iconyuyue{width: 30px;height: 30px;display: block;margin: 0 auto 2px;background: url(../images/ays1.png) center no-repeat;
transition: all 0.3s ease-in-out;}
.fix-apply:hover{color: #e83820;background: #fff;box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);}
.fix-apply:hover .fix-tel-apply {opacity: 1;overflow: visible;width: 180px;right: 80px;font-size: 20px;}
.fix-apply:hover .iconliwu {background: url(../images/akf1s.png) center no-repeat;}
.slide-bar-wrap:hover{color: #e83820;background: #fff;box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);}
.slide-bar-wrap:hover .slide-code-wrap{display: block;}
.get-chat-slide{position: absolute;bottom: 0;right: 100px;color: #444;z-index: -1;display: none;
border-radius: 4px;text-align: left;padding: 10px 12px 10px 10px;background: linear-gradient(to right, #fafdff 0%, #f5f6fc 100%);
box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);}
.get_add{display: flex;align-items: flex-start;}
.get-chat-slide::after{display: inline-block;content: " ";position: absolute;top: 50%;right: -18px;width: 0;height: 0;z-index: 0;transform: translateY(-50%);border-top: 20px solid rgba(0,0,0,0);border-bottom: 20px solid rgba(0,0,0,0);border-right: 0;border-left:20px solid #f5f6fc;}
.get-chat-slide-close{position: absolute;right: 8px;top: 5px;cursor: pointer;
width: 14px;height: 14px;background: url(../images/agb.png) center no-repeat;}
.get-chat-slide-img{width: 26px;height: auto;margin-right: 8px;}
.get-chat-slide-img img{display: block;width: 100%;}
.get-chat-slide-right{flex: 1;}
.get-chat-slide-right h4{font-size: 16px;font-weight: bold;color: #000;line-height: 1.3;margin-bottom: 8px;}
.get-chat-slide-right p{word-break: keep-all;color: #666;font-size: 13px;line-height: 1;margin-bottom: 3px;}
.ad_listeds{display: none;position: absolute;bottom: -36px;right: 60px;width: 306px;}
.ad_listeds .ad_list{display: block;box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);}
.slide-bar-wraps:hover .ad_listeds{display: block;}
.slide-bar-wraps:hover .iconyuyue{background: url(../images/ays2.png) center no-repeat;}
.slide-bar-wraped:hover .iconweixin{background: url(../images/awx1s.png) center no-repeat;}
.toTop{width: 60px;margin-left: 12px;height: 30px;margin-top: 6px;border-radius: 2px;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #646a7f;background: linear-gradient(to bottom, #fafdff 0%, #f5f6fc 100%);box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);display:none;}
.iconxiangshang{width: 24px;height: 24px;background: url(../images/aup1.png) center no-repeat;transition: all 0.3s ease-in-out;display: block;
margin: 0 auto;}
.toTop:hover{color: #e83820;background: #fff;box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);}
.toTop:hover .iconxiangshang{background: url(../images/aup2.png) center no-repeat;}