*{margin: 0;padding: 0;}
html,body,#app{width: 100%;font-size: 12px;background: var(--bg-content);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;overflow-y: auto;}
html,body,div,span,input,textarea,p{box-sizing: border-box;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;box-sizing: border-box;font-size: inherit;color: inherit;}
input,textarea{outline: none;resize: none;border: 0;width: 100%;background: transparent;}
input::-webkit-input-placeholder{font-size: inherit;color: #CCCCCC;}
textarea::-webkit-input-placeholder{font-size: inherit;color: #CCCCCC;}
span{font-size: inherit;color: inherit;}
img{display: inline-block;vertical-align: top;}
a{text-decoration: none;color: inherit;font-size: inherit;}

.inline{display: inline-block;vertical-align: middle;}

/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:table;clear:both;overflow:hidden;}

.dub_Vertical_Center{text-align: center;}
.dub_Vertical_Center::before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.dub_Vertical_Center > img{vertical-align: middle;}

.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.ml5{margin-left: 5px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml12{margin-left: 12px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}

.mr5{margin-right: 5px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr12{margin-right: 12px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}

.black3{color: #333333;}
.black6{color: #666666;}
.black9{color: #999999;}
.white{color: #FFFFFF;}
.blue{color: #267EFF;}
.red {color:#aa0000;}
.gray{color:#999999}


.dark_black3{color: var(--black3);}
.dark_black6{color: var(--black6);}
.dark_black9{color: var(--black9);}

.tcenter{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}

.home_flex{display: flex;align-items: center;}
.home_flex1{flex: 1;min-width: 0;min-height: 0;}
.home_flex2{flex: 0 0 auto;}
.flex_c{justify-content: center;}
.relative{position: relative;}
.absolute{position: absolute;}
.cursor{cursor: pointer;}
.height100{height: 100%;}

.overflow_clear{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.overflow_clear2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.overflow_clear3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.inputnative{cursor: pointer;}
.inputnative:hover{opacity: 0.8;}
.inputnative:active{opacity: 1;}

.zhiyi_btn_normal{border: 1px solid #267EFF;box-shadow: 0 2px 12px 0 rgba(81,95,115,0.05);padding: 2px 10px;min-height: 40px;min-width: 120px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #267EFF;margin: 0 10px;border-radius: 4px;line-height: normal;}
.zhiyi_btn_normal[type="primary"]{background: #267EFF;color: #FFFFFF;}
.zhiyi_btn_normal[small]{min-width: 80px;min-height: 32px;padding: 0 10px;}
.zhiyi_btn_normal[type="cancel"]{border-color: #E6E6E6;color: #999999;}

/* 滚动条验样式修改 */
::-webkit-scrollbar{width: 5px;height: 5px;border-radius: 8px;}
::-webkit-scrollbar-thumb{background: #D8D8D8;border-radius: 8px;}

.layui-layer-loading .layui-layer-content{margin: 0 auto;}
.layui-layer-btn a{font-size: 14px;}

body{font-size: 0;}
.chat_head{position: fixed;z-index: 10;top: 0;left: 0;right: 0;height: 44px;line-height: 44px;text-align: center;background: #FFFFFF;padding: 0 100px;}
.chat_head1{position: absolute;top: 0;left: 0;width: 44px;}

.chat_con{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background: #F5F5F5;display: flex;flex-direction: column;padding-top: 44px;}
.chat_con1{height: 100%;overflow-y: auto;padding: 15px;}
.chat_con2{display: flex;align-items: flex-start;margin-bottom: 15px;}
.chat_con3{width: 42px;height: 42px;position: relative;}
.chat_con3 img{width: 100%;height: 100%;border-radius: 4px;}
.chat_con4{max-width: 90%;background: #FFFFFF;padding: 8px;border-radius: 8px;font-size: 15px;color: #333333;position: relative;line-height: 24px;word-break: break-word;}
.chat_con4::before{content: '';position: absolute;left: -5px;top: 8px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 8px solid #FFFFFF;}
.chat_con4_1::before{border-right: none;border-left: 8px solid #FFFFFF;left: auto;right: -5px;}
.chat_con5{width: 16px;height: 16px;border-radius: 50%;margin: 0 2px;display: inline-block;vertical-align: top;margin-top: 4px;}
.chat_con6{width: 150px;}
.chat_con6 img{max-width: 100%;}

.chat_bot{}
.chat_bot1{background: #FFFFFF;border-top: 1px solid #ededed;padding: 10px 12px;}
.chat_bot2{max-height: 120px;border: 1px solid #EDEDED;font-size: 16px;color: #333333;padding: 4px 8px;border-radius: 4px;height: auto;min-height: 36px;line-height: 26px;outline: none;box-sizing: border-box;overflow-y: auto;}
.chat_bot2_1{text-align: center;line-height: 34px;}
.chat_bot3{background: #21AC20;height: 36px;line-height: 36px;padding: 0 12px;font-size: 16px;color: #FFFFFF;border-radius: 4px;}

.chat_bot4{padding: 10px;max-height: 260px;overflow-y: auto;/* min-height: 150px; */}
.chat_emo{display: flex;align-items: flex-start;flex-wrap: wrap;}
.chat_emo::-webkit-scrollbar{display: none;}
.chat_emo1{width: 30px;height: 30px;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 3px;}
.chat_emo1 img{width: 22px;height: 22px;}

.chat_emo2{width: 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 8px;}
.chat_emo3{width: 50px;height: 50px;background: #FFFFFF;border-radius: 4px;display: flex;align-items: center;justify-content: center;position: relative;}

.chat_shadow{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11;background: rgba(0,0,0,0.4);}
.chat_order_pop{position: fixed;left: 0;right: 0;bottom: 0;z-index: 12;background: #F5F5F5;border-radius: 10px 10px 0 0;transform: translateY(100%);}
.chat_order_pop.act{transform: translateY(0);transition: all .2s;}
.chat_order_pop1{height: 40px;line-height: 40px;}
.chat_order_pop2{height: 300px;overflow-y: auto;padding: 0 12px;}
.chat_order_pop3{background: #FFFFFF;padding: 12px;margin-bottom: 12px;border-radius: 4px;}
.chat_order_pop4{padding-bottom: 10px;border-bottom: 1px solid #EDEDED;}
.chat_order_pop5{width: 50px;height: 50px;border-radius: 4px;}

#message_list .chat_order_pop3{padding: 0px;margin-bottom: 0px; width: 250px;}

.wm_kefu_box{min-height: 100vh;background: #F3F3F3;padding: 0 0 1px;}
.wm_kefu_top{position: fixed;top: 0;left: 0;right: 0;z-index: 3;min-height: 152px;}
.wm_kefu_top1{height: 152px;position: absolute;top: 0;left: 0;right: 0;background-image: linear-gradient(0deg, #FFA80E 0%, #FD8900 100%);}
.wm_kefu_top2{position: relative;z-index: 2;padding: 16px 16px 0;}
.wm_kefu_top3{width: 50px;height: 50px;border-radius: 50%;}
.wm_kefu_top4{background: #FFFFFF;border-radius: 8px;padding: 8px 0;flex-wrap: wrap;}
.wm_kefu_top5{padding: 8px 0;width: 25%;display: flex;align-items: center;justify-content: center;flex-direction: column;}

.wm_kefu_bot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 5;background: #FFFFFF;box-shadow: 0 -2px 6px 0 rgba(0,0,0,0.04);padding: 8px 0 20px;}
.wm_kefu_bot1{flex-direction: column;justify-content: center;}
.wm_kefu_bot2{color: #FD8900;}

.wm_kefu_shadow{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11;background: rgba(0,0,0,0.4);}
.wm_kefu_actionsheet{position: fixed;bottom: 0;left: 0;right: 0;z-index: 12;background: #F3F3F3;border-radius: 10px 10px 0 0;overflow: hidden;transform: translateY(100%);transition: ease-in-out .2s;}
.wm_kefu_actionsheet.show{transform: translateY(0);}
.wm_kefu_actionsheet1{height: 42px;background: #FFFFFF;margin-bottom: 1px;line-height: 42px;text-align: center;font-size: 16px;color: #333333;}
.wm_kefu_actionsheet2{margin-top: 7px;margin-bottom: 0;color: #999999;}
.wm_kefu_actionsheet3{max-height: 300px;overflow-y: auto;}
.wm_kefu_actionsheet3::-webkit-scrollbar{display: none;}

.wm_kefu_con{height: 100%;}
.wm_kefu_li{padding: 15px;}

.wm_kefu_li1{display: flex;justify-content: flex-end;margin-bottom: 15px;}
.wm_kefu_li2{max-width: 90%;padding: 5px 12px;background: #FD8900;border-radius: 16px 0 16px 16px;font-size: 15px;color: #FFFFFF;word-break: break-word;}

.wm_kefu_li3{margin-bottom: 15px;background: #FFFFFF;border-radius: 6px;padding: 0 15px 2px;}
.wm_kefu_li4{padding: 12px 0;border-bottom: 1px solid #F3F3F3;margin-bottom: 10px;}
.wm_kefu_li5{font-size: 15px;color: #FD8900;margin-bottom: 10px;}

.wm_kefu_li6{margin-bottom: 15px;display: flex;align-items: center;margin-right: -10px}
.wm_kefu_li7{background: #FFFFFF;border-radius: 6px;padding: 15px;font-size: 15px;line-height: 24px;color: #333333;/* min-height: 112px; */}
.wm_kefu_li8{display: flex;flex-direction: column;}