html,body{margin: 0;padding: 0;}
.kefu2 *{box-sizing: border-box;margin: 0;padding: 0;}
.kefu2 img{width: auto;}
.kefu2 input:focus{outline: none;}
.kefu2 a:focus,.kefu2 a:active{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.kefu2 a{text-decoration: none;}
.kefu_pc{display: block;}
.kefu_m{display: none;}

.kefu_pc{position: fixed;right: 10px;top: 8vh; z-index: 999;width: 240px;}
.kefuimg{text-align: center;margin-bottom: -15px;}
.kefu_center{position: relative;z-index: 1; width: 100%;background-color: #184050;border-radius: 10px;color: #fff;margin-bottom: 10px;padding: 10px;}
.kefu_center .tname{height: 55px;line-height: 55px; text-align: center;color: #fff;background-color: #fe5729;border-radius: 10px; display: flex;justify-content: space-between;align-items: center;padding: 20px;font-size: 20px;margin-bottom: 10px;}
.kefu_center .tname a{color: #fff;}
.kefu_box{padding: 1px 0 1px;margin-left: -10px;margin-right: -10px;}
.kefu_box .con{border-radius: 20px;padding: 0px 0 0px;font-size: 16px;margin-bottom: 0;}
.kefu_box .con .item{padding-left: 18px;padding-right: 18px; background: url(../images/line_pc.jpg) bottom center repeat-x;padding-top: 11px; padding-bottom: 11px;margin-bottom: 0;position: relative;font-size: 18px;}
.kefu_box .con .item .disflex{display: flex;}
.kefu_box .con:last-child .item:last-child{background: none;padding-bottom: 0;}
.kefu_box .con .item .name{margin-bottom: 5px;}
.kefu_box .con .item .name img{margin-right: 3px;vertical-align: middle;}
.kefu_box .con .item .value{margin-bottom: 0px;cursor: pointer;margin-right: 0px;}
.kefu_box .con .item  a{color: #fff;}
.kefu_box .con .item .img{text-align: center;margin-top: 10px; padding: 10px 10px;}
.kefu_box .con .item .img img{width: 132px;}
.kefu_box .con .item .value .num{border-bottom: 1px solid #fff;}
/*.kefu_box .con .item .value:last-child{margin-bottom: 0;}*/
.kefu_box .con .item .value.open .content{opacity: 1;visibility: visible;}

.kefu_box .con .item .content{visibility: hidden;opacity: 0;position: absolute;left: -210px;top: 0;color: #333;z-index: 2;padding-right: 0;transition: all 0.2s;right: 8px;left: auto;top: 90px;width: 360px;}
.kefu_box .con .item .content::before {
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e9f1f4;
    position: absolute;
    bottom: 99%;
    left: 30px;
}
.kefu_box .con .item .disflex .value:nth-child(1) .content::before{left: calc(50% - 20px);}
.kefu_box .con .item .disflex .value:nth-child(2) .content::before{left: calc(50% + 50px);}
.kefu_box .con .item .disflex .value:nth-child(3) .content::before{left: calc(50% + 120px);}

.kefu_box .con .item.item2 .content,.kefu_box .con.con2 .item .content{width: 225px;}
.kefu_box .con.con2 .item .content{top: 55px;}
/*.kefu_box .con.con2 .content .scon p{display: none;}*/

.kefu_box .con.con2 .item .value .num{border-bottom: 0;}

/*新版客服 只显示微信小程序码*/
.kefu_box .con.con2 .item.shipinhao{display: none;}
.kefu_box .con.con2 .item.gongzhonghao{display: none;}
.kefu_box .con .item .content.show{position: relative!important; margin-top: 20px; top: 0px!important;width: calc(100% + 15px)!important; opacity: 1!important;visibility: visible!important;transition: all 1s;}
.kefu_box .con .item .content.show.hidden{opacity: 0!important;}

/*新版客服结束*/

.kefu_box .con .item .content_wrap{background-color: #e9f1f4;padding: 15px;border-radius: 15px;overflow: hidden;display: flex;justify-content: space-between;}
.kefu_box .con .item .content .scon{color: #666666;text-align: left;padding: 0;text-align: center;margin-left: auto;margin-right: auto;}
.kefu_box .con .item .content .scon img{width: 132px;vertical-align: top;}
.kefu_box .con .item .content .scon p{margin-top: 6px;margin-bottom: 6px;color: #184050;font-size: 18px;}

.kf_form{width: 100%;display: block;background-color: #fc5729;border-radius: 10px;padding: 10px;}
.kf_form .num{width: 100%;height: 32px;border-radius: 20px;background-color: #fff; margin: 0 auto; display: block;padding: 0;text-align: center;border: 0;font-size: 16px;}
.kf_form button{width: 100%;height: 32px;border-radius: 20px;border: 0;margin-top: 10px;background-color: rgba(0,0,0,0.1);color: #fff;font-size: 16px;cursor: pointer;}
.kefu_popup{display: none!important;}

@media(min-width: 1800px){
	.kefu_center{min-height: 650px;}
}

@media(max-width: 1600px){
	.kefu_pc{width: 200px;}
	.kefu_center .tname{font-size: 18px;height: 50px;line-height: 50px;}
	.kefu_box .con .item,.kefu_box .con .item .content .scon p{font-size: 16px;}
	.kefu_box .con .item.item2 .content{width: 195px;right: -15px;}
	.kefu_box .con .item .content::before{left: 60px;}
	.kefu_box .con .item .disflex .value:nth-child(1) .content::before{left: calc(50% + 15px);}
	.kefu_box .con .item .disflex .value:nth-child(2) .content::before{left: calc(50% + 80px);}
	.kefu_box .con .item .disflex .value:nth-child(3) .content::before{left: calc(50% + 135px);}
}

@media(min-width: 1080px) and (max-height: 768px){
	.kefuimg img{width: 60px;}
	.kefu_center .tname{height: 36px;line-height: 36px;font-size: 18px;padding: 10px 20px;}
	.kefu_box .con .item{padding-bottom: 10px;padding-top: 7px;}
	.kefu_box .con .item .name{margin-bottom: 2px;}
	/*.kefu_box .con.con2 .content .scon p{display: none;}*/
	.kefu_box .con .item .content{top: 65px;}
	.kefu_box .con.con2 .item .content{top: 42px;}
	.kefu_box .con .item,.kefu_box .con .item .content .scon p{font-size: 15px;}
	.kefu_center{padding-bottom: 10px;}
	.kefu_pc{top: 20px;}
}


@media(max-width: 1024px){
	.kefu_pc{display: none;}
	.kefu_m{display: flex;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 999;height: 68px;}
	.kefu_m .index{width: 106px;flex: 0 0 auto;background-color: #1f3f50;color: #fff;font-size: 13px;padding-top: 16px;}
	.kefu_m .index .name{display: flex;align-items: center;line-height: 1.2;font-size: 15px;padding-left: 10px;height: 21px;}
	.kefu_m .index .name img{width: 15px;margin-right: 3px;}
	.kefu_m .index .value{font-size: 12px;text-align: center;margin-top: 0px;padding-left: 20px;}
	.kefu_m .numcon{flex: 1;color: #fff;background-color: #f6592d;display: flex;padding: 14px 8px;justify-content: space-around;}
	.kefu_m .numcon .item{text-align: center;background: url(../images/icon_jiange.png) right center no-repeat;background-size: 1px;background: none;margin-right: 5px;color: #ffffff;cursor: pointer;}
	.kefu_m .numcon .item:last-child{background: none;}
	.kefu_m .numcon .item.item1{flex: 0 0 auto;}
	.kefu_m .numcon .item .name img{width: 14px;margin-right: 4px;}
	.kefu_m .numcon .item.item2 .name img{width: 18px;}
	.kefu_m .numcon .item .name{display: flex;align-items: center;font-size: 15px;height: 21px;}
	.kefu_m .numcon .item .value{font-size: 12px;margin-top: 0px;padding-left: 20px;text-align: left;}
	.kefu_m .numcon .item .value a,.kefu_m .index .value a{color: #fff;}

	.kefu_popup{position: fixed;left: 0;top: 0;width: 100%;height: calc(100vh - 68px);opacity: 0;visibility: hidden;transition: all 0.4s;display: block!important;z-index: 999;}
	.kefu_popup.open{opacity: 1;visibility: visible;}
	.kefu_popup .kefu_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
	.kefu_popup .kefu_close{width: 22px;height: 22px; position: absolute;right: 10px;top: 10px;background: url(../images/icon_close1.png) center no-repeat;background-size: 100%;}
	.kefu_popup .content{position: relative;width: 95%;min-height1: 360px;left: 2.5%;background-color: #fff;border-radius: 20px;top: 50%;transform: translateY(-50%);padding: 25px 12px;}
	.kefu_popup .content .title{color: #1f3f50;font-size: 16px;text-align: center;margin-bottom: 20px;font-weight: bold;}
	.kefu_popup .content .subcontent{display: none;}

	.kefu_popup .xkzm{margin-top: 20px;}
	.kefu_popup .xkzm .title{color: #1f3f50;}
	.kefu_popup .xkzm .imgs{display: flex;}
	.kefu_popup .xkzm .imgs .img{flex: 1;margin: 0 5px;text-align: center;font-size: 12px;color: #333;}
	.kefu_popup .xkzm .imgs .img img{width: 90px;height: 125px;object-fit: contain;}

	.kefu_popup .content .desc{font-size: 16px;color: #1f3f50;text-align: center;margin-bottom: 15px;margin-top: 15px;font-weight: bold;}
	.kefu_popup .content .nums{display: flex;margin-top: 8px;}
	.kefu_popup .content .nums .i{width: 32%;margin-left: 1.16%;margin-right: 1.66%; height: 38px;background-color: #e7e7e7;color: #415b69;line-height: 36px;text-align: center;font-size: 17px;border-radius: 6px;}
	.kefu_popup .content .nums .i.cur{background-color: #fe5729;color: #ffffff;}
	.kefu_popup .content .boxs{height: auto;}
	.kefu_popup .content .boxs .box{display: none;justify-content: center;align-items: center;height: 100%;}
	.kefu_popup .content .boxs .box.cur{display: flex;}
	.kefu_popup .content .item{text-align: center;margin: 0 20px;}
	.kefu_popup .content .item .name{display: flex;align-items: center;justify-content: center;font-size: 18px;color: #999999;margin-bottom: 15px;}
	.kefu_popup .content .item .name img{width: 18px;margin-right: 5px;}
	.kefu_popup .content .item .img{width: 132px;}

}

@media(min-width: 390px){
	.kefu_m .numcon .item .value{font-size: 12px;}
}
@media(min-width: 414px){
	.kefu_m .numcon .item .value{font-size: 14px;}
}