.layui-layer-my .layui-layer-title{ background: #4493ff; color: #fff; } .layui-layer-my .layui-layer-title b{ font-size: 18px; font-weight: 400; float: left; padding-right: 5px; } .chat-bd { zoom: 1; position: relative; height: 550px; padding: 0 200px 0 0; } .chat-left { height: 557px; background: #FFF; zoom: 1; position: relative; border-right: 1px solid #e4e5e7; } .dialogue-prompt { background: url(/static/home/kefu/iocn3.png) no-repeat 5px center; padding: 0 0 0 30px; height: 24px; line-height: 24px; color: #808f9c; font-size: 14px; margin: 0 20px; } .dialogue-prompt .talkService { color: #00ad8e; padding: 0 5px; } .dialogue-box { position: relative; background: #fbfbfb; } .crlb_dl { padding-right: 50px; } .message_area { padding: 10px 20px; overflow-y:auto; overflow-x:hidden; } .message_area .message { margin-top: 10px; position: relative; clear: both; overflow: hidden; zoom: 1; min-height: 46px; padding-top: 22px; } .crlb_dl .message-dt { left: 0; } .message_area .message-dt { width: 50px; height: 50px; overflow: hidden; position: absolute; top: 16px; text-align: center; border-radius: 23px; } .message_area .message-dt img { height: 34px; width: 35px; margin-top: 5px; text-align: center; border-radius: 50%; } .contact-dl .message-dd { width: 300px; } .crlb_dl .message-dd { margin-left: 60px; float: left; background: #f4f4f4; } .message_area .message-dd { padding: 7px 10px; z-index: 9; position: relative; display: inline; border-radius: 8px; font-size: 13px; } .crlb_dl .message-dd .message-arrow { background-position: 0 0; left: -11px; } .message_area .message-dd .message-arrow { width: 11px; height: 12px; background: url(/static/home/kefu/pic_sjimg.png) no-repeat; overflow: hidden; z-index: 10; position: absolute; top: 10px; } .message_area .message-dd .message-time { display: block; color: #b8b8b8; line-height: 22px; position: absolute; top: -22px; height: 22px; overflow: hidden; width: 100%; text-align: center; } .message_area .message-dd p { color: #010101; line-height: 22px; } .message_area .messageCon * { white-space: normal !important; margin: 0 !important; padding: 0 !important; } .dialogue-enter { height: 99px; zoom: 1; position: relative; padding: 5px 108px 5px 5px; z-index: 99; } .message_editor { width: 100%; height: 86%; overflow: auto; outline: none; padding: 4px; border-radius: 5px; border: none; box-shadow: 0 0 1px 0 #999; background: none; margin-top: 4px; } .dialogue-submit { position: absolute; right: 15px; top: 50%; cursor: pointer; width: 71px; height: 34px; border-radius: 5px; margin: -14px 0 0 0; } .dialogue-submit .send-btn{ border-radius: 5px; background: #418cf3; } .dialogue-submit .on{ box-shadow: 0 0 4px 0 #000; width: 99%; margin-top: 1px; } .message_div { height: 448px; overflow-y: auto; position: relative; background: #fff; } .send-btn { border: 0; background: none; width: 100%; height: 34px; line-height: 34px; float: left; cursor: pointer; padding: 0; font-size: 14px; color: #FFF; text-align: center; } .chat-right { position: absolute; right: 0; top: 0; background: #f6fbff; zoom: 1; overflow: hidden; width: 200px; height: 557px; } .chat-right .info-box { padding: 30px 15px 30px 15px; } .info-box .userinfo{ box-shadow: 0 0 3px 2px #ddd; border-radius: 3px; padding: 10px; } .info-logo { margin: 0 auto; text-align: center; padding: 6px 0; } .info-logo a, .info-logo img, .info-logo span { display: block; vertical-align: middle; overflow: hidden; } .info-logo .logo-img { border: 2px solid #dedede; background: #ffffff; overflow: hidden; width: 100px; height: 100px; margin: 0 auto; line-height: 87px; } .info-logo img { border: none; max-height: 125px; width: 100%; display: inline; } .chat-right .info-logo span { color: #7c6132; font-size: 14px; line-height: 26px; height: 26px; } .chat-right .info-title { font-size: 16px; font-weight: bold; margin-top: 8px; } .chat-right .info-list li { line-height: 22px; color: #888; } .chat-right .info-list li span { color: #000; } .info-tabs-nav { overflow: hidden; zoom: 1; clear: both; } .info-tabs-nav li { margin-top: 12px; float: left; border-left: 1px dashed #dcdcdc; margin-left: -1px; color: #888888; line-height: 24px; width: 73px; text-align: center; } .info-tabs-nav li a { text-decoration: none; display: block; color: #888; } .call-box { margin: 30px 0 0 0; padding: 0 15px; } .call-title { font-size: 16px; font-weight: normal; margin-bottom: 15px; } .call-sub .call-text, .call-sub .codeValid_ipt { border: 1px solid #e5e5e5; background: #FFF; height: 30px; line-height: 30px; width: 94.5%; padding: 0 2%; font-size: 14px; } .call-sub .call-btn { background: #13c3a4; height: 36px; line-height: 36px; text-align: center; border: 0; color: #FFF; font-size: 14px; margin-top: 20px; width: 100%; cursor: pointer; } .call-phone .call-btn { background: #13c3a4 url(/static/home/kefu/call-btnbg.png) no-repeat 18px center; padding: 0 0 0 39px; text-align: left; } .u-info{ padding: 0 15px; } .u-info ul{ box-shadow: 0 0 3px 2px #ddd; border-radius: 3px; padding: 20px 10px 30px; overflow: hidden; } .u-info ul li{ width: 24%; margin: 0 4%; float: left; text-align: center; font-size: 12px; } .u-info ul li img{ max-width: 100%; } .call-box .call-con{ box-shadow: 0 0 3px 2px #ddd; border-radius: 3px; padding: 22px 10px; } .crlb_dr { padding-left: 50px; } .crlb_dr .message-dt { right: 0; } .crlb_dr .message-dd { margin-right: 60px; float: right; background: #d5ebfe; min-width: 70px; } .crlb_dr .message-dd .message-arrow { background-position: -11px 0; right: -11px; } .f-formbg2 { margin-top: 23px; text-align: unset; padding-bottom: 20px; } .f-form { padding-left: 30px; } .f-formbg2 { margin-top: 70px; } .f-form input { height: 35px; line-height: 35px; border: none; border-radius: 3px; padding: 0 5px; background: rgba(255,255,255,0.8); } .f-form .phone2 { width: 318px; height: 41px; line-height: 41px; background: #fff; float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; } .f-form button { border-radius: 3px; border: none; background: #818181; color: #fff; height: 41px; line-height: 41px; padding: 0 31px; font-size: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .f-formbg2 p { color: #fff; margin: 30px 0 10px 0; } .showmessage-form.layui-layer { background: url(/static/home/kefu/boda_1.jpg) no-repeat 0 center; background-color: transparent; box-shadow: none; border-radius: 20px; } /* FILE ARCHIVED ON 10:27:29 Apr 16, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:16:47 Oct 19, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.711 exclusion.robots: 0.045 exclusion.robots.policy: 0.033 esindex: 0.013 cdx.remote: 3.75 LoadShardBlock: 87.935 (3) PetaboxLoader3.datanode: 65.829 (4) PetaboxLoader3.resolve: 63.503 (2) load_resource: 153.526 */