.jesong_fl { float: left; } .jesong_fr { float: right } .jesong_fn { float: none !important; } .jesong_clear { overflow: auto; } .jesong_hide { display: none; } .jesong_show { display: block; } .jesong_mask { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; z-index: 100; opacity: 0.5; filter: alpha(opacity=50); background: rgb(0, 0, 0); background: #000000; display: none; border-radius: 16px 16px 0px 0px } .jesong_chat_recordPhone * { font-family: H-Helvetica, _H-HelveticaNeue, Roboto, STHeiti-Light, STHeiti-Medium, "Noto Sans SC", Microsoft YaHei; } .jesong_chat_layout_pc * { font-family: Microsoft YaHei; } #jesong_chat_layout { z-index: 999999999; } #jesong_chat_layout a:hover, #jesong_chat_layout a:focus { text-decoration: none; outline-style: none; } #jesong_chat_layout input, #jesong_chat_layout select { vertical-align: middle; } #jesong_chat_layout .clearfix::before, #jesong_chat_layout .clearfix::after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } #jesong_chat_layout .clearfix:after { clear: both; } #jesong_chat_layout .clearfix { *zoom: 1; } #jesong_chat_layout .scrollbar { margin: 0 auto; } #jesong_chat_layout .test-1::-webkit-scrollbar { width: 6px; height: 1px; } #jesong_chat_layout .test-1::-webkit-scrollbar-thumb { border-radius: 10px; width: 6px; background: #D3D6E1; } #jesong_chat_layout .test-1::-webkit-scrollbar-track { background: #ffffff; } #jesong_chat_layout a:visited, #jesong_chat_layout a:active { color: #409EFF; } .jesong_full_body { position: relative !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; overflow: auto !important; } .jesong_phone_mask { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2147483530; filter: alpha(opacity=10); opacity: 0.1; background: #000000; } .jesong-mini-main-top { border-radius: 14px 14px 0 0; height: 60px; background: #409EFF; cursor: move; display: flex; align-items: center; } .jesong-mini-main-top-en { border-radius: 14px 14px 0 0; height: 80px; background: #409EFF; cursor: move; display: flex; align-items: center; } .jesong-mini-main-top .jesong-brand, .jesong-mini-main-top-en .jesong-brand { margin: 9px 12px; float: left; position: relative; overflow: hidden; width: 42px; height: 42px; cursor: auto; } .jesong-mini-main-top .jesongOpacity, .jesong-mini-main-top-en .jesongOpacity { width: 42px; height: 42px; background: #F2F2FB; position: absolute; opacity: 0.18; border-radius: 100%; } .jesong-mini-main-top .jesong-brand img, .jesong-mini-main-top-en .jesong-brand img { width: 40px; height: 40px; position: absolute; top: 1px; left: 1px; border-radius: 24px; } .jesong-mini-main-top .jesong-abstract, .jesong-mini-main-top-en .jesong-abstract { flex: 1; } .jesong-mini-main-top-en .jesong-abstract-en { flex: 1; margin-left: 3px; } .jesong-abstract h2 { color: #ffffff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jesong-mini-main-top-en .jesong-abstract-en .jesong-abstract-title-en { font-size: 18px; line-height: 18px; color: #FFFFFF; display: flex; align-items: center; } .jesong-mini-main-top-en .jesong-abstract-en .jesong-abstract-status-en { margin-top: 5px; font-size: 12px; line-height: 12px; color: #FFFFFF; display: flex; align-items: center; } .jesong-mini-main-top-en .jesong-abstract-en .jesong-abstract-status-en::after { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: #6EDE46; border: 1px solid #FFFFFF; box-sizing: border-box; margin-left: 4px; } .jesong-mini-main-top .jesong-abstract .jesong-abstract-con, .jesong-mini-main-top-en .jesong-abstract .jesong-abstract-con { overflow: hidden; white-space: pre; text-overflow: ellipsis; color: #fff; font-size: 12px; line-height: 38px; } .jesong-mini-main-top .jesong-abstract .jesong-abstract-con span, .jesong-mini-main-top-en .jesong-abstract .jesong-abstract-con span { font-size: 12px; } .jesong-mini-main-top .jesong-abstract .jesong-abstract-con i, .jesong-mini-main-top-en .jesong-abstract .jesong-abstract-con i { font-style: normal; } .jesong-mini-main-top .jesong-custom, .jesong-mini-main-top-en .jesong-custom { padding: 11px 12px; float: right; width: 100px; line-height: 20px; text-align: right; font-size: 14px; cursor: pointer; color: #fff; height: 100%; box-sizing: border-box; } .jesong-mini-main-top .jesong-custom div, .jesong-mini-main-top-en .jesong-custom div { float: right; display: inline-block; width: 20px; height: 20px; margin-left: 5px; cursor: pointer; } #jesong_chat_close { background-position: -1057px 3px; } #jesong_chat_min { z-index: 999999999; } #jesong_chat_min_btn { background-position: -954px 3px; position: relative; } #jesong_chat_max_btn { background-position: -1001px 3px; } .jesong_chatP_title { position: absolute; top: 0px; left: 12px; height: 100%; font-size: 16px; text-align: center; color: #ffffff; z-index: 2000; width: calc(100% - 100px); } .jesong_chatP_title-en { position: absolute; top: 0px; left: 12px; height: 100%; color: #ffffff; z-index: 2000; width: calc(100% - 100px); display: flex; flex-direction: column; justify-content: center; margin-left: 14px; } .jesong_chatP_title-en .title-en { font-size: 18px; line-height: 18px; color: #FFFFFF; } .jesong_chatP_title-en .status-en { font-size: 12px; line-height: 12px; margin-top: 5px; display: flex; align-items: center; } .jesong_chatP_title-en .status-en::after { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: #6EDE46; border: 1px solid #FFFFFF; box-sizing: border-box; margin-left: 4px; } .jesong-full-top .customerInfo { float: right; cursor: pointer; border-radius: 3px; margin-top: 16px; font-size: 12px; width: 30px; height: 22px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../images/chat/customer.webp); display: none; } .jesong-full-top .customerInfo-en { float: right; cursor: pointer; border-radius: 3px; margin-top: 24px; font-size: 12px; width: 30px; height: 22px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../images/chat/customer.webp); display: none; } .jesong-full-main .customerDetail { z-index: 9998; position: absolute; top: 0; background: #fff; width: 100%; border-bottom: 1px solid #cdcdcd; } #jesong-customerDetail, #jesong-downClick { display: none; } .jesong-setAudioAppleStyle { padding: 8px 10px; background: #e2e2ef; box-shadow: 0px 1px 6px 0px #e2e2ef; border-radius: 16px 16px 16px 16px; margin: 3px 5px; } .jesong-full-main .customerDetail .down { position: absolute; left: 50%; width: 58px; height: 28px; margin-left: -29px; background: #fff; border-radius: 0 0px 60px 60px; bottom: -28px; border: 1px solid #cdcdcd; border-top: 0; } .jesong-full-main .customerDetail .down_png, .jesong-full-main .customerDetail .up_png { width: 16px; height: 10px; background-size: 100% 100%; background-repeat: no-repeat; margin: 5px auto; } .jesong-full-main .customerDetail .down_png { background-image: url(../images/chat/down.webp); } .jesong-full-main .customerDetail .up_png { background-image: url(../images/chat/up.webp); } .jesong-full-main .customerDetail .customerDetailtitle { padding: 10px; font-size: 14px; display: none; border-bottom: 1px solid #cdcdcd; } .jesong-full-main .customerDetail .customerDetailList { display: flex; justify-content: space-between; align-items: center; padding: 15px; } .jesong-full-main .customerDetail .QR_code { max-width: 100px; max-height: 100px; display: none; } .jesong-full-main .customerDetail .QR_code img { width: 100%; height: 100%; } .jesong-full-main .customerDetail .telDetail .tel, .jesong-full-main .customerDetail .telDetail .weChat { display: flex; justify-content: space-between; align-items: center; } .jesong-full-main .customerDetail .weChat { margin-top: 15px } .jesong-full-main .customerDetail .phone_weChat { width: calc(100% - 30px); margin-left: 15px; } .jesong-full-main .customerDetail .weChat, .jesong-full-main .customerDetail .phone { display: none; justify-content: space-between; } .jesong-full-main .customerDetail .copyWeChat, .jesong-full-main .customerDetail .telNum { margin-left: 5px; color: #409EFF; border: 1px solid #409EFF; border-radius: 20px; font-size: 14px; padding: 3px 12px; display: none; height: 20px; } .jesong-full-main .customerDetail .weChatNum, .jesong-full-main .customerDetail .xgfPhone { width: 105px; word-break: break-all; } .jesong-d_flex { display: flex } .jesong-full-main .customerDetail a { text-decoration: none; color: inherit; } .jesong-video_paly, .jesong-video_paly video { border-radius: 10px; } .jesong-in { animation: ac 1s; } .jesong-out { position: fixed; width: 300px; z-index: 999; animation: an 0.5s; } .jesong_video_close { background: url(../images/chat/close3.webp) no-repeat; background-size: 100%; float: right; margin-top: 4px; cursor: pointer; padding: 6px; } .jesong_draggable { position: absolute; cursor: move; } .jesong-video_paly { position: relative; } .jesong-video_paly_mask { position: fixed; height: 100%; width: 100%; background-color: rgba(90, 90, 90, 1); z-index: 99999999999999999; overflow: hidden; top: 0; display: none; } .jesong-video_paly_mask .div_video_mask { height: calc(100% - 60px); } .jesong-exitScreen { width: 10px; height: 10px; border-radius: 50%; cursor: pointer; margin-left: 15px; background: url(../images/chat/close1.webp) no-repeat; padding: 10px; background-size: 100%; bottom: 15px; position: absolute; } .jesong-video_img, .jesong-video_apple_img { border-radius: 50%; cursor: pointer; background: url(../images/chat/play.webp) no-repeat; padding: 10px; background-size: 100%; position: absolute; left: 50%; top: 50%; } .jesong-video_img { width: 44px; height: 44px; margin-left: -32px; margin-top: -32px; } .jesong-video_apple_img { width: 20px; height: 20px; margin-left: -20px; margin-top: -20px; } .jesong_recoderIdTip { position: absolute; height: 100%; width: 100%; background-color: transparent; z-index: 1; overflow: hidden; text-align: center; } .jesong-playClassM::-webkit-media-controls-fullscreen-button, .jesong-playClassM::-webkit-media-controls-play-button, .jesong-playClassM::-webkit-media-controls-timeline, .jesong-playClassM::-webkit-media-controls-current-time-display, .jesong-playClassM::-webkit-media-controls-time-remaining-display, .jesong-playClassM::-webkit-media-controls-mute-button, .jesong-playClassM::-webkit-media-controls-toggle-closed-captions-button, .jesong-playClassM::-webkit-media-controls-volume-slider, .jesong-playClassM::-webkit-media-controls-enclosure { display: none !important; } .jesong-apple-msg-audio { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; } .jesong-apple-msg-audio .voice_stop, .jesong-apple-msg-audio .voice_play { width: 16px; height: 20px; float: left; } .jesong-apple-msg-audio span { float: left; margin-left: 15px; } .jesong-apple-msg-audio .voice_play { display: none; } .jesong-convert { display: none; position: absolute; left: 50%; top: -45px; width: 56px; margin-left: -33px; border-radius: 4px; color: #fff; padding: 10px 15px; z-index: 1111111111; background: #333; cursor: pointer; } .jesong-convert_triangle { display: none; position: absolute; left: 50%; bottom: -9px; z-index: 1111111111; width: 0; height: 0; border: 5px solid transparent; border-top: 6px solid #333; margin-left: -5px; } .jesong-escapeText { display: none; margin: 0 16px; border-top: 1px solid #cecece; padding: 8px 0; } .jesong-vLoading img { width: 16px; height: 16px; } .jesong-vLoading { text-align: center; vertical-align: middle; display: none; } .jesong-escapeBtn { display: none; position: absolute; right: -36px; top: 3px; padding: 5px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px 0 rgb(241, 232, 232); border: 1px solid #DEE0E3; } .jesong-convert .jesong-convert_def_img { background: url('../images/chat/app-1.webp') no-repeat; background-size: 100%; } .jesong-convert .jesong-convert_hover_img { background: url('../images/chat/app-2.webp') no-repeat; background-size: 100%; } .jesong-convert .jesong-convert_def_img, .jesong-convert .jesong-convert_hover_img { width: 20px; height: 20px; margin: 0 auto; display: none; } .jesong-escapeBtn .jesong-escapeBtnDef, .jesong-escapeBtnHover, .jesong-escapeBtnDel { width: 17px; height: 17px; cursor: pointer; background: url(../images/sprite.webp); background-position-y: -1px; background-size: 2484px } .jesong-escapeBtn .jesong-escapeBtnDef { background-position-x: -1797px; } .jesong-escapeBtnHover { background-position-x: -1906px !important; background-size: 2487px !important; } .jesong-escapeBtnDel { background-position-x: -1850px !important; } .jesong-contact { width: 320px; position: absolute; background: #FFFFFF; border-radius: 16px; text-align: center; } .jesong-contact .contact_close { position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; background: url('../images/chat/close.webp') no-repeat; background-size: 100%; } .jesong-contact .contact_close img { vertical-align: middle; width: 100%; } .jesong-contact .contact_img { max-height: 170px; } .jesong-contact .contact_err { color: red; padding-top: 10px; } .jesong-contact .contact_img img { width: 100%; overflow: hidden; border-radius: 16px 16px 0 0; } .jesong-contact .contact_box .contact_form div, .jesong-contact .contact_box .contact_form input { width: 100%; } .jesong-contact .contact_box .contact_box_title { font-size: 16px; font-weight: 600; color: #333333; } .jesong-contact .contact_box .contact_form input, .jesong-contact .contact_box .contact_form .submit { box-sizing: border-box; height: 3em; border-radius: 4px; -web-kit-appearance: none; -moz-appearance: none; display: block; outline: 0; padding: 0 1em; text-decoration: none; width: 100%; margin-top: 20px; } .jesong-contact .contact_box input[type="text"] { background: #FFFFFF; border: 1px solid #DCDFE6; } .jesong-contact .contact_box input[type="text"] :-moz-placeholder, .jesong-contact .contact_box textarea:-moz-placeholder, .jesong-contact .contact_box input[type="text"] :-ms-input-placeholder, .jesong-contact .contact_box textarea:-ms-input-placeholder, .jesong-contact .contact_box input[type="text"] ::-webkit-input-placeholder, .jesong-contact .contact_box textarea::-webkit-input-placeholder { color: #DCDFE6; } .jesong-contact .contact_box .submit { background: #7C90FF; border: 1px solid #7C90FF; color: #fff; cursor: pointer; } .jesong-contact_mask, .jesong-check_mask { height: 100%; width: 100%; background-color: rgba(90, 90, 90, 0.5); z-index: 9999999999999999999999999; overflow: hidden; display: none; left: 0; top: 0; } .jesong-contact_mask { position: fixed; } .jesong-check_mask { position: absolute; } .jesong-check_div { width: 256px; position: absolute; background: #FFFFFF; border-radius: 8px; text-align: center; padding: 30px 15px 15px; left: 50%; top: 50%; margin-left: -143px; margin-top: -74px; } .jesong-check_div .check_input_div input { margin-left: 5px; text-align: center; width: 33px; height: 33px; border: none; color: #3c3c3a; background: #f2f2fc; font-size: 18px; font-weight: 600; } .jesong-check_div .check_input_div input:focus { outline: 1px solid #3494fe; } .jesong-check_div .check_div_SMS { margin: 10px 0; font-size: 14px; color: #a4a8b1 } .jesong-check_div .check_div_close { position: absolute; right: 15px; top: 15px; color: #b1b2b6; cursor: pointer; background: url(../images/chat/close2.webp) no-repeat; background-size: 100%; width: 12px; height: 12px; } .jesong-check_div .check_err_code { color: #d07a7b; padding-top: 10px; font-size: 12px } .jesong-check_div .check_div_title { color: #3f403b; font-weight: 600; font-size: 16px; } .jesong_phone_min_num { max-width: 122px; margin-left: 3px; color: #fff; float: right; text-decoration: none; } .jesong_chatP_title div { margin-left: 12px; text-align: left; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .jesong_chatP_title i { font-style: normal; } .jesong_chatP_title .jesong_chatP_title_img { display: inline-block; width: 44px; height: 44px; margin-top: 6px; background-position: -1231px 0; } .jesong-container-mini { width: 420px; height: 500px; position: fixed; right: 0px; bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); border-radius: 14px 14px 0 0; } .jesong-container-mini-inner { width: 100%; height: 100%; position: relative; border-radius: 14px 14px 0 0; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.16); } .jesong-container-mini-badge { width: 220px; height: 50px; line-height: 50px; position: fixed; right: 0px; bottom: 10px; font-size: 12px; color: #fff; background: #409EFF; border-radius: 14px 0 0 0; z-index: 999999; } .jesong-container-mini-badge-horizontal { width: 50px; height: 220px; position: fixed; right: 0px; bottom: 10px; font-size: 12px; color: #fff; background: #409EFF; border-radius: 14px 0 0 14px; z-index: 999999; } .jesong-badge-brand-default { vertical-align: top; width: 36px; height: 36px; display: inline-block; background-size: 2984px 167px; background-repeat: no-repeat; background-position: -1866px 2px; background-image: url('./../images/sprite.webp'); } .jesong-container-mini-badge .jesong-badge-warning, .jesong-container-mini-badge-horizontal .jesong-badge-warning { position: absolute; top: -15px; left: -10px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50px; background: #FF554E; } .jesong-container-mini-badge .jesong-badge-brand { margin: 7px 10px; float: left; width: 36px; height: 36px; overflow: hidden; } .jesong-container-mini-badge-horizontal .jesong-badge-brand { margin: 7px auto; width: 36px; height: 36px; overflow: hidden; } .jesong-container-mini-badge .jesong-badge-brand img, .jesong-container-mini-badge-horizontal .jesong-badge-brand img { vertical-align: top; width: 36px; height: 36px; } .jesong-container-mini-badge .jesong-badge-con { float: left; width: 130px; height: 100%; } .jesong-container-mini-badge-horizontal .jesong-badge-con { width: 20px; text-align: center; margin: 0 auto; word-break: break-all; } .jesong-container-mini-badge .jesong-badge-icon { display: inline-block; margin-top: 15px; font-size: 14px; background: url('../images/open.webp') no-repeat center center; padding: 10px; } .jesong-container-mini-badge-horizontal .jesong-badge-icon { margin-top: 15px; font-size: 14px; background: url('../images/open1.webp') no-repeat center center; padding: 10px; position: absolute; bottom: 10px; left: 13px; } .jesong-badge { background: #409EFF; } .container-mini2 { width: 32rem; height: 43.5rem; position: fixed; right: -32.2rem; bottom: 0; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15); } .container-mini-inner2 { width: 32rem; height: 43.5rem; position: relative; } .jesong-mini-main-middle { width: 100%; overflow: auto; font-size: 12px; background: #ffffff; } .jesong-mini-main-middle-en { width: 100%; overflow: auto; font-size: 12px; background-color: #ECEEF5; } .mini-main-middle2 { width: 32rem; height: 25.4rem; overflow: auto; font-size: 1.2rem; background: #f5f8fa; } .jesong-float-right { float: right; text-align: right; clear: both; } .jesong-float-right span { margin-left: 5px; margin-right: 0 !important; } .main-operate .btn-default { color: #999; padding: .5rem 1rem; font-size: 1.2rem; line-height: 1.5; border-radius: .3rem; background: #fff; border: 0.1rem solid #ccc; } .jesong-chat-main, .jesong-chat-footer { display: flex; background: #FFFFFF; } .easyliao-show { display: block !important; } .easyliao-tabs { display: none; } #jesong-about-us img { width: 190px; margin: 3px; } .easyliao-nav { display: flex; height: 40px; border-bottom: 1px solid #dddddd; } .easyliao-nav .nav-tabs { height: 40px; line-height: 40px; text-align: center; color: #555; font-size: 12px; width: 50%; cursor: pointer; } .easyliao-active { color: #4866D6 !important; } .jesong-tab-content { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .jesong-service-icon { margin: 10px auto 10px; width: 110px; height: 110px; border-radius: 60px; overflow: hidden; padding-bottom: 20px; } #jesong_chat_rightAdv { display: none; } #jesong_chat_rightAdv img { width: 190px; margin-left: 5px; } #jesong_chat_advertising-info p { text-align: left; font-size: 12px; width: 130px; margin: 0 auto; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: inherit; } .jesong_chat_custName { position: relative; } #jesong_chat_custName_title, #jesong_chat_custDept_title, #jesong_chat_custTel_title { position: absolute; margin: 0 10px; padding: 4px 10px; text-align: center; bottom: 22px; left: 0; right: 0; font-size: 14px; box-sizing: border-box; display: none; background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; color: #fff; word-break: break-all; } #jesong_chat_custName_content, #jesong_chat_custDept_content, #jesong_chat_custTel_content { display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44px; cursor: pointer; } .jesong-detainment-content { width: 100%; flex: 1; overflow-y: auto; } .jesong_chat_custName_title_point { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid rgba(0, 0, 0, 0.6); height: 0; width: 0; position: absolute; bottom: -7px; left: 50%; margin-left: -4px; } .jesong-service-number { text-align: center; font-size: 12px } .jesong-service-icon img { width: 124px; height: 124px; border-radius: 70px; } #jesong_chat_custName, #jesong_chat_custDept, #jesong_chat_custTel { margin: 0 auto 10px; font-size: 12px; text-align: center; white-space: normal; } #jesong_chat_advertising { width: 200px; height: 100%; } .jesong-chat-footer-advertising { width: 220px; height: 100%; overflow: hidden; } .jesong-chat-footer-advertising img { width: 100%; height: 136px; } #jesong_chat_record { height: 140px; overflow-y: auto; overflow-x: hidden; } .jesong-mini-main-footer { min-height: 78px; font-size: 12px; border-top: 1px solid #eee; background: #ffffff; position: relative; left: 0; right: 0; bottom: 0; } .jesong-mini-main-footer .freecall-info { display: none; position: absolute; width: 281px; background: #FFFFFF; box-shadow: 0px 0px 2px 0px #cfd1d3; border-radius: 8px 8px 0px 0px; right: 10px; top: -44px; z-index: 111113; } .jesong-mini-main-footer .freecall-info .info { display: inline-block; padding-left: 7px; font-size: 14px; color: rgba(51, 51, 51, 1); } .jesong-mini-main-footer .freecall-info .info span { font-size: 12px; color: rgba(145, 155, 176, 1); } .jesong-mini-main-footer .freecall-info .infoIcon { background-position: -1005.5px -57.6px; min-width: 12px; width: 12px; height: 12px; background-color: #95A1CC; display: inline-block; border-radius: 6px; margin-top: 5px; } .jesong-mini-main-footer .freecall-info p { margin: 0; } .jesong-mini-main-footer .freecall-info p.info-title { font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 40px; width: 254px; height: 40px; text-indent: 10px; background: #3B90FA; border-radius: 8px 8px 0px 0px; } .jesong-mini-main-footer .freecall-info span { color: rgb(153, 153, 153); } .jesong-mini-main-footer .freecall-info b span { color: #3B90FA; } .jesong-mini-main-footer .freecall-info div { padding: 10px; color: #333; display: flex; } .jesong_chat_left { position: relative; } .jesong_chat_right { width: 200px; height: 100%; border-left: 1px solid #E0E4EA; box-sizing: border-box; } .jesong-service-bubble { margin: 10px; min-height: 40px; color: #333333; } .jesong-service-bubble:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .jesong-service-bubble .custom-form-box, .jesong-service-bubble .custom-form-box-phone { box-sizing: border-box; background-color: #7C90FF!important; border: none!important; background-image: url(../images/custom-form/bgi.webp)!important; background-position-y: top!important; background-position-x: right!important; background-size: 157px 160px!important; background-repeat: no-repeat!important; padding: 10px!important; } .jesong-service-bubble .custom-form-box { width: 100%!important; min-width: 100%!important; } .jesong-service-bubble .custom-form-box-phone { width: 100%!important; min-width: 100%!important; } .jesong-service-bubble .jesong-service-bubble-icon { margin: 6px 6px 6px 0; width: 36px; height: 36px; border-radius: 18px; overflow: hidden; float: left; } .jesong-service-bubble .jesong-service-bubble-icon img { width: 36px; height: 36px; } .jesong-service-bubble .jesong-service-bubble-con { min-height: 40px; float: left; max-width: 76%; width: 100%; text-align: left !important; line-height: normal; } .jesong-service-bubble .jesong-service-session { margin-bottom: 5px; } .jesong-service-bubble .jesong-service-session span { display: inline-block; word-break: break-word; margin-right: 10px; } .jesong-service-bubble .jesong-service-session-con { display: inline-block; margin-bottom: 5px; padding: 8px 11px; background: #F2F2FB; border-radius: 0 16px 16px 16px; box-shadow: 0 2px 4px 0 rgba(207, 209, 211, 1); border: 1px solid #e6e6e6; word-wrap: break-word; word-break: break-all; text-align: left !important; transition: color .5s; } .jesong-service-bubble .jesong-service-session-con-en { display: inline-block; margin-bottom: 5px; padding: 8px 11px; background: #FFFFFF; border-radius: 0 16px 16px 16px; box-shadow: none; border: 1px solid #FFFFFF; word-wrap: break-word; word-break: break-word; text-align: left !important; max-width: 80%; } .jesong-service-bubble .jesong-service-session-con .addVoiceTime { font-size: 14px; } .jesong-service-bubble .jesong-service-session-con p { margin: 0; text-align: left; } .jesong-service-bubble .jesong-service-session-con p img { max-width: 100% !important; } .jesong-service-bubble .visitorStyle { overflow: auto; } .visitorStyle .jesong-service-bubble-con { float: right; } .jesong-service-bubble .jesong-visitor-session-con { background: #409EFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06); border: 1px solid #409EFF; border-radius: 16px 0 16px 16px; } .jesong-finish-bubble { margin: 15px auto; min-height: 25px; height: auto; width: 100%; line-height: 25px; color: rgba(145, 155, 176, 1); text-align: center; } .jesong-finish-bubble .jesong-finish-span { background: rgba(242, 242, 251, 1); padding: 5px 15px; border-radius: 15px; } .jesong-finish-bubble-en { margin: 15px auto; min-height: 30px; height: auto; width: 100%; line-height: 30px; color: #919BB0; text-align: center; } .jesong-finish-bubble-en .jesong-finish-span { background: #FFFFFF; padding: 0 15px; border-radius: 15px; min-height: 30px; line-height: 30px; display: inline-block; } .jesong-operation-header { height: 38px; line-height: 38px; font-size: 14px; margin-right: 9px; padding-left: 5px; position: relative; } .jesong-operation-header span { display: inline-block; margin: 7px 0 0 10px; cursor: pointer; font-size: 20px; color: #96a7b8; } .jesong-operation-header span:hover { color: #3a4b5b; } .jesong-operation-main button span { display: block; background-position: -15px 0px; text-align: left; padding-left: 10px; width: 60px !important; text-indent: 2px; } .jesong-operation-main button { border-radius: 14px; font-size: 12px; color: #ffffff; padding: 5px 0; border: none; cursor: pointer; background-color: #3097ef; border-color: #3097ef; } .jesong-operation-main { display: flex; flex-direction: column; } .jesong-operation-main .jesong-main-import { flex: 1; min-height: 0; overflow: auto; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .jesong-operation-main .jesong-main-import .jesong_message_content { overflow: auto; margin-right: 0px; width: 100%; min-height: 0; flex: 1; height: 100%; padding: 0px; outline: none; box-sizing: border-box; padding: 0 15px; font-size: 12px; user-select: auto; word-wrap: break-word; word-break: break-all; } .jesong-operation-main .jesong-main-import .jesong_text:empty:before { content: attr(placeholder); color: #919BB0; } .jesong-operation-main .jesong-main-import .jesong_text:focus { content: none; } .jesong-operation-main .jesong-operation-send { display: flex; justify-content: space-between; align-items: center; padding: 2px 15px 3px; } .jesong-operation-main .jesong-operation-input-limit { color: #bbbbbb; } #jesong_chat_body .jesong-operation-footer { width: 100%; font-size: 12px; min-width: 250px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jesong-operation-main .jesong-operation-footer { position: relative; background-color: rgba(242, 242, 251, 1); height: 24px; line-height: 24px; border-radius: 1px; } .jesong-operation-main .jesong-operation-footer .jesong-main-operate { position: absolute; top: 0; right: 0; width: 140px; height: 30px; } .jesong-operation-main .jesong-operation-footer .jesong-main-operate .jesong-btn-succ { margin-left: 10px; padding: 5px 10px; font-size: 12px; line-height: 15px; border-radius: 3px; color: #fff; background: #409EFF; border: 1px solid #409EFF; } .jesong-operation-main .jesong-operation-footer .jesong-help-block { margin: 0 10px; color: #919BB0; } .jesong-operation-footer_pc { background: #f2f2fb; font-size: 12px; height: 24px; padding-left: 10px; color: #919bb0; line-height: 24px; text-align: center; } .jesong-operation-header .jesong_tools_div { display: none; width: 20px; height: 20px; margin-top: 10px; margin-left: 4px; cursor: pointer; font-size: 20px; color: #96a7b8; position: relative; float: left; } .jesong-operation-header div#jesong_tools_emoticons { background-position: -564px 0; } .jesong-operation-header div#jesong_tools_emoticons:hover { background-position: -564px -56px; } .jesong-operation-header div#jesong_tools_file { background-position: -620px 0; } .jesong-operation-header div#jesong_tools_file:hover { background-position: -620px -56px; } .jesong-operation-header div#jesong_tools_file input { opacity: 0; width: 20px; height: 20px; position: absolute; } .jesong-operation-header div#jesong_tools_screen { background-position: -676px 0; } .jesong-operation-header div#jesong_tools_screen:hover { background-position: -676px -56px; } .jesong-operation-header div#jesong_tools_opinion { background-position: -732px 0; } .jesong-operation-header div#jesong_tools_opinion:hover { background-position: -732px -56px; } .jesong-operation-header div#jesong_tools_sound { background-position: -789px 0; } .jesong-operation-header div#jesong_tools_sound:hover { background-position: -789px -56px; } .jesong-operation-header div#jesong_tools_quiet { background-position: -901px 0; } .jesong-operation-header div#jesong_tools_quiet:hover { background-position: -901px -56px; } .jesong-operation-header div#jesong_tools_wechat { background-position: -1114px 0; } .jesong-operation-header div#jesong_tools_wechat:hover { background-position: -1114px -56px; } .jesong-operation-header div#free_tel { width: 137px; margin-top: 5px; height: 28px; line-height: 28px; position: relative; float: right; display: none; } #free_tel input { width: 138px; height: 28px; background: rgba(242, 242, 251, 1); border-radius: 14px; padding: 6px 5px 6px 9px; box-sizing: border-box; font-size: 12px; float: left; color: #3B90FA; margin-top: 0; border: none; } #free_tel input:focus { outline: none; } #free_tel .phone-icon { background-position: 7px 6px; width: 28px; height: 28px; background-color: #3B90FA; border-radius: 100%; display: inline-block; position: absolute; right: 0; margin-top: 0; background: url('../images/chat/arrow2.webp') no-repeat center center; background-size: 100%; } .jesong-pop-window { z-index: 200; overflow: hidden; position: absolute; display: none; } .jesong-emoticon-layout { left: 0px; bottom: 39px; background-color: #ffffff; border-top: 1px solid rgba(238, 238, 238, 1); padding-bottom: 10px; } .jesong-emoticon-layout .jesong-emoticons .jesong-emot { float: left; width: 34px; height: 34px; cursor: pointer; } .jesong-emoticon-layout div .jesong-emot img { width: 24px; height: 24px; border: 0; margin-left: 10px; margin-top: 8px; } .jesong_emojiIcon { vertical-align: middle; } .jesong-file-layout { overflow: auto; line-height: 40px; left: 0px; bottom: 140px; background-color: #ffffff; height: 40px; border-top: 1px solid #eee; } .jesong-file-layout .jesong_file_send { display: inline-block; font-size: 12px; color: rgba(72, 102, 214, 1); text-decoration: none; margin-right: 10px; display: inline-block; } .jesong-file-layout .jesong_file_del { display: inline-block; font-size: 12px; text-decoration: none; margin: 0 10px; display: inline-block; color: rgba(145, 155, 176, 1); } .jesong-file-layout p { padding-left: 5px; margin: 0; font-size: 12px; color: rgba(145, 155, 176, 1); } .jesong-file-layout span { display: inline-block; width: 16px; height: 16px; background-position: -844px 0; margin: 11px 0 0 10px; } .jesongChat-quick-layout { position: absolute; display: none; left: 0; bottom: 140px; width: 100%; padding: 5px 0; background: #fff; z-index: 9; } .jesongChat-quick-layout .jesongChat-quick-content .jesongChat-quick-content-item { height: 28px; background: #FFFFFF; border-radius: 16px 14px 16px 16px; border: 1px solid #E4E4F0; line-height: 28px; padding: 0 10px; text-align: center; display: inline-block; margin-left: 10px; font-size: 14px; color: #4866D6; font-weight: 500; cursor: pointer; } .jesongChat-quick-layout .jesongChat-quick-content .jesongChat-quick-content-item:hover { background: #4866D6; border: 1px solid #4866D6; color: #FFFFFF; } .jesongChat-quick-layout .jesongChat-quick-close { width: 16px; height: 16px; position: absolute; right: 6px; top: 10px; margin: auto; background-image: url('./../images/sprite.webp'); background-position-x: -703px; background-position-y: 3px; background-repeat: no-repeat; background-size: 1989px; cursor: pointer; background-color: #C8C8DA; border-radius: 50%; } .jesong-mini-main-middle::-webkit-scrollbar { width: 8px; height: 10px; } .jesong-mini-main-middle::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ddd; } .jesong-mini-main-middle::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.01); background: #eee; } .jesong_chat_left .jesongChat-quick-content { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: calc(100% - 35px); } .jesongChat-quick-content::-webkit-scrollbar { height: 6px; } .jesongChat-quick-content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgb(202, 213, 217, 0.2); } .jesongChat-quick-content::-webkit-scrollbar-track { border-radius: 0; } #jesong_chat_phone_bottom .jesongChat-quick-layout { bottom: 77px !important; overflow: hidden; z-index: 1 } #jesong_chat_phone_bottom .jesongChat-quick-content { overflow-x: scroll; overflow-y: hidden; width: 92%; white-space: nowrap; } .jesong-opinion-layout { width: 100%; height: 414px; background-color: #ffffff; font-size: 16px; min-width: 350px; max-width: 360px; } .jesong-opinion-layout .jesong-opinion-close, .jesong-opinionM-close { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; } .jesong-opinion-layout .jesong-opinion-close { background-position: -1061px -57px; } .jesong-opinion-layout .jesong-opinionM-close { background-position: -1061px -2px; } .jesong-opinion-layout .jesong-opinion-icon { width: 100%; height: 60px; margin-top: 40px; background: url('../images/opinion-icon.webp') no-repeat center center; } .jesong-opinion-layout .jesong_opinion_button { margin-top: 30px; height: 62px; border-bottom: 1px solid rgba(238, 238, 238, 1); } .jesong-opinion-layout .jesong_opinion_button a { display: inline-block; width: 90px; height: 32px; line-height: 32px; background: rgba(242, 242, 251, 1); color: rgba(68, 74, 88, 1); border-radius: 16px; font-size: 14px; position: relative; padding-left: 20px; cursor: pointer; } .jesong-opinion-layout .jesong_opinion_button .active { background-color: rgba(72, 102, 214, 1); color: rgba(255, 255, 255, 1); } .jesong-opinion-layout .jesong_opinion_button .active .option_solve { background-position: -112px 0; } .jesong-opinion-layout .jesong_opinion_button .active .option_unsolved { background-position: -168px 0; } .jesong-opinion-layout .jesong_opinion_button a span { display: inline-block; width: 16px; height: 16px; position: absolute; top: 7px; left: 25px; } .jesong-opinion-layout .option_solve { background-position: -112px -56px; } .jesong-opinion-layout .option_unsolved { background-position: -168px -56px; } .jesong-opinion-layout .jesong-score div { text-align: center; width: 100%; } .jesong-opinion-layout .jesong-score .jesong-desp { font-size: 16px; color: rgba(62, 70, 76, 1); line-height: 14px; margin-top: 15px; } .jesong-opinion-layout .jesong-score .jesong-result span { font-size: 16px; color: #fdb700; display: none; margin-top: 15px; } .jesong-opinion-layout .jesong-score .jesong-result span.op5 { display: block; } .jesong-opinion-layout .jesong-score .jesong-star { width: 50px; height: 42px; } .jesong-opinion-layout .jesong-score .jesong-star-1 { background-position: -1483px 0; } .jesong-opinion-layout .jesong-score .jesong-star-2 { background-position: -1399px 0; } .jesong-opinion-layout .jesong-commit { width: 240px; height: 40px; font-size: 16px; line-height: 36px; border-radius: 20px; color: #fff; background: rgba(72, 102, 214, 1); border: none; } .jesong-opinion-segmentation { width: 284px !important; height: 1px; background: #EEEEEE; margin: 20px auto 0; } .jesong_opinion_hert { text-align: center; margin-top: 20px; width: 100%; margin-bottom: 10px; } .jesong_opinion_hert span { width: 60px; height: 62px; display: inline-block; background-position: -2610px 0; } .jesong_opinion_hert p { color: rgba(62, 70, 76, 1); font-size: 16px; margin-top: 19px; } .jesong-opinion-layout .jesong-reason { padding: 0 24px; margin-top: 15px; } .jesong-opinion-layout .jesong-reason textarea { width: 296px; height: 60px; background-color: rgba(242, 242, 251, 1); border: 0px; border-radius: 1px 16px 16px 16px; resize: none; font-size: 14px; color: rgba(145, 155, 176, 1); padding: 10px 8px 0 8px; } .jesong_opinion_layout_phone { width: 100%; max-width: 100%; height: 512px; margin-top: 0 !important; top: auto !important; position: fixed !important; bottom: 0; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); border-radius: 10px 10px 0 0; } .jesong_opinion_header { display: none; } .jesong_opinion_layout_phone #jesong_opinion_header { font-size: 16px; font-weight: 500; border-radius: 10px 10px 0 0; height: 50px; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #EEEEEE; background-color: #4866D6; color: #FFF; } .jesong_opinion_layout_phone .jesong-reason textarea { width: 100%; border-radius: 16px 16px 16px 16px; padding: 5px 8px 5px 8px; box-sizing: border-box; height: 100px !important; } .jesong_opinion_layout_phone .jesong-commit { width: 90%; } .topRichText { border: 1px solid #F2F2FB; text-align: center; padding: 7px; font-size: 14px; } .jesong-top-image { width: calc(100% - 20px); margin: 10px 10px 0; overflow: hidden; border-radius: 4px; background-color: #F2F2FB !important; } .jesong-top-image img { width: 100%; height: auto; border: 0px; } .jesong-back-layout { width: 280px; background-color: #ffffff; border-radius: 10px; font-size: 16px; padding: 30px 0; left: 50%; top: 27%; margin-left: -140px; } .jesong-back-layout .jesong-desp, .jesong-paste-layout .jesong-desp { font-size: 14px; color: #999999; line-height: 26px; padding-top: 15px; width: 80%; margin: 0 auto; text-align: center; } .jesong-back-layout .jesong-commit, .jesong-paste-layout .jesong-commit { width: 45%; height: 36px; font-size: 12px; line-height: 36px; border-radius: 3px; color: #fff; background: #409EFF; border: 1px solid #409EFF; cursor: pointer; } .jesong-paste-layout { width: 80%; background-color: #ffffff; border-radius: 10px; font-size: 16px; padding: 30px 0; top: 50%; left: 50%; margin-left: -40%; margin-top: -80px; } .jesong-container-full { width: 100%; position: fixed; right: 0px; bottom: 0; z-index: 2147483640; } .jesong-container-full .jesong-full-top { position: relative; height: 54px; line-height: 54px; border-radius: 16px 16px 0 0; box-sizing: border-box; overflow: hidden; width: 100%; } .jesong-container-full .jesong-full-top-en { position: relative; height: 66px; border-radius: 12px 12px 0 0; box-sizing: border-box; overflow: hidden; width: 100%; } .jesong-container-full .jesong-full-main { width: 100%; overflow: hidden; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .jesong-full-top .jesong-min-btn { width: 30px; height: 30px; float: right; margin-right: 10px; background-position: -23px 18px !important; } .jesong-full-top .jesong-min-phone-btn { display: none; width: 32px; height: 32px; float: right; background-position: -199px 10px; margin-top: 8px; } .jesong-full-top .jesong_chat_close { width: 32px; height: 32px; float: right; margin-top: 8px; background-position: -289px 10px; } .jesong-bubble-dot-error, .jesong-bubble-dot-success { width: 5px; height: 5px; background: #F47E7E; border-radius: 3px; display: inline-block; margin-right: 7px; vertical-align: middle; } .jesong-bubble-dot-success { background: #20CEA2; } .jesong-min-dialog { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999999; background-color: rgba(0, 0, 0, 0.4); display: none; } .jesong_guide_layout, .jesong_invite_layout { display: none; z-index: 2147483640; position: fixed; cursor: pointer; height: 56px; opacity: 0; top: 0px; left: 0px; right: 0px; width: 100%; } #jesong_pop_msg { display: none; z-index: 2147483630; position: fixed; height: 80px; top: 0px; left: 0px; right: 0px; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); border-radius: 7.5px; margin: 5px 10px; } .jesong-top-bubble { position: absolute; margin: 0 10px; height: 100%; top: 10px; width: 100%; } .jesong-top-bubble .jesong-top-bubble-icon { float: left; width: 25px; height: 25px; border-radius: 10px; overflow: hidden; } .jesong-top-bubble .jesong-top-bubble-icon img { width: 25px; height: 25px; } .jesong-top-bubble .jesong-top-badge-warning { position: absolute; left: -5px; top: -5px; width: 14.5px; height: 14.5px; line-height: 14.5px; text-align: center; background: #f72e31; color: #fff; border-radius: 14.5px; font-size: 9px; } .jesong-top-bubble .jesong-top-bubble-con { float: left; width: calc(100% - 35px); height: 3.5px; } .jesong-top-bubble .jesong-top-bubble-con .el-title { height: 17.5px; line-height: 17.5px; font-size: 12px; } .jesong-top-bubble .jesong-top-bubble-con .el-title .el-title-h4 { float: left; width: calc(100% - 52px); height: 25px; line-height: 25px; text-indent: 10px; font-size: 13px; margin: 0; padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .jesong-top-text-content { float: left; width: 100%; font-size: 15px; margin-top: 10px; font-weight: 500; padding: 0px 10px 0 5px; } .jesong-top-bubble .jesong-top-bubble-con .el-title span { display: inline-block; float: left; width: 52px; height: 25px; line-height: 25px; text-align: center; color: #999; margin: 0; padding: 0; } .jesong-top-bubble .jesong-top-bubble-con p { height: 17.5px; line-height: 17.5px; text-indent: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; margin: 0; padding: 0; } .jesong-leave-pc { position: relative; height: 100%; } .jesong-leave-pc .jesong-leave-field { clear: both; margin: 10px 20px 25px 20px; border-bottom: 1px solid #EEEEEE; overflow: auto; box-sizing: border-box; } .jesong-leave-pc .jesong-leave-field input::-webkit-input-placeholder { color: #919BB0 } .jesong-leave-pc .jesong-leave-field input::-moz-input-placeholder { color: #919BB0 } .jesong-leave-pc .jesong-leave-field input::-ms-input-placeholder { color: #919BB0 } .jesong-leave-pc .jesong-leave-field .jesong-leave-title { float: left; width: 80px; height: 100%; line-height: 30px; font-size: 16px; } .jesong-leave-pc .jesong-leave-field .jesong-leave-title i { color: red; } .jesong-leave-pc .jesong-leave-field .jesong-leave-content { float: right; height: 100%; } .jesong-leave-pc .jesong-leave-field .jesong-leave-content input, .jesong-leave-pc .jesong-leave-field .jesong-leave-content textarea { text-indent: 4px; margin-top: 3px; padding: 0px; font-size: 16px; line-height: 25px; border: none; outline: none; resize: none; } .jesong-leave-pc .jesong-leave-field .jesong-leave-content input { min-width: 200px; text-align: right; } .jesong-leave-pc .jesong-leave-field .jesong-leave-content textarea { background-color: rgba(242, 242, 251, 1); width: 100% !important; height: 90px; border-radius: 1px 16px 16px 16px; padding: 10px 0 0 8px !important; box-sizing: border-box; } .jesong-leave-textarea .jesong-leave-field { } .jesong-leave-textarea .jesong-leave-content { width: 100%; } #jesong-from-error { width: 200px; height: 40px; font-size: 16px; cursor: pointer; margin-left: -20%; position: absolute; bottom: 45px; left: 50%; margin-left: -100px; display: none; } .jesong-leave-select .jesong-leave-content>select { width: 210px; padding-right: 20px; box-sizing: border-box; text-align: right; text-indent: 10px; font-size: 16px; outline: none; border: none; height: 32px; cursor: default; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("./../images/selectIcon.webp") no-repeat scroll right 5px center transparent; background-size: 12px; direction: rtl; } .jesong-leave-date { position: relative; } .jesong-leave-date .jesong-leave-content .jedate { right: 0; left: inherit !important; } .jesong-leave-switch .jesong-leave-content .switch { clear: both; line-height: 26px; text-indent: 10px; height: 34px; } .jesong-leave-switch .jesong-leave-content .switch input { display: none; } .jesong-leave-switch .jesong-leave-content .switch label { width: 52px; background: #CCC; height: 24px; border-radius: 14px; float: right; margin: 3px 10px 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } .jesong-leave-switch .jesong-leave-content .switch label em { width: 22px; height: 22px; float: left; margin: 1px; border-radius: 13px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); background: #FFF; } .jesong-leave-switch .jesong-leave-content .switch input:checked+label em { float: right; } .jesong-leave-switch .jesong-leave-content .switch input:checked+label { background: #4866D6; } .jesong-leave-content .jesong-error-icon { position: absolute; left: 12px; margin-top: 6px; width: 14px; height: 14px; background-position-x: -957px; background-position-y: -57px; background-repeat: no-repeat; background-size: 2984px; background-image: url('./../images/sprite.webp'); } .jesong-leave-content .jesong-error-title { font-size: 12px; color: #FB515F; margin-top: 4px; text-indent: 30px; position: absolute; left: 0; } .jesong-leave-pc .jesong-commit { width: 68%; height: 40px; font-size: 16px; line-height: 40px; border-radius: 20px; color: #fff; background: #409EFF; border: 1px solid #409EFF; cursor: pointer; margin-left: 50%; transform: translateX(-50%); } #jesong_chat_body .leaveSuccess, #jesong_chat_body .leaveSuccess { text-align: center; padding: 0 20px; height: 100%; position: relative; } #jesong_chat_body .leaveSucces .leaveIcon, #jesong_chat_body .leaveSuccess .leaveIcon { width: 64px; height: 64px; display: inline-block; background-position: -2504px 0; } #jesong_chat_body .leaveSuccess h2, #jesong_chat_body .leaveSuccess h2 { font-size: 22px; margin: 20px 0; } #jesong_chat_body .leaveSuccess p, #jesong_chat_body .leaveSuccess p { font-size: 14px; color: rgba(146, 155, 176, 1); } #jesong_chat_body .leaveSuccess b, #jesong_chat_body .leaveSuccess b { width: 64px; height: 64px; border-radius: 32px; background: rgba(72, 102, 214, 1); display: inline-block; margin-top: 80px; } #jesong_chat_body { position: relative; background: #ffffff; } .jesong-leave-phone { position: relative; height: 100%; } .jesong-leave-phone .jesong-leave-field { clear: both; margin: 10px 10px 25px 10px; border-bottom: 1px solid #EEEEEE; overflow: auto; } .jesong-leave-textarea .jesong-leave-field { border: none; } .jesong-leave-phone .jesong-leave-field .jesong-leave-title { float: left; width: 80px; height: 100%; line-height: 30px; font-size: 16px; } .jesong-leave-phone .jesong-leave-field .jesong-leave-title i { color: red; } .jesong-leave-phone .jesong-leave-field .jesong-leave-content { float: right; height: 100%; } .jesong-leave-phone .jesong-leave-field .jesong-leave-content input, .jesong-leave-pc .jesong-leave-field .jesong-leave-content textarea { text-indent: 4px; margin-top: 3px; padding: 0px; font-size: 16px; line-height: 25px; border: none; outline: none; resize: none; } .jesong-leave-phone .jesong-leave-field .jesong-leave-content input { min-width: 200px; text-align: right; } .jesong-leave-phone .jesong-leave-field .jesong-leave-content textarea { background-color: rgba(242, 242, 251, 1); width: 93% !important; height: 150px; border-radius: 1px 16px 16px 16px; padding: 10px 0 0 8px; } .jesong-leave-phone .jesong-commit, .leaveSuccess button { width: 85%; height: 40px; font-size: 16px; line-height: 40px; border-radius: 20px; color: #fff; background: #409EFF; border: 1px solid #409EFF; cursor: pointer; margin-left: 50%; transform: translateX(-50%); } #yl_msgBox { width: 100%; height: 230px; position: relative; } #yl_msgBox #msgCheck { width: 310px; background: #ffffff; box-shadow: 0 0 5px #cccccc; position: absolute; left: 50%; margin-left: -155px; margin-top: 15px; margin-bottom: 20px; } #yl_msgBox .msgCon { padding: 26px 18px 16px 29px; } #yl_msgBox .msgCon p { margin-bottom: 10px; } #yl_msgBox .msgCon input { height: 30px; border: 1px solid #f2f2f2; background: #ffffff; padding-left: 5px; box-sizing: border-box; } #yl_msgBox #msgPhone { width: 230px; } #yl_msgBox .vcodeBox { width: 230px; overflow: auto; margin-top: 5px; } #yl_msgBox .vcodeBox input { width: 140px; float: left; } #yl_msgBox .vcodeBox a { float: left; width: 90px; height: 30px; background: #3097ef; text-align: center; line-height: 30px; color: #ffffff !important; } #yl_msgBox .tips { margin-top: 5px; } .el_green { color: #11bc49; } .jesong-red { color: #f66868; } .el_gray { background: #dddddd !important; cursor: not-allowed; pointer-events: none; color: #999999 } #yl_msgBox .msgBtn { width: 100%; border-top: 1px solid #f2f2f2; height: 34px; } #yl_msgBox .msgBtn a { display: inline-block; width: 50%; text-align: center; float: left; line-height: 34px; color: #3499ef; box-sizing: border-box; } #yl_msgBox .msgBtn a:last-child { border-left: 1px solid #f2f2f2 !important } .jesong-container-mini #msgCheck { width: 288px !important; margin-left: -144px !important; } .jesong-service-phone { margin-top: 5px; font-size: 0px } .jesong-service-phone a { font-size: 12px; color: #409EFF !important; border: 1px solid #409EFF !important; border-radius: 20px; display: inline-block; padding: 6px 10px !important; margin: 0 5px 5px 0 !important; } .jesong-mini-main-middle .jesong-service-phone * { font-size: 12px; } .location-label { float: left; font-size: 12px; } .location-label-pc { line-height: 30px; width: 40px; } .mt-pc { margin-top: 5px } .jesong-location-label-phone { width: 100%; margin-bottom: 10px; } .jesong-location-label-require { position: relative; top: 2px; } .location-input { float: left; margin-left: 25px; width: 67%; border: 1px solid #DDDDDD; border-radius: 5px; height: 42px; } .location-input-phone { border-radius: 5px; width: 100%; margin-left: 0; position: relative; } .location-input-pc { border-radius: 5px; position: relative; margin-left: 0px; width: 84%; height: 30px; } .mt-pc .location-input-pc, .mt-phone .location-input-phone { overflow: hidden } .jesong-overflowH { width: 100%; height: 100%; overflow: hidden; } .footer-btn-pc { height: 36px !important; font-size: 12px; font-family: H-Helvetica, _H-HelveticaNeue, Roboto, STHeiti-Light, STHeiti-Medium, "Noto Sans SC", Microsoft YaHei; font-weight: 400; color: #3097EF; } .footer-btn-pc .save-button { line-height: 34px !important; font-size: 12px !important; font-weight: 400; color: #3097EF; } .location-input-pc .mapCity #search-city { padding: 0 10px; } .location-input input:disabled { background: none; border: none; } .location-input .mapCity, .location-input .mapSite { float: left; height: 100%; } .location-input input { height: 100%; width: 100%; border: none; outline: none; } .location-input .mapCity { width: 22%; } .location-input .mapSite { width: 78%; } .easyliao-popup { position: absolute; width: 100%; background: #fff; top: 103%; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); z-index: 20; display: none; } .popup-search { padding: 10px; box-sizing: border-box; background: #fff; width: 100%; } .popup-search input { border: 1px solid #DDDDDD; height: 36px !important; padding-left: 20px; box-sizing: border-box; } .city-show-content { height: 100%; overflow: hidden; } .city-show-pc { width: 100%; height: 100%; display: inline-block; line-height: 30px; overflow: hidden; } .city-show-phone { width: 100%; height: 100%; display: inline-block; line-height: 42px; overflow: hidden; } .site { max-height: 180px !important; } .site .map-select-option { height: auto !important; line-height: 0 !important; } .site-input { text-indent: 20px; } .easyliao-left0 { left: 0; } .jesong-option-title { font-size: 12px; font-weight: 400; color: #999999; line-height: 18px; } .jesong-option-address { font-size: 12px; font-weight: 400; color: #999; line-height: 18px; padding: 0 10px; text-indent: 0; } .easyliao-tooltip { display: block; width: 100%; text-align: center; position: absolute; top: 15%; z-index: 111111111111111111; } .easyliao-tooltip div { display: inline-block; background: #FFFFFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 10px 15px; font-size: 14px; font-weight: 400; color: #656565; line-height: 28px; background-repeat: no-repeat; background-position: 10px center; background-size: 14px; text-indent: 15px; } .tooltip-error div { background-image: url("./../images/error.webp"); } .tooltip-success div { background-image: url("./../images/success@2x.webp"); } .search-icon { position: absolute; top: 20px; right: 15px; background-image: url("./../images/search.webp"); background-size: 100%; background-repeat: no-repeat; width: 16px; height: 16px; } .delete-icon { position: absolute; background-image: url("./../images/chat/close.webp"); background-size: 14px; background-repeat: no-repeat; background-position: center center; width: 22px; height: 100%; background-color: #fff; right: 0; top: 0; display: none; } .delete-house-icon { top: 0; } .map-select { height: auto; max-height: 150px; overflow-y: auto; } .map-select-option { height: 30px; line-height: 30px; text-indent: 10px; color: #999999; font-size: 12px; } .easyliao-highlight { color: #333333 !important; } .map-select-option:hover { background: #F5F7FA; } .easyliao-p10 { padding: 0 10px } .easyliao-bs { box-sizing: border-box; } .easyliao-mt15 { margin-top: 15px } .easyliao-triangle { position: absolute; top: 43%; left: 20%; width: 0; height: 0; border-width: 6px; border-style: solid; border-top-color: rgba(221, 221, 221, 1); border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } .easyliao-footer-btn { height: 50px; text-align: center; border-top: 1px solid #DDDDDD; margin-top: 25px; } .easyliao-footer-btn .save-button { font-size: 15px; font-weight: 400; color: #3097EF; line-height: 50px; background: none; border: none; outline: none; } .jesong-wechatQRcode { position: relative; display: inline-block } .jesong-QRcode { position: absolute; bottom: 30px; width: 120px; height: 120px; left: -20px; display: none } .jesong-overQrcode { display: block !important } .jesong-outQrcode { display: none } .jesong-QRcode img { width: 100%; height: 100%; } .download-color { color: inherit; text-decoration: underline; } .download-color:hover { color: inherit; text-decoration: underline; } .download-color:link { color: inherit; text-decoration: underline; } .quickList { display: inline-block; margin: 0; padding: 12px 15px; min-height: 20px; background: #fff; border-radius: 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06); border: 1px solid #e6e6e6; word-wrap: break-word; word-break: break-all; text-align: left; } .quickList ul { list-style-type: none; float: right; width: 230px; padding: 0; margin: 0 } .quickList ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #EEEEEE; line-height: 40px; width: 230px; cursor: pointer } .quickList ul li:last-child { border-bottom: none; } .quickList .hotTheme { font-size: 18px; color: #F2A931; float: left; width: 43px; height: 150px; position: relative; } .jesongChat-quick-header { font-size: 16px; color: #333; font-weight: 600; line-height: 22px; } .jesongChat-quick-header-icon { display: inline-block; width: 16px; height: 16px; background-image: url('./../images/sprite.webp'); background-repeat: no-repeat; background-position-x: -224px; background-position-y: 0px; margin: -2px 8px; background-size: 2984px; } .jesongChat-quick ul { padding: 8px 0; list-style-type: none; } .jesongChat-quick ul li { cursor: pointer; font-size: 14px; color: #919BB0; font-weight: 600; line-height: 44px; border-bottom: 1px dashed #D8D8D8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jesongChat-quick ul li .jesongChat-quick-content-icon { width: 14px; height: 14px; background-image: url('./../images/sprite.webp'); background-repeat: no-repeat; background-position-x: -337px; background-position-y: -1px; display: inline-block; margin: 10px 10px auto 9px; position: relative; top: 1px; background-size: 2984px; } .jesongChat-quick ul li .jesongChat-quick-content-text { display: inline-block; } .jesongChat-quick { background: #FFFFFF; border-radius: 16px; border: 1px solid #F2F2FB; padding: 20px; box-shadow: 0px 2px 4px 0px #CFD1D3; } .repalceList { position: absolute; bottom: 0; color: #999999; font-size: 12px; text-align: center; width: 37px; } .repalceList span { display: inline-block; } .jesong-freePhone-tips .jesong-commit { width: 90%; height: 45px; font-size: 16px; line-height: 36px; border-radius: 20px; color: #fff; background: rgba(72, 102, 214, 1); border: none; position: absolute; bottom: 80px; } .jesong-freePhone-tips .jesong-commit:disabled { background: rgba(200, 200, 215, 1); color: #ffffff; } .form-content .switch { clear: both; line-height: 26px; border-bottom: 1px solid #D8D8D8; text-indent: 10px; height: 34px; } .form-content .switch input { display: none; } .form-content .switch label { width: 52px; background: #CCC; height: 24px; border-radius: 14px; float: right; margin: 2px 10px 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } .form-content .switch em { width: 22px; height: 22px; float: left; margin: 1px; border-radius: 13px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); background: #FFF; } .form-content .switch input:checked+label em { float: right; } .form-content .switch input:checked+label { background: #4866D6; } .form-title { font-size: 18px; font-weight: 400; color: #333; text-align: center; margin-bottom: 10px; color: #FFFFFF; font-size: 16px; font-weight: 600; line-height: 22px; padding-top: 10px; height: 44px; display: flex; align-items: center; } .map-content { position: relative; width: 89%; left: 50%; margin-left: -150px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); } .map-content-phone { width: 89%; left: 50%; margin-left: -44.5%; top: 20px; margin-bottom: 30px; border-radius: 7.5px; box-shadow: 0px 0px 12.5px 0px rgba(0, 0, 0, 0.3); } .map-content-pc { width: 300px; margin-bottom: 20px; border-radius: 16px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); padding-top: 1px; } .location-icon { width: 16px; height: 16px; float: left; background-image: url("./../images/chat/location.webp"); background-position: center; background-repeat: no-repeat; background-size: 16px; margin-right: 4px; } .map-content input:focus { outline: none; } .map-content-title { font-size: 12px; font-weight: 400; color: #666666; margin: 15px 0 30px 15px; line-height: 16px } .map-content-title-phone { font-size: 14px; } .map-content-title-pc { margin: 15px 0 15px 15px; } .map-location { padding: 0 15px; } .map-location:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .form-content { box-sizing: border-box; } .form-main .input { -webkit-appearance: none; box-sizing: border-box; font-size: 14px; height: 28px; outline: none; padding: 0; text-indent: 10px; width: 100%; background: transparent; border: none; border-bottom: 1px solid #D8D8D8; color: #333333; border-radius: 0; } .form-content .select>select { color: #333; box-sizing: border-box; border: 1px solid #DCDFE6; width: 100%; height: 100%; padding: 0 12px 0; cursor: default; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("./../images/selectArrow.webp") no-repeat scroll right 5px center #ffffff; } .form-content .btn { padding: 10px; padding-bottom: 20px; background: #FFFFFF; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-top: 0!important; } .form-content .btn>span { background: #7C90FF; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 100%; font-size: 16px; } .form-main { padding: 10px; background: #FFFFFF; border-top-left-radius: 6px; border-top-right-radius: 6px; margin-top: 20px; } .form-main>div { height: 28px; margin-top: 18px; position: relative; } .form-main .radio .form-radio { float: left; margin-right: 10px; position: relative; } .form-main .radio .form-radio input { position: absolute; top: 1px; left: -4px; border: none; } .form-main .radio .form-radio span { color: #919bb0; font-size: 14px; font-weight: 600; line-height: 20px; } .form-content input[type=checkbox], .form-content input[type=radio] { box-sizing: border-box; padding: 0; } .form-content .icon-checkbox, .form-content .icon-radio { border: 1px solid #ddd; bottom: -3px; display: inline-block; height: 14px; margin-right: 5px; position: relative; width: 14px; border-radius: 50%; } .form-content .textarea>textarea { color: #333; outline: none; width: 100%; padding: 8px 10px; height: 60px; border: 1px solid #EEEEEE; border-radius: 4px; text-indent: 10px; box-sizing: border-box; -webkit-appearance: none; } .form-content .input::placeholder { color: #BBBBBB; text-indent: 10px; } .form-content .select { height: 32px; border: 1px solid #EEEEEE; border-radius: 4px; margin-top: 20px; } .form-content .datePickerContent { position: relative; } .form-content .datepicker { line-height: 32px; } .jesong-error-title_form { color: #fb515f; font-size: 12px; text-indent: 10px; } .jesong-error-icon_form { position: relative; } .jesong-error-icon_form span { display: block; position: absolute; top: -22px; right: 0; width: 24px; height: 24px; background-position-x: -957px; background-position-y: -57px; background-repeat: no-repeat; background-size: 2984px; } .easyliao-date-main { position: relative; } .jesong-rotate180 { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } #jesong_chat_input_compatible { width: 100%; text-align: center; font-size: 15px; color: #919BB0; display: none; background: #F2F2FB; font-weight: 500; padding-top: 30px; } #jesong_chat_input_compatible .phone-footer-backChat-img { width: 20px; height: 21px; display: inline-block; background-image: url('../images/spriteM.webp'); background-position-x: -324px; background-position-y: -90px; background-size: 1526px; margin-left: 5px; } .jesong-wechatApplet-img { width: 200px; background: #F3F9FF; border: 1px solid #EEEEEE; border-radius: 4px; height: 200px; padding: 10px; box-sizing: border-box; margin-bottom: 10px; } .jesong-wechatApplet-img img { width: 100%; height: 100%; } .jesong_sprite { background: url(../images/sprite.webp) no-repeat; display: inline-block; background-size: 2984px 168px; } .jesong_spriteM { background: url(../images/spriteM.webp) no-repeat; display: inline-block; background-size: 1908px 84px; } .jesong_phone_tool { overflow: auto; border-top: 2px solid #EEEEEE; background-color: #FFFFFF; max-height: 220px; padding-bottom: 32px; } .jesong_phone_file { width: 36px; height: 36px; background: rgba(242, 242, 251, 1); border-radius: 20px; margin: 7px 0 0 3%; position: absolute; bottom: 33px; display: none; } .jesong_phone_file a { width: 36px; height: 36px; background-position: -555px 6px; } .jesong_phone_file input { position: absolute; width: 36px; height: 36px; left: 0; top: 0; opacity: 0; } .jesong_phone_input { width: 80%; background: rgba(242, 242, 251, 1); min-height: 36px; color: rgba(60, 61, 56, 1); margin: 7px 7px 0 7px; border-radius: 18px; padding-left: 15px; position: relative; max-height: 180px; overflow-y: auto; margin-left: 5px; display: flex; align-items: center; } .jesong_phone_input div { outline: none; min-height: 20px; font-size: 13px; padding: 8px 0; width: 88%; overflow-y: auto; max-height: 160px; word-wrap: break-word; word-break: break-all; } .jesong_phone_input a { display: none; width: 24px; height: 24px; position: absolute; right: 8px; bottom: 6px; border-radius: 20px; background-position: -605px 0; background-color: rgba(242, 242, 251, 1); } .jesong_phone_input .jesong_icon_keyboard { background-position: -649px 0 !important; } .jesong_phone_send { width: 36px; height: 36px; background: rgba(72, 102, 214, 1); display: inline-block; border-radius: 30px; margin-top: 7px; margin-left: 1%; position: absolute; bottom: 33px; } .jesong_phone_send span { display: inline-block; width: 36px; height: 36px; background-position: -239px 8px; } .jesong_phone_fileIcon span { background-position: 10px 10px; } #jesong_message[contenteditable]:empty:before { content: attr(placeholder); color: #919BB0; } div[contenteditable]:focus { content: none; } .jesong_phone_ToolBox { margin-bottom: 30px; overflow: auto; height: 100px; border-top: 2px solid #EEEEEE; position: relative; top: -25px; } .jesong_phone_ToolBox div { width: 33.33%; text-align: center; margin-top: 12.5px; display: none; } .jesong_sendFile { position: relative; } .jesong_sendFile a, .jesong_tools_phone_sound a, .jesong_tools_phone_quiet a, .jesong_service a { width: 53px; height: 53px; background-color: rgba(242, 242, 251, 1); display: inline-block; border-radius: 30px; } .jesong_sendFile span, .jesong_tools_phone_sound span, .jesong_tools_phone_quiet span, .jesong_service span { display: block; margin-top: 5px; } .jesong_sendFile a b, .jesong_tools_phone_sound a b, .jesong_tools_phone_quiet a b, .jesong_service a b { width: 24px; height: 24px; display: inline-block; margin-top: 14px; } .jesong_sendFile a b { background-position: -737px 0px; } .jesong_sendFile input { position: absolute; width: 53px; height: 53px; left: 30%; top: 0; opacity: 0; } .jesong_tools_phone_sound a b { background-position: -824px 0px; } .jesong_service a b { background-position: -693px 0px; } .jesong_tools_phone_quiet a b { background-position: -868px 0px; } .jesong_tools_phone_quiet { display: none } .jesong_tools_phone_sound { display: none } .jesong-freePhone-content { padding: 0 20px; } .jesong-freePhone-number { position: relative; margin-top: 16px; padding-left: 57px; border-bottom: 2px solid rgba(238, 238, 238, 1); padding-bottom: 10px; } .jesong-freePhone-number b { background-position: -1293px -5px; width: 50px; height: 50px; position: absolute; left: 0; } .jesong-freePhone-number input { width: 80%; border: none; background: none; font-size: 28px; outline: none; } .jesong-freePhone-number span { font-size: 14px; color: rgba(145, 155, 176, 1); } .jesong-freePhone-tips { padding-top: 20px; } .jesong-freePhone-tips h2 { font-size: 18px; color: #333333; margin-bottom: 20px; } .jesong-freePhone-tips span { display: block; width: 100%; } .jesong-freePhone-tips b { width: 16px; height: 16px; display: block; background: #4866D6; border-radius: 20px; position: absolute; top: 2px; } .jesong-freePhone-tips b span { display: block; width: 15px; height: 15px; background-position: -35px 1px; } .jesong-freePhone-tips p { margin-left: 24px; font-size: 14px; color: #333333; } .jesong-freePhone-tips .jesong_info span { color: #919BB0; } .jesong_phone_emoji { height: 150px; position: relative; top: -25px; } .jesong_phone_emoji .jesong-pop-window { position: static; } @media screen and (min-width: 414px) { .jesong_phone_input { width: 69%; } } @media screen and (max-width: 320px) { .jesong_phone_input { width: 61%; } } #jesong_leave_chat_main { width: 100%; overflow-y: auto; overflow-x: hidden; position: relative; } .jesong-detainment-layout { width: 360px; height: 464px; background-color: #ffffff; font-size: 16px; overflow: inherit; z-index: 999; } .jesong-detainment-close { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; background-position: -1061px -58px; cursor: pointer; z-index: 2000; } .jesong_detainment_header_wechat, .jesong_detainment_header_default { display: none; padding-top: 35px; text-align: center; position: relative; } .jesong_detainment_header_wechat img { width: 64px; height: 64px; } .jesong_detainment_header_wechat p { font-size: 14px; font-weight: 500; color: #4866D6; line-height: 20px; margin-top: 5px; } .jesong_detainment_header_title { text-align: center; font-size: 16px; font-weight: 500; color: #3E464C; line-height: 22px; margin-top: 20px; } .jesong_detainment_header_default .jesong_detainment_header_default_img { background-image: url(../images/sprite.webp); background-repeat: no-repeat; background-position-x: -2708px; background-position-y: 0px; width: 64px; height: 64px; display: inline-block; background-size: 2979px; background-color: #4866D6; border-radius: 50%; } .jesong_detainment_main { padding: 10px 10px 0; position: relative; } .jesong_detainment_main .jesong-leave-field { clear: both; margin: 10px 10px 25px 10px; border-bottom: 1px solid #EEEEEE; overflow: auto; } .jesong_detainment_main .jesong-leave-field .jesong-leave-title { float: left; width: 80px; height: 100%; line-height: 30px; font-size: 16px; } .jesong_detainment_main .jesong-leave-field .jesong-leave-title i { color: red; } .jesong_detainment_main .jesong-leave-field .jesong-leave-content { float: right; height: 100%; } .jesong_detainment_main .jesong-leave-field .jesong-leave-content input, .jesong_detainment_main .jesong-leave-field .jesong-leave-content textarea { text-indent: 4px; margin-top: 3px; padding: 0px; font-size: 16px; line-height: 25px; border: none; outline: none; resize: none; } .jesong_detainment_main .jesong-leave-field .jesong-leave-content textarea { background-color: rgba(242, 242, 251, 1); width: 100% !important; height: 90px; border-radius: 1px 16px 16px 16px; padding: 10px 0 0 8px !important; box-sizing: border-box; } .jesong_detainment_main .jesong-leave-field .jesong-leave-content input { min-width: 200px; text-align: right; } .jesong_detainment_interval { height: 1px; background: #EEEEEE; margin: 20px 20px 0; } .jesong_detainment_footer { width: 100%; text-align: center; padding: 10px 0; } .jesong-detainment-layout .jesong-commit { width: 240px; height: 40px; font-size: 16px; line-height: 36px; border-radius: 20px; color: #fff; background: rgba(72, 102, 214, 1); border: none; cursor: pointer; } .jesong-detainment-header-title { display: none; font-size: 15px; font-weight: 500; color: #3E464C; border-bottom: 1px solid #EEEEEE; line-height: 40px; width: 100%; padding-left: 10px; } .jesong-wechatApplet-img { width: 210px; background: #F3F9FF; border: 1px solid #EEEEEE; border-radius: 4px; height: 210px; padding: 5px; box-sizing: border-box; } .jesong-wechatApplet-img a { width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: none !important; } .jesong-wechatApplet-img img { width: 100%; height: 100%; } #jesong_detainment_header_wechat_popUp { display: none; position: absolute; left: 0; right: 0; width: 100%; bottom: 95px; } #jesong_detainment_header_wechat_popUp_img { width: 150px; height: auto !important; } #jesong_chat_layout strong { font-weight: bold; } #jesong_chat_layout strong { font-weight: bold; } .jesong-badge-msg { position: absolute; width: 220px; height: 84px; top: -95px; text-align: center; display: none; } .jesong-badge-msg-horizontal { position: absolute; width: 220px; height: 84px; top: 10px; text-align: center; right: 60px; display: none; } .jesong-badge-msg-content { background: #FFFFFF; box-shadow: 0 4px 16px 0 rgba(179, 192, 231, 0.32); height: 74px; display: table; width: 100%; } .jesong-badge-msg-subscript { display: inline-block; box-shadow: 0 4px 16px 0 rgba(179, 192, 231, 0.2); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFFFFF; position: absolute; } .jesong-badge-msg-subscript-horizontal { display: none; } .jesong-container-mini-badge .jesong-badge-msg-close { right: 10px; } .jesong-container-mini-badge-horizontal .jesong-badge-msg-close { left: 10px; } .jesong-container-mini-badge-horizontal-style2 { width: 220px; height: 50px; bottom: 0; border-radius: 14px 0 0 0; } .jesong-container-mini-badge-horizontal-style2 .jesong-badge-brand { position: absolute; left: 10px; } .jesong-container-mini-badge-horizontal-style2 .jesong-badge-con { position: absolute; left: 50px; width: auto; top: 50%; transform: translateY(-50%); } .jesong-container-mini-badge-horizontal-style2 .jesong-badge-icon { right: 10px; left: auto; top: 9px; transform: rotate(90deg); margin-top: 0; } .jesong-badge-msg-close { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; background-position: -795px -43px; background-image: url(../images/sprite.webp); background-repeat: no-repeat; display: inline-block; background-size: 2238px 126px; } .jesong-badge-msg-content-text { font-size: 14px; font-weight: 500; color: #344563; line-height: 19px; text-align: left; padding: 0 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .jesong-badge-msg-content-text-horizontal { font-size: 14px; font-weight: 500; color: #344563; line-height: 19px; text-align: left; padding: 0 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .jesong-operation-footer_pc .jesong-help-block { color: #919BB0; } #jesong_chat_layout input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important; } #jesong_chat_layout input:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px white inset !important; } .jesong-tools-wechat-qrcode { width: 140px; height: 165px; display: none; position: absolute; top: -166px; text-align: center; border-radius: 4px; left: -63px; z-index: 111112 !important; } .jesong-tools-wechat-qrcode .twq-content { width: 100%; height: 155px; padding: 12px 12px 4px 12px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 2px 8px 0px #CFD1D3; } .jesong-tools-wechat-qrcode .twq-content .twq-content-img { width: 116px; height: 116px; } .jesong-tools-wechat-qrcode .twq-content .twq-content-img img { width: 100%; height: 100%; } .jesong-tools-wechat-qrcode .twq-content .twq-content-close { margin: 5px 0 0; line-height: 0; } .jesong-tools-wechat-qrcode .twq-content .twq-content-close .twq-content-close-btn { font-size: 12px; font-weight: 500; color: #919BB0; border: none; background: none; cursor: pointer; } .jesong-tools-wechat-qrcode .twq-corner { display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFFFFF; position: absolute; left: calc(50% - 10px); } .jesongChat-screenshot-shade { position: fixed; width: 100vw; height: 100vh; background-color: rgba(43, 42, 73, 0.7); display: none; top: 0; left: 0; } .jesongChat-screenshot-shade .jesongChat-screenshot { width: 422px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #ffffff; border-radius: 4px; max-height: 430px; } .jesongChat-screenshot-shade .jesongChat-screenshot .jesongChat-screenshot-header { height: 50px; width: 100%; border-bottom: 1px solid #EEEEEE; position: relative; } .jesongChat-screenshot .jesongChat-screenshot-header .jesongChat-screenshot-header-text { float: left; font-size: 16px; color: #333; font-weight: 500; line-height: 50px; margin-left: 16px; } .jesongChat-screenshot .jesongChat-screenshot-header .jesongChat-screenshot-header-close { position: absolute; right: 16px; top: 20px; background-position: -795px -43px; background-image: url(../images/sprite.webp); background-repeat: no-repeat; display: inline-block; background-size: 2238px 126px; width: 12px; height: 12px; cursor: pointer; z-index: 2000; } .jesongChat-screenshot-shade .jesongChat-screenshot .jesongChat-screenshot-main { padding: 24px; box-sizing: border-box; width: 100%; } .jesongChat-screenshot .jesongChat-screenshot-main .jesongChat-screenshot-main-img { width: 100%; border: 1px solid #EEEEEE; padding: 15px 34px; box-sizing: border-box; } .jesongChat-screenshot .jesongChat-screenshot-main .jesongChat-screenshot-main-img img { width: 100%; } .jesongChat-screenshot .jesongChat-screenshot-footer { width: 100%; position: absolute; bottom: 16px; } .jesongChat-screenshot .jesongChat-screenshot-footer .jesongChat-screenshot-footer-comfirm { float: right; width: 60px; height: 32px; background: #6c70DC; border: 1px solid #6c70DC; box-sizing: border-box; border-radius: 4px; cursor: pointer; line-height: 32px; color: #ffffff; font-weight: 500; font-size: 14px; margin-right: 16px; text-align: center; } .jesongChat-screenshot .jesongChat-screenshot-footer .jesongChat-screenshot-footer-close { float: right; width: 60px; height: 32px; background: #ffffff; border-radius: 4px; border: 1px solid #E3EAF3; box-sizing: border-box; cursor: pointer; line-height: 32px; color: #909CA8; font-weight: 500; font-size: 14px; margin-right: 10px; text-align: center; } .jesong-leave-select .learning-state { min-width: 124px; max-width: 70%; height: 25px; box-sizing: border-box; margin-right: 24px; cursor: pointer; position: relative; } .jesong-leave-select .learning-state>.learning-state-box>.learning-state-text[val="0"] { color: #BBBBBB; } .jesong-leave-select .learning-state>.learning-state-box>.learning-state-text { font-size: 16px; font-weight: 400; color: #919bb0; float: right; line-height: 25px; } .jesong-leave-select .learning-state>.learning-state-select { min-width: 210px; position: absolute; top: 40px; right: -20px; z-index: 2; display: none; background: #FFFFFF; box-shadow: 0px 0px 10px 0px #cdd3ec; padding: 10px 0; box-sizing: border-box; max-height: 160px; overflow-y: auto; } .jesong-leave-select .learning-state>.learning-state-select>div { min-width: 124px; height: auto; overflow: hidden; } .jesong-leave-select .learning-state>.learning-state-select>div>div { height: 34px; width: 100%; word-break: keep-all; white-space: nowrap; line-height: 34px; padding-left: 11px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #606266; background-color: #fff; } .jesong-leave-select .learning-state>.learning-state-select>div>div:hover { background-color: #F8F8FD; color: #6A7EED; } .jesong-leave-select .learning-state>.learning-state-select>div>div:not(:last-child) { } .jesong-leave-select .learning-state>.learning-state-select>div .selectChoice { background-color: #F8F8FD; color: #6A7EED; } .jesong-select-icon::after { display: block; content: ""; position: absolute; right: -15px; top: 50%; margin-top: -3px; width: 10px; height: 10px; background-image: url(./../images/selectIcon.webp); background-repeat: no-repeat; background-size: 100%; } .jesong-leave-select .jesong-leave-field { overflow: inherit; height: 30px; } .jesong-common-arrow::before { display: block; content: ""; position: absolute; border: 7px solid transparent; border-bottom-color: #fff; top: -14px; left: 50%; margin-left: -7px; } .leave-label-require { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ff554e; position: relative; top: -3px; margin-left: 3px; } .leave-label-require-pc { background: none !important; font-size: 14px !important; top: 1px !important; } .jesong-apple { width: 100%; position: relative; white-space: nowrap; } .jesong-apple .jesong-apple-title { float: left; } .jesong-apple .jesong-apple-title .jesong-apple-title-icon { width: 2px; height: 12px; background: #919BB0; } .jesong-apple .jesong-apple-title .jesong-apple-title-text { font-size: 14px; color: #828CA0; font-weight: 500; line-height: 20px; } .jesong-apple .jesong-apple-content { float: left; position: relative; cursor: pointer; } .jesong-apple .jesong-apple-msg .jesong-apple-msg-text { font-size: 14px; color: #828CA0; font-weight: 500; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jesong-apple .jesong-apple-msg-title { font-size: 12px; color: #FFF; font-weight: 600; line-height: 17px; background: #303133; border-radius: 4px; max-width: 274px; position: absolute; bottom: 25px; padding: 7px 11px; display: none; left: 0; right: 0; margin: auto; width: auto; white-space: normal; } .jesong-apple .jesong-apple-msg-title .jesong-apple-msg-title-triangle { position: absolute; left: 0; right: 0; margin: auto; bottom: -7px; display: inline-block; width: 0; height: 0; border-top: 8px solid #303133; border-left: 7px solid transparent; border-right: 7px solid transparent; } .jesong-apple .jesong-apple-content .jesong-apple-msg-img img { width: 50px; height: 50px; } .jesong-apple .jesong-apple-main { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .jesong-sendFile { position: relative; white-space: nowrap; padding: 0 10px; } .jesong-sendFile .jesong-sendFile-iocn { display: inline-block; width: 24px; height: 28px; position: absolute; top: 4px; background-repeat: no-repeat; background-size: 580px; } .jesong-sendFile .jesong-sendFile-content .jesong-sendFile-content-text { white-space: normal; } .jesong-sendFile .jesong-sendFile-content { margin-left: 32px; } .jesong-sendFile .jesong-sendFile-ext { display: flex; justify-content: space-between; margin-top: 5px; } .jesong-sendFile .jesong-sendFile-ext .jesong-sendFile-ext-size { opacity: 0.5; margin-left: 0; } .jesong-sendFile .jesong-sendFile-ext .jesong-sendFile-ext-download { right: 0; } .jesong-sendFile .jesong-sendFile-ext .jesong-sendFile-ext-download a { text-decoration: none; color: inherit; } .jesong-sendFile-pc .jesong-sendFile-iocn { background-image: url(../images/pcFile.webp); } .jesong-sendFile-pc .jesong-sendFile-docx-visitor { background-position: 0 0; } .jesong-sendFile-pc .jesong-sendFile-docx-server { background-position: 0 -68px; } .jesong-sendFile-pc .jesong-sendFile-xlsx-visitor { background-position: -61px 0; } .jesong-sendFile-pc .jesong-sendFile-xlsx-server { background-position: -61px -68px; } .jesong-sendFile-pc .jesong-sendFile-pdf-visitor { background-position: -124px 0; } .jesong-sendFile-pc .jesong-sendFile-pdf-server { background-position: -124px -68px; } .jesong-sendFile-pc .jesong-sendFile-ppt-visitor { background-position: -185px 0; } .jesong-sendFile-pc .jesong-sendFile-ppt-server { background-position: -185px -68px; } .jesong-sendFile-pc .jesong-sendFile-mp4-visitor { background-position: -248px 0; } .jesong-sendFile-pc .jesong-sendFile-mp4-server { background-position: -248px -68px; } .jesong-sendFile-pc .jesong-sendFile-mp3-visitor { background-position: -310px 0; } .jesong-sendFile-pc .jesong-sendFile-mp3-server { background-position: -310px -68px; } .jesong-sendFile-pc .jesong-sendFile-unknown-visitor { background-position: -372px 0; } .jesong-sendFile-pc .jesong-sendFile-unknown-server { background-position: -372px -68px; } .jesong-sendFile-pc .jesong-sendFile-txt-visitor { background-position: -434px 0; } .jesong-sendFile-pc .jesong-sendFile-txt-server { background-position: -434px -68px; } .jesong-sendFile-pc .jesong-sendFile-rar-visitor { background-position: -496px 0; } .jesong-sendFile-pc .jesong-sendFile-rar-server { background-position: -496px -68px; } .jesong-sendFile-pc .jesong-sendFile-zip-visitor { background-position: -558px 0; } .jesong-sendFile-pc .jesong-sendFile-zip-server { background-position: -558px -68px; } .jesong-sendFile-phone .jesong-sendFile-iocn { background-image: url(../images/phoneFile.webp); background-size: 360px; } .jesong-sendFile-phone .jesong-sendFile-docx-visitor { background-position: 0 0; } .jesong-sendFile-phone .jesong-sendFile-docx-server { background-position: 0 -43px; } .jesong-sendFile-phone .jesong-sendFile-xlsx-visitor { background-position: -37px 0; } .jesong-sendFile-phone .jesong-sendFile-xlsx-server { background-position: -37px -43px; } .jesong-sendFile-phone .jesong-sendFile-pdf-visitor { background-position: -75px 0; } .jesong-sendFile-phone .jesong-sendFile-pdf-server { background-position: -75px -43px; } .jesong-sendFile-phone .jesong-sendFile-ppt-visitor { background-position: -112px 0; } .jesong-sendFile-phone .jesong-sendFile-ppt-server { background-position: -112px -43px; } .jesong-sendFile-phone .jesong-sendFile-mp4-visitor { background-position: -150px 0; } .jesong-sendFile-phone .jesong-sendFile-mp4-server { background-position: -150px -43px; } .jesong-sendFile-phone .jesong-sendFile-mp3-visitor { background-position: -188px 0; } .jesong-sendFile-phone .jesong-sendFile-mp3-server { background-position: -188px -43px; } .jesong-sendFile-phone .jesong-sendFile-unknown-visitor { background-position: -224px 0; } .jesong-sendFile-phone .jesong-sendFile-unknown-server { background-position: -224px -43px; } .jesong-sendFile-phone .jesong-sendFile-txt-visitor { background-position: -263px 0; } .jesong-sendFile-phone .jesong-sendFile-txt-server { background-position: -263px -43px; } .jesong-sendFile-phone .jesong-sendFile-rar-visitor { background-position: -300px 0; } .jesong-sendFile-phone .jesong-sendFile-rar-server { background-position: -300px -43px; } .jesong-sendFile-phone .jesong-sendFile-zip-visitor { background-position: -337px 0; } .jesong-sendFile-phone .jesong-sendFile-zip-server { background-position: -337px -43px; } .jesong_style_minimalism { line-height: 54px !important; width: 80%; } .jesong_style_minimalism .jesong_customer_name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 5px; } .urlCard { background: #FFFFFF; display: none; border-radius: 15px 15px 15px 15px; padding: 15px; margin-top: 6px } .urlCard span { font-size: 12px; color: #909399; } .urlCard h2 { font-size: 14px; color: #303133; margin: 4.5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 24px; } .urlCard h2 img { position: absolute; top: 0; left: 0; } .urlCard p { font-size: 14px; color: #606266; height: 36px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .check-code_p { width: 100%; height: 100%; background-color: #0000004d; z-index: 1000000000; position: relative; } .check-code_p.check-code_p-body { position: fixed; top: 0; left: 0; } .check-code { max-width: 420px; width: 80%; color: #303133; font-size: 14px; background: #FFFFFF; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px #0000001a; } .check-code_title { height: 50px; border-bottom: solid 1px #E1E1E1; box-sizing: border-box; font-size: 16px; font-weight: bold; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; pointer-events: none; } .check-code_title::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url(../images/close.webp); background-size: cover; cursor: pointer; pointer-events: auto; } .check-code_content { padding: 20px 60px; } .check-code_content p { margin: 0; padding-bottom: 20px; display: flex; justify-content: center; align-items: center; white-space: nowrap; } .check-code_content p::before { content: ''; display: inline-block; width: 18px; min-width: 18px; height: 18px; margin-right: 8px; background-image: url(../images/check/tips.webp); background-size: cover; } .check-code_content input { border: 1px solid #DCDFE6; border-radius: 4px; height: 32px; width: 100%; box-sizing: border-box; padding: 0 10px; outline-style: none; } .check-code_content input:focus { border: 1px solid #409EFF; } .check-code_content div.error { height: 20px; width: 100%; color: #F56C6C; font-size: 12px; line-height: 20px; } .check-code_oper { text-align: right; padding: 14px 13px; } .check-code_oper button { height: 32px; width: 56px; background-color: white; border: 1px solid #DCDFE6; color: #909CA8; border-radius: 4px; cursor: pointer; font-size: 12px; margin: 0; } .check-code_oper button + button { margin-left: 10px; } .check-code_oper button.parmary { background-color: #409EFF; border-color: #409EFF; color: white; } .easyliao-root_submit-phone { width: 251px; display: flex; flex-direction: column; align-items: center; position: fixed; z-index: 1999999999; } .easyliao-root_submit-phone-point { position: absolute; left: 50%; transform: translateX(-50%); border-width: 0 7px 7px 7px; border-color: transparent transparent #FFFFFF transparent; border-style: solid; width: 0; height: 0; filter: drop-shadow(0px -6px 6px #CFD1D3); } .easyliao-root_submit-phone-panel { margin-top: 7px; width: 100%; height: 52px; box-sizing: border-box; padding: 10px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px #CFD1D3; border-radius: 8px; display: flex; } .easyliao-root_submit-phone-input { width: 188px; height: 32px; box-sizing: border-box; border-color: #ECEEF5; border-width: 1px 0 1px 1px; border-style: solid; border-radius: 4px 0 0 4px; font-size: 12px; padding: 0 10px; } .easyliao-root_submit-phone-input::placeholder { color: #ACB2C9; } .easyliao-root_submit-phone-input:focus { outline: none; border-color: #4866D6; } .easyliao-root_submit-phone-submit { width: 42px; height: 32px; box-sizing: border-box; background-color: #4866D6; color: #FFFFFF; border: none; border-radius: 0 4px 4px 0; font-size: 12px; cursor: pointer; } .easyliao-root_tips { max-width: 251px; display: flex; flex-direction: column; align-items: center; position: fixed; z-index: 1999999999; } .easyliao-root_tips-point { content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-width: 7px 7px 0 7px; border-color: #FFFFFF transparent transparent transparent; border-style: solid; width: 0; height: 0; bottom: 0; } .easyliao-root_tips-panel { margin-bottom: 7px; width: 100%; box-sizing: border-box; padding: 10px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px #CFD1D3; border-radius: 8px; display: flex; font-size: 12px; } .easyliao-root_pc-pop { position: fixed; bottom: 100px; right: 100px; padding: 10px; box-shadow: 0 0 10px #dddddd; border-radius: 4px; background-color: #FFFFFF; max-width: 250px; box-sizing: border-box; } .easyliao-root_pc-pop-top { display: flex; margin-bottom: 5px; } .easyliao-root_pc-pop-icon { width: 25px; height: 25px; border-radius: 12.5px; margin-right: 5px; } .easyliao-root_pc-pop-title { font-size: 13px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .easyliao-root_pc-pop-content { font-size: 15px; line-height: 25px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .easyliao-root_pc-pop-arrow { display: block; width: 0; height: 0; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); border: 5px solid; z-index: 99; border-color: transparent transparent transparent #FFFFFF; } .jesong-policy, .jesong-policy-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: #00000055; display: none; border-radius: 14px; overflow: hidden; } .jesong-policy *, .jesong-policy-mobile * { box-sizing: border-box; } .jesong-policy .jesong-policy-tip, .jesong-policy-mobile .jesong-policy-tip { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; background-color: white; border-radius: 8px; text-align: right; padding: 20px; display: none; z-index: 9; } .jesong-policy .jesong-policy-tip .jesong-policy-tip-content, .jesong-policy-mobile .jesong-policy-tip .jesong-policy-tip-content { padding-top: 20px; padding-bottom: 30px; text-align: center; } .jesong-policy .jesong-policy-tip .jesong-policy-tip-content span, .jesong-policy-mobile .jesong-policy-tip .jesong-policy-tip-content span { color: #6A8AFF; cursor: pointer; } .jesong-policy .jesong-policy-tip .jesong-policy-tip-close, .jesong-policy-mobile .jesong-policy-tip .jesong-policy-tip-close { position: absolute; top: 10px; right: 10px; border: none; background: none; cursor: pointer; } .jesong-policy .jesong-policy-tip .jesong-policy-tip-confirm, .jesong-policy-mobile .jesong-policy-tip .jesong-policy-tip-confirm { border: none; padding: 5px 15px; border-radius: 4px; background-color: #6A8AFF; color: #ffffff; margin-left: 10px; cursor: pointer; } .jesong-policy .jesong-policy-tip .jesong-policy-tip-cancel, .jesong-policy-mobile .jesong-policy-tip .jesong-policy-tip-cancel { border: none; padding: 5px 15px; border-radius: 4px; background-color: #6A8AFF; color: #ffffff; cursor: pointer; } .jesong-policy .jesong-policy-content, .jesong-policy-mobile .jesong-policy-content { width: 100%; height: 100%; background-color: white; padding: 30px 20px; position: relative; display: none; z-index: 10; } .jesong-policy .jesong-policy-content .jesong-policy-content-content, .jesong-policy-mobile .jesong-policy-content .jesong-policy-content-content { padding-top: 20px; padding-bottom: 30px; text-align: center; white-space: normal; word-break: break-all; overflow: auto; width: 100%; height: 100%; } .jesong-policy .jesong-policy-content .jesong-policy-content-close, .jesong-policy-mobile .jesong-policy-content .jesong-policy-content-close { position: absolute; top: 10px; right: 10px; border: none; background: none; cursor: pointer; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; } .jesong-policy-show { font-size: 12px; color: #bbb; padding: 5px 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .jesong-policy-show input { cursor: pointer; } .jesong-policy-show span { margin-left: 2px; color: #6A8AFF; cursor: pointer; } .jeson-emoji-panel { display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } .jeson-emoji-panel .jeson-emoji-item { width: 26px; height: 26px; padding: 4px; transition: all .3s; cursor: pointer; } .jeson-emoji-panel .jeson-emoji-item:hover { background-color: #eeeeee; width: 30px; height: 30px; padding: 2px; } .jeson-emoji-panel .jeson-emoji-mobile-item { width: 24px; height: 24px; padding: 5px; } .jesong-tip-pop { position: fixed; right: 59px; top: calc(100% - 220px); color: #333333; max-width: 264px; border: 1px solid #E0E4EA; box-shadow: 0px 0px 10px 0px rgba(117,170,235,0.24); background: #FFFFFF; padding: 9px 12px; border-radius: 4px; } .jesong-tip-pop::after { content: ""; display: block; position: absolute; width: 10px; height: 10px; background-color: #FFFFFF; right: -6px; top: 12px; transform: rotate(-45deg); border: 1px solid #E0E4EA; border-left: none; border-top: none; } .jesong-tip-pop-row { top: auto; right: 10px; bottom: 65px; } .jesong-tip-pop-row::after { right: 50%; transform: translateX(50%); top: auto; bottom: -6px; transform: rotate(45deg); } .jesong-tip-pop .jesong-tip-pop-content { line-height: 21px; font-size: 14px; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .jesong-ask_mask { width: 100vw; height: 100vh; background-color: #5a5a5a80; position: fixed; z-index: 9999999999999999999999999; left: 0; top: 0; display: none; align-items: center; justify-content: center; } .jesong-ask_mask * { box-sizing: border-box; } .jesong-ask_mask .jesong-ask { width: 580px; height: 330px; display: flex; position: relative; } .jesong-ask_mask-column .jesong-ask { max-width: calc(100% - 40px); width: 335px; height: auto; max-height: 80%; flex-direction: column; } .jesong-ask_mask .jesong-ask_close { width: 24px; height: 24px; border-radius: 12px; background-color: #EAEFFD; position: absolute; top: -12px; right: -12px; cursor: pointer; background: url(../images/chat/close.webp) no-repeat; background-size: 100%; } .jesong-ask_mask .jesong-ask_img { width: 307px; height: 100%; overflow: hidden; border-radius: 8px 0 0 8px; background-color: #ffffff; } .jesong-ask_mask-column .jesong-ask_img { width: 100%; height: auto; min-height: 0; border-radius: 8px 8px 0 0; } .jesong-ask_mask .jesong-ask_img img { width: 100%; height: 100%; } .jesong-ask_mask-column .jesong-ask_img img { width: 100%; height: auto; } .jesong-ask_mask .jesong-ask_form { width: 273px; height: 100%; border-radius: 0 8px 8px 0; background-color: #ffffff; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; } .jesong-ask_mask-column .jesong-ask_form { width: 100%; padding: 30px; border-radius: 0 0 8px 8px; } .jesong-ask_mask .jesong-ask_title { font-weight: 500; font-size: 16px; color: #333333; line-height: 22px; } .jesong-ask_mask .jesong-ask_desc { font-weight: 400; font-size: 12px; color: #909399; line-height: 17px; margin-top: 8px; } .jesong-ask_mask-column .jesong-ask_desc { font-size: 14px; } .jesong-ask_mask .jesong-ask_form_content { margin-top: 20px; } .jesong-ask_mask input[type=text] { height: 32px; width: 100%; border: 1px solid #DCDFE6; border-radius: 4px; font-size: 14px; padding: 0 10px; outline:none; transition: border .5s; } .jesong-ask_mask input[type=text]:focus { border: 1px solid #7C90FF; } .jesong-ask_mask input[type=text] + input[type=text] { margin-top: 10px; } .jesong-ask_mask .jesong-ask_err { color: #F56C6C; font-size: 12px; } .jesong-ask_mask button { height: 32px; width: 100%; background-color: #7C90FF; border-radius: 4px; font-size: 14px; margin-top: 10px; cursor: pointer; border: none; font-weight: 600; font-size: 14px; color: #FFFFFF; } .jesong-ask_tip { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 50px 30px; width: 250px; height: 144px; background-color: #FFFFFF; border-radius: 8px; display: none; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 5px #bbb; .jesong-ask_tip-title { font-size: 16px; color: #333333; font-weight: 500; line-height: 22px; margin-bottom: 10px; } .jesong-ask_tip-oper { display: flex; gap: 20px; width: 150px; .jesong-ask_tip-cancel { background-color: #FFFFFF; border: 1px solid #7C90FF; color: #7C90FF; } } }