:root{--hrhg-theme-skin:#FF4350;}
.sa-clear {display:block;clear:both;}
.sa-clear:after {content:"";display:block;height:0;visibility:hidden;font-size:0;clear:both;}
.hlkj-nav-wrap {position:fixed;bottom:0;left:0;right:0;width:100%;height:50px;border-top:1px solid rgba(240,240,240,1);background-color:#fff;z-index:999;}
.hlkj-nav-wrap ul {height:50px;display:-webkit-box;display:box;display:-webkit-flex;display:flex;}
.hlkj-nav-wrap ul li {text-align:center;-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;display:block;}
.hlkj-nav-wrap ul li:nth-child(2){border-left: 1px solid #eee;border-right: 1px solid #eee;}
.hlkj-nav-wrap ul li a {color:#666;display:block;font-size:24px;}
.hlkj-nav-wrap ul li.on>a {color:#FF4350;}
.hlkj-nav-wrap ul li a i {position:relative;font-size:22px;}
.hlkj-nav-wrap ul li a span {display:block;font-size:12px;}
a.goBack {z-index: 99;width: 0.746667rem;height: 0.746667rem;border-radius: 50%;position: absolute;top: 0.266667rem;left: 0.266667rem;display: flex;justify-content: center;align-items: center;font-size: 24px;}
.sa-dialog-mask {display:none;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1001;}
.sa-dialog-mask .content {width:7.2rem;border-radius:0.106667rem;position:absolute;top:50%;left:50%;margin-left:-3.6rem;margin-top:-1.92rem;background:#fff;}
.sa-dialog-mask .content p {text-align: center;}
.sa-dialog-mask .content .header {font-size:0.373333rem;line-height:0.533333rem;color:#333;margin-top:0.4rem;}
.sa-dialog-mask .content .body {font-size:0.32rem;color:#666;line-height:0.44rem;width:6.7rem;margin:0 auto;margin-top:0.346667rem;}
.sa-dialog-mask .content .footer {border-top:1px solid #ddd;margin-top:0.386667rem;}
.sa-dialog-mask .content .footer a {box-sizing:border-box;width:50%;height:1.28rem;line-height:1.28rem;display:block;float:left;line-height:1.28rem;font-size:0.426667rem;color:#999;}
.sa-dialog-mask .content .footer a:last-child {color:#DB4637;border-left:1px solid #ddd;}

/*注销弹窗*/
.logout-mask {display:none;width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:99;}
.logout-mask .logout-content {width:700px;border-radius:8px;position:absolute;top:50%;left:50%;margin-left:-5.6rem;margin-top:-4.92rem;background:#fff;}
.logout-mask .logout-content .title{height:60px;line-height: 60px;color:#4A4A4A;box-shadow:0px 2px 9px 0px rgba(0,0,0,0.04);border-radius:8px;text-align: center;font-size:20px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:bold;}
.logout-mask .logout-content .notice{width: 114px;height: 114px;display: block;padding: 0;margin: 0 auto;}
.logout-mask .logout-content .notice>img{width: 100%;height: 100%;}
.logout-mask .logout-content>p{height:14px;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:rgba(74,74,74,1);line-height:14px;padding: 10px 30px;}
.logout-mask .logout-content>p>span{color: #E50E0E;}
.logout-mask .logout-content .tips{font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(74,74,74,1);line-height:20px;text-align: center;padding-top:0;padding-bottom: 30px;}
.logout-mask .logout-content label .confirm{margin: 0 auto;padding: 20px 0;display: block;text-align: center;}
.logout-mask .logout-content label .confirm>img{width: 16px;height: 16px;display: inline-block;}
.logout-mask .logout-content label .confirm>span{color: #999999;padding-left: 4px;}
.logout-mask .logout-content .last{width: 260px;height: 40px;line-height: 40px;color: #ffffff;font-size:14px;background: #E50E0E;border-radius:44px;margin: 0 auto;text-align: center;margin-bottom: 20px;}

/*图片选中*/
.magic-checkbox {position: absolute;display: none;}

.magic-checkbox[disabled] {cursor: not-allowed;}

.magic-checkbox + label {width: 130px;color: #999999;padding-left: 4px;margin: 0 auto;padding: 20px 0;display: block;text-align: center;position: relative;display: block;padding-left: 30px;cursor: pointer;vertical-align: middle;}
.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color;}

.magic-checkbox + label:before {position: absolute;top: 20px;left: 0;display: inline-block;width: 15px;height: 15px;content: '';border: 1px solid #c0c0c0;}

.magic-checkbox + label:after {position: absolute;display: none;content: '';}

.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4;}
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {cursor: not-allowed;}

.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none;}

.magic-checkbox[disabled] + label:before {border-color: #e4e4e4;}

.magic-checkbox:checked + label:before {animation-name: none;}

.magic-checkbox:checked + label:after {display: block;}

.magic-checkbox + label:before {border-radius: 10px; }

.magic-checkbox + label:after {top: 20px;left: 5px;box-sizing: border-box;width: 6px;height: 12px;border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0;transform: rotate(48deg);}

.magic-checkbox:checked + label:before {border: #E50E0E;background: #E50E0E; }



/*关闭注销弹窗*/
.logout-mask .logout-content .close{width: 20px;height: 20px;position: absolute;top: 30px;right: 20px;}
.logout-mask .logout-content .close>img{width: 100%;height: 100%;}


body {max-width:100%;min-width:1200px;background: #F5F5F5;}
.web_share_content{width:100%;margin: 0 auto;}
/*头部*/
.web_header {width: 100%;position: absolute;left: 0;right: 0;top: 30px;background: rgba(0, 0, 0, 0.1);z-index: 99;}
.web_header>div.nav-header{width: 1200px;margin: 0 auto;}
.web_header .nav_log {float: left;display: block;width: 200px;padding-top: 15px;}
.web_header .nav_log img {width: 70%;}
.web_header .nav_int {display: block;float:left;font-family:PingFangSC-Regular;}
/*.web_header .nav_int .IPv6{display: inline-block;float: left;padding-top: 25px;padding-left: 10px;}*/
/*.web_header .nav_int .IPv6 > p {font-size: 14px;color: rgba(0,0,0,1);letter-spacing: 0;line-height: 20px;font-family: PingFangSC-Regular;font-weight: 400;}*/
/*.web_header .nav_int .IPv6 > p:last-child {display: inline-block;color: #FF2525;border: 1px #FF2525 solid;padding: 2px 4px;font-size: 14px;border-radius: 3px;line-height: 13px;}*/

.web_header .nav_int>ul.navCon{display: block;float:left;}
.web_header .nav_int>ul.navCon>li{float: left;padding: 15px 20px;position: relative;text-align: center;}
.web_header .nav_int>ul.navCon>li>div{cursor: pointer;}
.web_header .nav_int ul.navCon>li>a {display: block;width: 70px;height: 30px;line-height: 30px;font-size:16px;font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;color: #FFFFFF;border-radius: 16px;}
/*.web_header .nav_int ul li a:hover{font-size: 18px;}*/
/*.web_header .nav_int ul li:hover:after{content: "";width: 40px;height: 2px;background-color: #FF2525;display: block;position: absolute;top: 70px;left: calc(50% - 20px);}*/
/*.web_header .nav_int ul li:hover a{color: #FF2525;}*/
/*.web_header .nav_int ul li .on:before{content:"";background: #E81D2B;width:5px;height:5px;position: absolute;top: 38px;left: 4px;}*/
/*.web_header .nav_int ul li .on:after{content: "";width: 40px;height: 3px;background-color: #FF2525;display: block;position: absolute;top: 70px;left: calc(50% - 20px);}*/
.web_header .nav_int>ul.navCon>li>a.on{width: 70px;height: 30px;line-height: 30px;border-radius: 16px;background: #FF4F4F;box-shadow: 0px 2px 4px 0px rgba(96, 0, 0, 0.12);}
.web_header .nav_int span{display: block;float: left;width: 200px;height: 30px;border: 1px solid #FF2525;border-radius: 4px;margin-top: 25px;margin-left: 29px;}
.web_header .nav_int span input{width: 157px;height: 30px;line-height: 30px;font-size: 14px;font-weight: 400;float: left;text-indent: 8px;}
.web_header .nav_int span button{display: block;float: right;width: 43px;height: 30px;line-height: 30px;background: var(--hrhg-theme-skin,#FF4350);text-align: center;color: #fff;font-size: 20px;outline: none;border: none;}

.nav_top {display: block;width: 100%;height: 30px;background: #740004;line-height: 30px;}
.nav_top div{width: 1200px;margin: 0 auto;font-size: 12px;color: #ffffff;font-weight:400;line-height:30px;}
.nav_top div span{float: left;}
.nav_top div span:first-child{padding-right: 20px;}
.nav_top div a,.nav_top div span.cus_service{float: right;margin-left:13px;}

/*登录*/
.hrhg_login{float: right;padding-top: 20px;font-size: 16px;font-weight: 500;color: #ffffff;}
/*登陆成功*/
.hrhg_loginOut{float: right;position: relative;width:126px;}
.hrhg_loginOut>span{display:inline-block;max-width: 70px;padding-top:20px;cursor: pointer;font-size: 14px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-weight: 400;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;padding-right: 6px;}
.hrhg_loginOut>img{width: 46px;height: 46px;border-radius: 50%;margin-bottom: 10px;cursor: pointer;}
.hrhg_loginOut .login_list{display: none;position: absolute;right: 0;width: 150px;background: #ffffff;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);border-radius: 3px;border: 1px solid rgba(151, 151, 151, 0.07);z-index: 99;margin-top: -10px;text-align: center;}
.hrhg_loginOut .login_list>a{display: block;font-size: 16px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-weight: 400;color: #333333;padding: 10px 20px;}
.hrhg_loginOut .login_list>a:hover{background: #E8E8E8;}
.hrhg_loginOut .login_list>a:first-child{font-weight: bold;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 30px;background: none;border-bottom: 1px solid #EBEBEB;margin: 20px;margin-bottom: 0;padding: 0 0 20px 0;}

/*产品*/
.web_header .nav_int ul li.product-page{position: relative;}
.web_header .nav_int ul li.product-page>div{display: inline-block;width: 70px;height: 30px;line-height: 30px;font-size: 16px;font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;color: #FFFFFF;border-radius: 16px;}
/*产品模块*/
.web_header .nav_int ul li .articleCon{display: none;position: absolute;background:#FFFFFF;border-radius:3px;z-index: 99;padding: 0px 222px;padding-top: 20px;top: 60px;left: calc(100% - 476px);}
.web_header .nav_int ul li .articleCon>ul{display: block;width: 525px;}
.web_header .nav_int ul li .articleCon>ul>li{float: left;width: 160px;height: 93px;margin-right: 20px;margin-bottom: 20px;background: #F8F8F8;color: #4A4A4A;}
.web_header .nav_int ul li .articleCon>ul>li:nth-child(4n-1){margin-right: 0;}
.web_header .nav_int ul li .articleCon>ul>li:hover{background: #F0F0F0;}
.web_header .nav_int ul li .articleCon>ul>li>a{display: block;}
.web_header .nav_int ul li .articleCon>ul>li>a>img{margin-top: 10px;}
.web_header .nav_int ul li .articleCon>ul>li>a>p{height: 21px;font-size: 14px;font-family: SourceHanSansCN-Medium, SourceHanSansCN;font-weight: 500;color: #4A4A4A;line-height: 21px;padding-top: 10px;}
/*.web_header .nav_int ul li .articleCon>ul>li:hover>a>p{color: #ffffff;}*/


/*下载*/
.web_header .nav_int ul li.download-page{position: relative;}
.web_header .nav_int ul li.download-page>div{display: inline-block;width: 70px;height: 30px;line-height: 30px;font-size: 16px;font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;color: #FFFFFF;border-radius: 16px;}
/*下载模块*/
.web_header .nav_int ul li .loadCon{display: none;position: absolute;background:#FFFFFF;border-radius:3px;z-index: 99;padding: 20px 222px;top: 60px;left: calc(100% - 490px);}
.web_header .nav_int ul li .loadCon>ul{display: block;width: 525px;}
.web_header .nav_int ul li .loadCon>ul>li{float: left;width: 160px;height: 93px;margin-right: 20px;margin-bottom: 20px;background: #F8F8F8;color: #4A4A4A;}
.web_header .nav_int ul li .loadCon>ul>li:nth-child(4n-1){margin-right: 0;}
.web_header .nav_int ul li .loadCon>ul>li:hover{background: #F0F0F0;}
.web_header .nav_int ul li .loadCon>ul>li>a{display: block;}
.web_header .nav_int ul li .loadCon>ul>li>a>img{margin-top: 10px;}
.web_header .nav_int ul li .loadCon>ul>li>a>p{height: 21px;font-size: 14px;font-family: SourceHanSansCN-Medium, SourceHanSansCN;font-weight: 500;color: #4A4A4A;line-height: 21px;padding-top: 10px;}
/*.web_header .nav_int ul li .loadCon>ul>li:hover>a>p{color: #ffffff;}*/


/*公示*/
.web_header .nav_int ul li.publicity{position: relative;}
.web_header .nav_int ul li.publicity>div{display: inline-block;width: 70px;height: 30px;line-height: 30px;font-size: 16px;font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;color: #FFFFFF;border-radius: 16px;}
/*公示模块*/
.web_header .nav_int ul li .makeCon{display: none;position: absolute;background:#FFFFFF;border-radius:3px;z-index: 99;padding: 20px 222px;top: 60px;left: calc(100% - 615px);}
.web_header .nav_int ul li .makeCon>ul{display: block;width: 525px;}
.web_header .nav_int ul li .makeCon>ul>li{float: left;width: 160px;height: 93px;margin-right: 20px;margin-bottom: 20px;background: #F8F8F8;color: #4A4A4A;}
.web_header .nav_int ul li .makeCon>ul>li:nth-child(4n-1){margin-right: 0;}
.web_header .nav_int ul li .makeCon>ul>li:hover{background: #F0F0F0;}
.web_header .nav_int ul li .makeCon>ul>li>a{display: block;}
.web_header .nav_int ul li .makeCon>ul>li>a>img{margin-top: 10px;}
.web_header .nav_int ul li .makeCon>ul>li>a>p{height: 21px;font-size: 14px;font-family: SourceHanSansCN-Medium, SourceHanSansCN;font-weight: 500;color: #4A4A4A;line-height: 21px;padding-top: 10px;}
/*.web_header .nav_int ul li .makeCon>ul>li:hover>a>p{color: #ffffff;}*/


/*客服消息*/
.nav_top div span.service{float: right;margin: 0 15px;margin-right: 0;cursor: pointer;}

/*底部*/
.bottom_all {margin-top: 60px;}
.explain {display: block;height: 34px;background: #4A4A4A;clear: both;border-bottom: 2px solid #3F3F40;}
.explain p {font-size: 14px;color: #FFFFFF;line-height:34px;letter-spacing: 0;width:1200px;margin: 0 auto;}

.web_bottom {display: block;width:100%;background:#4A4A4A;overflow: hidden;}
.web_bottom>div{width: 1200px;overflow: hidden;margin: 0 auto;padding: 30px 30px;}
.web_bottom .left_bottom {float: left;display: block;}
.web_bottom .left_bottom p {font-size: 14px;color: #FFFFFF;letter-spacing: 0;line-height: 28px;font-family:PingFangSC-Regular;font-weight:400;}
.web_bottom .left_bottom p>span{border: 1px #ffffff solid;padding: 0px 3px;font-size: 12px;border-radius: 3px;line-height: 12px;}
.web_bottom .left_bottom p>a{display: inline-block;}
.web_bottom .right_bottom {display: flex;float: right;}
.web_bottom .right_bottom .log {display: block;text-align: center;}
.web_bottom .right_bottom .log img {width: 80px;height: 80px;}
.web_bottom .right_bottom .log p {font-size: 14px;color: #FFFFFF;letter-spacing: 0;line-height: 20px;padding-top: 12px;white-space: nowrap;margin: 0 auto;display: grid;}
.web_bottom .right_bottom .code {display: block;padding-left: 50px;text-align: center;}
.web_bottom .right_bottom .code img {width: 80px;height: 80px;border: 1px solid #000;}
.web_bottom .right_bottom .code p {font-size: 14px;color: #FFFFFF;letter-spacing: 0;line-height: 20px;padding-top: 12px;white-space: nowrap;margin: 0 auto;display: grid;}

/*弹窗*/
.dialog-mask{width: 100%;height: 100vh;background: rgba(0, 0, 0, .8);position: fixed;top:0;left: 0;font-size: 16px;z-index: 99;text-align: center;}
.dialog-mask div{width: 410px;border-radius: 5px;position: absolute;top: 50%;left: 50%;margin-left: -205px;transform: translateY(-50%);background: #fff;color: #fe5454;}
.dialog-mask div p:first-child{word-wrap: break-word;white-space: normal;min-height: 50px;padding: 10px;padding-top: 40px;color: #4a4a4a; overflow: hidden;}
.dialog-mask div p:last-child{width: 100%;min-height: 40px;line-height: 40px;padding: 25px 0;padding-bottom: 20px;}
.dialog-mask div p a{display: block;width: 90px; padding: 0 10px;margin: 0 10px;height: 35px;line-height: 35px;border: 1px solid #FF4350;border-radius: 5px;cursor: pointer;color: #fff;margin: 0 auto;background:#FF4350;: }

/*客服*/

/*客服入口*/
.hrhg-serice-Entrance{
    position: fixed;right:0;top: 60%;width: 161px;height: 80px;text-align: center;border-radius:4px;
}
/*.hrhg-serice-Entrance>p{font-size:10px;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:rgba(229,14,14,1);line-height:10px;margin: 5px 0;}*/
/*.hrhg-serice-Entrance>p:first-child{font-size:16px;font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;line-height:18px;margin-top: 10px;}*/
.hrhg-serice-Entrance>img{
    width: 100%;height: 100%;
}
/*客服列表*/
.hrhg-serice-warp{
    display: none;position:fixed;right:0;bottom:0;width: 300px;height: 500px;background:rgba(255,255,255,1);box-shadow:4px 2px 10px 0px rgba(0,0,0,0.07);border-radius:3px;
}
.hrhg-serice-warp .userName{
    height:50px;font-size:14px;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:#4A4A4A;line-height:50px;padding-left: 20px;
}
.hrhg-serice-warp .close{
    width: 15px;height: 15px;cursor: pointer;position: absolute;top: 15px;right: 15px;
}
.hrhg-serice-warp .serviceSign{
    width:100%;height:40px;background:rgba(251,250,250,1);text-align: center;
}
.hrhg-serice-warp .serviceSign>span{
    line-height: 40px;display: inline-block;border-bottom: 2px solid #FF2D3B;width: 80px;
}

/*.hrhg-serice-warp .serviceSign>span{*/
    /*float:left;width:50%;height:40px;line-height:40px;cursor: pointer;text-align: center;*/
/*}*/
/*.hrhg-serice-warp .serviceSign>span.on{*/
    /*border-bottom: 2px solid #FF2D3B;*/
/*}*/
.hrhg-serice-warp .serviceSign>span>img{
    width: 24px;height: 24px;
}
.hrhg-serice-warp .serviceList{
    padding: 20px;
}
.hrhg-serice-warp .serviceList>span:first-child{
    height:14px;font-size:14px;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:rgba(74,74,74,1);line-height:14px;
}
.hrhg-serice-warp .serviceList>span:last-child{
    width:16px;height:16px;padding-left: 5px;
}
/*客服联系人列表*/
.hrhg-serice-warp .service-list{
    overflow: auto;height: calc(100% - 150px);
}
/*.hrhg-serice-warp .service-list ul{*/
    /*padding: 0 20px;*/
/*}*/
.hrhg-serice-warp .service-list ul.firstList li{
    padding: 10px 0;cursor: pointer;line-height: 40px;height: 40px;border-bottom: 1px solid #e8e8e8;margin: 0 10px;
}
.hrhg-serice-warp .service-list ul.firstList li:first-child{
    padding-top: 0;
}
.hrhg-serice-warp .service-list ul.firstList li:last-child{
    padding-bottom: 20px;border-bottom: 0;
}
.hrhg-serice-warp .service-list ul.firstList li .kefuImgs{
    display:inline-block;width: 40px;height: 40px;border-radius: 50%;
}
.hrhg-serice-warp .service-list ul.firstList li .kefuImgs>img{
    width: 100%;height: 100%;border-radius: 50%;

}
.hrhg-serice-warp .service-list ul.firstList li .kefuName{
    padding-left: 10px;font-family:PingFang-SC-Regular,PingFang-SC;color: #4A4A4A;font-size: 14px;
}
.hrhg-serice-warp .service-list ul.firstList li .tips{
    float:right;background: #FF2D3B;width:20px;height:20px;text-align:center;line-height:20px;border-radius: 50%;color: #FFFFFF;margin-top: 6px;
}


/*滚动条*/
.hrhg-serice-warp .service-list::-webkit-scrollbar { /*滚动条整体样式*/width: 5px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.hrhg-serice-warp .service-list::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 4px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #999999;}
.hrhg-serice-warp .service-list::-webkit-scrollbar-track { /*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #EBEBEB;}



/*客服最近聊天列表*/
.hrhg-serice-warp ul.lastList li{
    padding: 12px 0;cursor: pointer;
}
.hrhg-serice-warp ul.lastList li:first-child{
    padding-top: 0;
}
.hrhg-serice-warp ul.lastList li:last-child{
    padding-bottom: 24px;
}
.hrhg-serice-warp ul.lastList li .kefuImgs{
    display:inline-block;float:left;width: 40px;height: 40px;border-radius: 50%;
}
.hrhg-serice-warp ul.lastList li .kefuImgs>img{
    width: 100%;height: 100%;
}
.hrhg-serice-warp ul.lastList li .sign{
    width: 10px;height: 10px;position:absolute;left:50px;background: #FF2D3B;border-radius: 50%;
}
.hrhg-serice-warp ul.lastList li>div{
    padding-left: 10px;display: inline-block;
}
.hrhg-serice-warp ul.lastList li>div .kefuName{
    height:14px;font-size:14px;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:rgba(74,74,74,1);line-height:14px;
}
.hrhg-serice-warp ul.lastList li>div .kefuCon{
    padding-top: 10px;height:12px;font-size:12px;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:rgba(153,153,153,1);line-height:12px;
}
.hrhg-serice-warp ul.lastList li .time{
    float: right;height:12px;font-size:12px;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:rgba(153,153,153,1);line-height:12px;
}


@media screen and (max-height: 600px) {
    .hrhg-serice-content .serice-popup {
        top: calc(50% - 239px) !important;
    }
    .hrhg-serice-content .serice-popup .serice-popupLeft .service-message {
        height: 300px !important;
    }
    .hrhg-serice-content .serice-popup .serice-popupRight {
        height: 300px !important;
    }
}

/*客服弹窗*/
.hrhg-serice-content{
    display:none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;position: fixed;top: 0;left: 0;
}
.hrhg-serice-content .serice-popup{
    width:980px;background:rgba(255,255,255,1);border-radius:8px;position: fixed;top: 8%;left: calc(50% - 490px);
}
.hrhg-serice-content .serice-popup .top{
    height: 60px;background: #ffffff;box-shadow:0px 2px 8px 0px rgba(40,0,0,0.08);
}
.hrhg-serice-content .serice-popup .top>img{
    width: 95px;line-height: 60px;padding-left: 20px;
}
.hrhg-serice-content .serice-popup .top>span{
    padding-left: 15px;height:60px;font-size:18px;font-family:SourceHanSansCN-Bold,SourceHanSansCN;font-weight:bold;color:rgba(153,153,153,1);line-height:60px;
}
.hrhg-serice-content .serice-popup .Close{
    position: absolute;right: 20px;top: 20px;
}
/*左边聊天模块*/
.hrhg-serice-content .serice-popup .serice-popupLeft{
    width: 770px;float: left;
}

/*滚动条*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat::-webkit-scrollbar { /*滚动条整体样式*/width: 5px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 4px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #999999;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat::-webkit-scrollbar-track { /*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #EBEBEB;}

/*聊天框*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message{
    width: 100%;height: 473px;background: #EBEBEB;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat{
    padding: 20px;height: calc(100% - 40px);overflow-x: hidden;overflow-y: scroll;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message{
    width: 100%;margin: 20px 0;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message:first-child{
    margin-top: 0;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .avatar{
    width:30px;height:30px;float: left;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .avatar>img{
    width: 100%;height: 100%;border-radius: 50%;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .user-info{
    font-size: 10px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color: #4A4A4A;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .user-info .name{
    color: #9B9B9B;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .user-info>span{
    padding-left: 10px;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .message-content{
    max-width:calc(100% - 100px);background: #ffffff;display: inline-block;padding:10px;margin-left:10px;margin-top:5px;border-top-left-radius:2px;border-bottom-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .message-content .emotion{
    width: 80px;
}

/*客服询问列表*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .questionList>ul{padding: 0 10px;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .questionList>ul>li{padding: 10px 0;border-bottom: 1px #cccccc dashed;cursor: pointer;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .questionList>ul>li:last-child{border-bottom: 0;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .questionList>ul>li.select p{color: #999999;}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .questionList>ul>li>p{font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(74,74,74,1);line-height:20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*已读未读提示*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .message-info .reader{
    float:right;display: inline-block;font-size: 14px;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #999999;padding: 10px;
}

/*客服不在线提示*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .message .tel{
    text-align: center;font-size: 12px;color: #999999;padding: 10px;
}

.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .userCon .avatar{
    float: right;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .userCon .message-info{
    float: right;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .userCon .message-info .user-info{
    text-align: right;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .userCon .message-info .user-info>span{
    padding-left: 0px;padding-right: 10px;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-message .service-chat .userCon .message-info .message-content{
    float:right; max-width:500px;background: #FFB0B6;margin-right: 10px;border-top-left-radius:15px;border-top-right-radius:2px;letter-spacing: -0.007733rem;text-align: justify;line-height: 24px;
}


    /*输入框*/
.hrhg-serice-content .serice-popup .serice-popupLeft .service-input{
    background: #ffffff;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-input .iconfont{
    color: #FF2D3B;cursor: pointer;font-size: 22px;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-input textarea{
    resize: none;font-size: 14px;padding-top: 10px;width: 650px;
}
.hrhg-serice-content .serice-popup .serice-popupLeft .service-input .send{
    float: right;width: 70px;height: 30px;line-height:30px;font-size:14px;text-align: center;color: #ffffff;background: #FF4350;border-radius:20px;margin-top: 20px;
}


/*右边客服模块*/
.hrhg-serice-content .serice-popup .serice-popupRight{
    width: 210px;height:593px;float: left;background: #ffffff;box-shadow:-4px 2px 4px 0px rgba(151,0,0,0.05);
}
.hrhg-serice-content .serice-popup .serice-popupRight>p{
    margin: 0 20px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:first-child{
    padding: 20px 0;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:first-child>span:first-child{
    height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(74,74,74,1);line-height:14px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:first-child>span:nth-child(2){
    margin-left: 10px;padding: 3px 8px;background:rgba(255,185,84,1);border-radius:10px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:first-child>img{
    float: right;padding-top: 5px;
}
/*下载APP二维码*/
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(2){
    width:150px;height:150px;margin: 0 auto;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(2)>img{
    width: 100%;height: 100%;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(3){
    height:16px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(153,153,153,1);line-height:16px;text-align: center;margin: 10px 0;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(4){
    height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(74,74,74,1);line-height:14px;text-align: center;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(5){
    padding-top: 50px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(5)>span{
    height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(74,74,74,1);line-height:14px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(5)>img{
    float: right;padding-top: 5px;
}
.hrhg-serice-content .serice-popup .serice-popupRight>p:nth-child(6){
    height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(153,153,153,1);line-height:14px;text-align: center;padding-top: 20px;
}

/*表情*/
.service-emotion{
    display:none;width:777px;top:315px;left:35px;position: absolute;z-index: 999999;padding: 10px;background: #ffffff;border: 1px solid #E8E8E8;
}
.service-emotion>ul{
    display: block;padding: 10px;
}
.service-emotion>ul li{
    float: left;
}
.service-emotion>ul li a{
    z-index: 1;float: left;width: 30px;height: 30px;cursor: pointer;overflow: hidden;padding: 4px 2px;position: relative;text-align: center;
}