.wrapper .message-list-container .store_title{border:0;height:auto;padding:2px 0}.wrapper .header_container .mail_tools_box{float:right;width:50px;height:50px;position:absolute;top:calc((100% - 50px)/2);right:0;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.wrapper .header_container .mail_tools_box a.mailSearch_btn{display:block;float:right;background:url(../images/user/mails/icon_search_black.png) no-repeat center center transparent;background-size:auto 20px;width:30px;height:50px}.wrapper .header_container .mail_tools_box a.mailWrite_btn{display:block;float:right;background:url(../images/global/ic-header-plus@2x.png) no-repeat center center transparent;background-size:auto 20px;width:30px;height:50px}.wrapper .header_container .mail_tools_box a.mailDelete_btn{display:block;float:right;background:url(../images/user/mails/icon_trash_black.png) no-repeat center center transparent;background-size:auto 18px;width:30px;height:50px}.wrapper .header_container .mail_tools_box a.moreTools_btn{display:block;float:right;background:url(../images/user/mails/icon_more_tools_black.png) no-repeat center center transparent;background-size:auto 22px;width:30px;height:50px}.wrapper .header_container .mail_tools_box a{margin-right:8px}.wrapper .header_container .mail_tools_box a:active{opacity:.8}.cancel_btn{width:50px;height:50px;position:absolute;top:calc((100% - 50px)/2);left:0;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;font-size:16px;font-weight:600 !important}.confirm_btn{color:"";width:50px;height:50px;position:absolute;top:calc((100% - 50px)/2);right:0;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;font-size:16px;font-weight:600 !important}.cancel_btn:hover{text-decoration:none}.confirm_btn:hover{text-decoration:none}.search__wrapper{width:100%;background:#fff;border-radius:4px;padding:7px 10px;position:relative;float:left}.search__input{border:0;-webkit-appereance:none;line-height:1.8em !important;padding:0 15px !important;background-color:#f3f3f3 !important;border-radius:5px !important;font-size:14px !important;width:100%}.search__clear{width:100% !important;margin:10px 8px 0 0;border:0;background:0;cursor:pointer;font-size:1em;font-family:"Lucida Console",Monaco,monospace;color:#666}.noread-Num{float:right}.wrapper .mail_tools_box a{margin-right:8px;line-height:2.5em;text-decoration:none;color:#fff}.wrapper .mail_tools_box a span{font-size:15px}.search__clear.is-hidden{display:none}.mails_main.mails-select-container .mailList_content .mail_box{border:0;padding:0}.mails_main.mails-select-container .mailList_content .mail_box .l_mail_box{float:left;width:40px;height:40px;margin-top:25px;border-radius:50%;overflow:hidden;margin-left:10px}.mails_main.mails-select-container .mailList_content .mail_box .r_mail_box p.mail_header{width:80%;display:inline-block}.mails_main.mails-select-container .mailList_content .checkbox_show .left_ckeckbox{padding:15px 0 15px 0;position:relative;float:left}.mails_main.mails-select-container .mailList_content .checkbox_show .left_ckeckbox .ui-checkbox .ui-btn{border:0;padding:20px 15px 20px 20px;height:20px;width:20px}.mails_main.mails-select-container .mailList_content .left_checkbox_content .ui-checkbox{margin:0}.mails_main.mails-select-container .mailList_content .left_checkbox_content .checkbox_show .left_ckeckbox label{padding:0;width:20px;margin:0 10px 0 15px}.mails_main.mails-select-container .mailList_content .left_checkbox_content .checkbox_show.ui-btn-icon-left:after{left:15px;margin-left:0;margin-right:0}.mails_main.mails-select-container .mailList_content .left_checkbox_content .ui-checkbox label.mail_box .write_r_mail_box{border-top:1px solid #f3f3f3}.mails_main.mails-select-container .mailList_content .left_checkbox_content .ui-checkbox:first-of-type label.mail_box .write_r_mail_box{border-top:0}.wrapper .mails_main.mails-select-container .unionInfo_content .unionMail_box .mail_box{border-bottom:0}.mails_main.message-list-container .mailList_content .r_mail_box{margin-right:0;padding:24px 20px 24px 0;border-bottom:1px solid #f3f3f3}.mails_main.message-list-container .mailList_content .mail_box{border-bottom:0;padding:0}.mails_main.message-list-container .mailList_content .r_mail_box:after{display:table;clear:both;content:""}.mails_main.message-list-container .mailList_content .mail_box .r_mail_box p.mail_header{float:left;width:calc(100% - 40px);margin-right:0}.write_r_mail_box{margin-right:0;padding:18px 10px 18px 0;border-top:1px solid #f3f3f3}.mails_main.mails-select-container .mailList_content label.mail_box:first-of-type .write_r_mail_box{border:0}.mails_main .mailList_content .mail_box .write_r_mail_box p.mail_header{width:80%;display:inline-block}.mail__clear{border:1px solid;padding:1px 10px;border-radius:5px}.mails_main .mailList_content .mail_box .write_l_mail_box{float:left;width:40px;height:40px;margin-top:0}.mails-select-container .mail_title{font-size:13px;color:#666;font-weight:500}.open_search{margin:0;z-index:10}.open_search_bg{background-color:#666}.open_search a.select_btn{float:left;display:block;background:url(../images/user/mails/icon_select.png) no-repeat center center transparent;background-size:auto 20px;width:36px;height:43px;text-align:center;color:#fff;font-size:10px;line-height:3.8}.open_search a.trash_btn{float:left;display:block;background:url(../images/global/ic-model-white-list-trash@2x.png) no-repeat center 9px transparent;background-size:auto 20px;width:48px;height:56px;font-size:12px;color:#fff;text-align:center}.open_search a.trash_btn span{top:33px}.open_search a.read_btn{float:left;display:block;background:url(../images/user/mails/icon_read.png) no-repeat center 9px transparent;background-size:auto 20px;height:55px;line-height:83px;margin-left:10px;font-size:12px;color:#fff;text-decoration:none}.open_search a.noread_btn{float:left;display:block;background:url(../images/user/mails/icon_noread.png) no-repeat center 9px transparent;background-size:auto 20px;height:55px;line-height:84px;margin-left:10px;font-size:12px;color:#fff;text-decoration:none}.open_search a.mailmove_btn{float:left;display:block;background:url(../images/global/ic-model-white-move-floder@2x.png) no-repeat center 9px transparent;background-size:auto 20px;width:48px;height:56px;font-size:12px;color:#fff;margin-left:8px;text-align:center}.open_search a.mailmove_btn span{top:33px}.open_search a.dropdown_btn{float:left;display:block;background-size:auto 20px;width:36px;height:56px;transition:.3s all;transform:rotate(180deg);background-color:transparent}.open_search a.dropdown_btn:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;content:"";display:block;position:absolute;bottom:calc(50% - 3px);left:calc(50% - 6px)}.open_search.u-fixed-bottom .mail_tools_box{margin-top:5px}.u-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.toggleMenu-overlay{transform:translateY(0);opacity:.8;width:100%;height:55px;background-color:#000;position:absolute;top:0;transition:.3s all}.currentOpen{transform:translateY(-100%)}.arrow-currentOpen{transform:rotate(0) !important}.mails_main.mails-select-container .mailList_content .checkbox_content{padding:0}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor{height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mails_main.mails-select-container .mailList_content .system_group_mail_box .sender_infor{height:auto}.mails_main.mails-select-container .mailList_content .checkbox_show .sender_infor{width:calc(100% - 30px);margin-bottom:0}.mails_main.mails-select-container .mailList_content .ic_mailbox_phone .sender_infor{height:46px}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor p{font-size:.8rem;font-weight:600;color:#888;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor p.text-grey{font-size:.7rem;font-weight:300;color:#aaa;line-height:20px}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor span.number{position:relative;right:0;top:0;margin-left:2px}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor span.sent_time{float:right;line-height:25px;font-size:.75rem;color:#aaa}.mails_main.mails-select-container .mailList_content .mail_box a.delete-btn{font-size:.725rem;font-weight:300;color:#fff;background-color:#999;border:1px solid #999;padding:1px 10px;border-radius:4px;text-shadow:none;text-align:center;display:block;position:absolute;right:15px}.mails_main.mails-select-container .mailList_content .mail_box a.delete-btn:active{background-color:#b3b3b3}.mails_main.mails-select-container .mailList_content label.mail_box{padding-left:0;display:block;vertical-align:middle;position:relative;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.mails_main.mails-select-container .mailList_content label.mail_box:before{content:"";display:block;cursor:pointer}.mails_main.mails-select-container .mailList_content label.mail_box:after{content:"";display:table;clear:both}.mails_main.mails-select-container .mailList_content label.mail_box span{position:absolute;right:10px;top:calc((100% - 28px)/2)}.mails_main.mails-select-container .mailList_content label.mail_box span.text_grey{font-size:.7rem;position:relative;right:0;top:-2px;color:#b5b5b5}.mails_main.mails-select-container .mailList_content .mail_box input[type="checkbox"]+span::before{background-image:none;width:25px;height:25px;content:"";position:absolute;right:0;top:0}.mails_main.mails-select-container .mailList_content .mail_box input[type="checkbox"]:checked+span::after{background:url(../images/start_event/click.svg) no-repeat transparent;background-size:25px auto;background-position:center center;width:25px;height:25px;content:"";position:absolute;right:0;top:0}.mails_main.mails-select-container .mailList_content .more-dropdown-link{padding:8px 0;background-color:#fff}.keyword_delete{display:block;background:url(../images/status/icon_filter_clean.png) no-repeat center center / 18px auto transparent;width:18px;height:18px;position:absolute;top:calc((100% - 18px)/2);right:20px;display:none}p.popup_info_text{background:url(../images/image/icon_info.png) no-repeat 0 10px / 22px auto transparent;padding:10px 0 10px 30px;font-weight:bold;color:#666;font-size:.925rem;letter-spacing:0}p.popup_info_text_noimg{font-weight:bold;color:#666;font-size:16px;letter-spacing:0}.delete-selectNum{color:#ef555a}.move_select{width:100%;background-size:13px 9px;background-position:92% 50%;border-color:#ddd;background-color:#fbfbfb;color:#666;padding:8px}.group-msg-containter{height:calc(100vh - 180px)}.grouppage-msg-containter--member{height:calc(100vh - 364px)}.msg{height:100%;width:100%;padding-bottom:80px}.msg.send-select-msg{padding-bottom:150px}.msg-defult{width:100%;margin-top:30px;text-align:center;font-size:16px;color:#9f9a9a}.msg-time{text-align:center;font-size:12px;color:#777;line-height:20px;background-color:#fff;margin:20px auto;padding:0 12px;border-radius:20px;display:table}.msg-joingroup{text-align:center;font-size:12px;color:#777;line-height:20px;background-color:rgba(0,0,0,0.06);margin:20px auto;padding:2px 12px;border-radius:8px;display:table}.msg-manager{margin:20px;color:#777;font-weight:bold;border-radius:10px;border:3px solid #f5c238;text-align:center;padding:5px 0}.msg-manager i{display:inline-block;background-size:auto 24px;width:24px;height:24px;position:relative;margin-right:10px;top:7px}.alarm-msg{text-align:center;font-size:12px;color:#777;line-height:25px;background-color:rgba(0,0,0,0.06);margin:20px auto;max-width:180px;border-radius:20px;background-image:url(../images/global/ic-model-grey-list-notice@2x.png);background-size:12px auto;background-repeat:no-repeat;background-position:10px center;padding:0 8px 0 24px}.msg-noread-line{text-align:center;font-size:13px;color:#fa878a;line-height:20px;margin:30px auto}.msg-noread-line:before{content:"";width:100%;height:1px;background-color:#fcbcbe;position:absolute;top:calc((20px - 1px)/2);left:0;right:0}.msg-noread-line span{background-color:#f2f2f2;padding:0 10px}.button{background-color:none;border:1px solid #36a9fc;text-decoration:none;border-radius:10px;padding:5px 10px;color:#36a9fc;display:block;width:80px;text-align:center;overflow:hidden;text-oveflow:ellipsis;margin:20px auto}.build-container{width:230px;height:100%;margin-left:20px;float:right}#buildInput{width:100%;height:60%}.message{margin:20px 0;overflow:hidden}.message-name-text{float:left;color:#555;line-height:12px;font-size:12px;font-weight:600;margin-left:65px;margin-bottom:5px}.message.left i.ic-model-yellow-circle-crown{background-size:12px auto;background-color:#fff;width:16px;height:16px;position:absolute;left:30px;top:39px;border-radius:50%}.message-text{font-size:18px;line-height:24px;padding:10px 15px;border-radius:20px;position:relative;text-shadow:none;word-break:break-all}.message-text a{font-weight:500}.message-text img{max-width:100%}.message.left .message-text{margin-left:50px;margin-right:75px;background-color:#fff;float:left;clear:both}.message.left .message-text a.msg-reply-btn{font-size:13px;font-weight:400;line-height:20px;background:url(../images/global/ic-model-dark-blue-list-reply@2x.png) no-repeat left center;background-size:auto 10px;padding-left:14px;margin-top:5px;display:block}.message .message-text a.join-union-link{display:block;margin-top:8px;border-left:2px solid #ddd;padding-left:8px}.message .message-text a.join-union-link:active{background:transparent;opacity:.8}.message .message-text a.join-union-link .left-wrp{width:calc(100% - 66px);font-size:13px;line-height:18px;max-height:56px;overflow:hidden}.message .message-text a.join-union-link .left-wrp p{color:#888;font-weight:600;max-height:36px;overflow:hidden}.message .message-text a.join-union-link .left-wrp p.sm-text{color:#aaa;font-weight:300;font-size:12px;max-height:18px;margin-top:3px}.message .message-text a.join-union-link .right-wrp{width:56px}.message .message-text a.join-union-link .right-wrp img{border-radius:4px}.message.right .message-text a.join-union-link{border-left:2px solid #aec9de}.message.right .message-text{margin-left:75px;margin-right:10px;background-color:#cee9fe;color:#333;float:right;clear:both}.message.system .message-text{background-color:#fff;border-radius:4px;margin:0 10px;padding:15px}.message.system .message-text a.message-btn{font-size:14px;padding:3px 5px;text-align:center;width:100px;margin:10px auto 0;display:block;text-shadow:none}.message-text p.message__title{font-weight:600;font-size:14px;line-height:20px;margin-bottom:5px;color:#888}.message-text p.message__title span{margin-left:3px}.message.system .message-text .msg_sender_pic{width:20px;height:20px;margin-right:10px;border-radius:50%}.message.message-learning-text{background:#57c2e9;padding:20px 15px}.message.message-learning-text a.cancel-btn{width:24px;height:24px;position:absolute;right:12px;top:12px;background:url(../images/global/ic-model-white-list-thin-cancel@2x.png) no-repeat center center transparent;background-size:24px auto;opacity:.6}.message.message-learning-text .right-wrp{width:calc(100% - 46px);padding-right:24px}.message.message-learning-text .right-wrp p{font-size:14px;line-height:20px;color:#fff;text-shadow:none}.message.message-learning-text .left-wrp i.ic-tag-person{background:url(../images/global/ic-white-line-tag-person@2x.png) no-repeat center center / 36px auto;width:36px;height:36px;display:block}.message-read--right{font-size:12px;color:#bbb;text-align:right;left:-64px;bottom:5px;position:absolute;line-height:15px}.message-read--left{font-size:12px;color:#bbb;text-align:left;right:-64px;bottom:5px;position:absolute}.message-text p.message-system__title{font-weight:600;font-size:14px;color:#333;line-height:20px;margin-bottom:5px}.message-text p.message-system__title.system_id{color:#6d9b00}.message-text p.message-system__title.sent_time{color:#bbb}.message-text p.message-system__title.left{width:50%;float:left}.message-text p.message-system__title.right{width:50%;float:right;text-align:right}.message-text p.message-system__content{font-size:14px;color:#333;text-align:justify}.message-text p.message-system__content.inline-grid{width:100%;display:inline-block}.message-text p.message-system__share{width:100%}.shaere--facebook{background-color:#46609f;color:#fff;padding:5px 10px;font-size:14px;width:30%;border-radius:2px}.shaere--line{background-color:#58be38;color:#fff;padding:5px 10px;font-size:14px;width:30%;border-radius:2px}.shaere--link{background-color:#b0b0b0;color:#fff;padding:5px 8px;font-size:14px;width:30%;border-radius:2px}.message.left .message-image{float:left;padding:0;margin-left:50px;margin-right:100px;background-color:#e5e5e5;clear:both;border-radius:10px}.message.left img.msg_sender_pic{width:35px;height:35px;border-radius:50%;position:absolute;top:2px;left:-40px}.message.right .message-image{padding:0;margin-left:100px;margin-right:10px;background-color:#e5e5e5;color:#fff;float:right;clear:both;border-radius:10px;margin-top:2px;margin-bottom:1px}.message-image .message-image-inner{border-radius:10px;border:1px solid rgba(160,160,160,0.01);max-height:300px}.message-text:last-child:before,.message-text:last-child:after{content:'';position:absolute;bottom:0;width:35px;height:25px;z-index:-1}.message.right .message-text:before,.message.right .message-text:after{border-radius:0 0 0 50%}.message.right .message-text:before{height:20px;right:-23px;background-color:#cee9fe}.message.right .message-text:after{right:-35px;bottom:-3px;background-color:#f3f3f3}.message.left .message-text:before,.message.left .message-text:after{border-radius:0 0 50% 0}.message.left .message-text:before{height:20px;left:-23px;background-color:#fff}.message.left .message-text:after{left:-35px;bottom:-3px;background-color:#f3f3f3}.send-container{position:fixed;width:100%;bottom:0;left:0;right:0;background-color:#fff;max-width:768px;border-top:1px solid rgba(50,50,50,0.1);box-shadow:0 0 24px rgba(50,50,50,0.05);margin:0 auto;-webkit-animation:send-container .25s ease !important;animation:send-container .25s ease !important;pointer-events:auto !important;z-index:1000}.send-container a.sub-full-btn{width:100%;display:block;text-align:center;font-size:16px;line-height:20px;padding:15px}.send-tool-container{background-color:#fff;margin-top:-1px;display:none}.tool-remove{padding:0 10px 5px 10px;display:block}a.small_btn{float:left;display:block;background:url(../images/global/ic-model-dark-circle-list-happy-face@2x.png) no-repeat center 7px transparent;background-size:auto 24px;width:44px;height:40px;margin-left:0;position:absolute;right:0;top:0}a.small_btn:active{opacity:.5}a.image_btn{float:left;display:block;background:url(../images/global/ic-model-dark-image@2x.png) no-repeat center center transparent;background-size:auto 24px;color:#000;width:50px;height:60px}a.image_btn:active{opacity:.5}.msg-input-box{float:left;margin:10px 0;width:calc(100% - 135px);padding:5px 32px 5px 8px;border-radius:20px;border:1px solid #e5e5e5}.send-input{vertical-align:middle;border-radius:20px !important;border:0 solid #e5e5e5 !important;background-color:#fff !important;padding:0 8px !important;font-size:14px !important;word-wrap:break-word;word-break:normal;width:100%;top:-2px}.send-user-input{float:left;color:#0084c2;font-size:14px;line-height:28px;margin-right:5px}.send-user-input span{display:inline-block}.send-btn{line-height:40px;float:right;text-decoration:none;color:#939297;font-weight:bold;background-color:transparent;border:0;font-size:15px;cursor:pointer}.send-buttom{padding:8px 15px !important;float:right;margin:10px 5px 10px 0;text-shadow:none}.add-remove{margin-right:8px;margin-top:8px;float:left}.add-remove__icon{width:25px;height:25px}.add-remove__icon,.add-remove__icon .outer,.add-remove__icon .inner{transition:all .5s ease}.add-remove__icon .outer{fill:#57c2e9}.add-remove__icon .inner{stroke:#57c2e9;stroke-linecap:round;stroke-miterlimit:10}.add-remove.remove .outer{fill:#57c2e9}.add-remove.remove .inner{stroke:#57c2e9}.add-remove.remove .add-remove__icon{transform:rotate(225deg)}.inner__1{transform-origin:center center}.send-select-container{background-color:#fff;overflow-y:hidden;white-space:nowrap;overflow-x:auto;width:100%;padding:8px 0}.select-buttom{background-color:#57c2e9;color:#fff;font-weight:400;width:100%;border-radius:4px;margin:5px 0 5px 15px;line-height:1;font-size:13px;padding:4px 10px;text-shadow:none}.select-buttom:last-of-type{margin-right:15px}.message.right .message-ask-joingroup{margin-left:70px;margin-right:20px;background-color:#fff;border:1px solid #b8b8b8;color:#666}.message.left .message-ask-joingroup{margin-left:70px;margin-right:20px;background-color:#fff;border:1px solid #b8b8b8;color:#666}.msg .js-form-joingroup{background-color:#fff;padding:15px;display:block}.msg .js-form-joingroup:active{background-color:#f9f9f9}.msg .js-form-joingroup .left-wrp{width:70px;height:70px;margin-right:10px}.msg .js-form-joingroup .left-wrp img{width:100%}.msg .js-form-joingroup .right-wrp{width:calc(100% - 80px)}.msg .js-form-joingroup .right-wrp .msg-group-title{font-size:14px;color:#333;line-height:20px;max-height:40px;overflow:hidden}.msg .js-form-joingroup .right-wrp .msg-group-detail{font-size:12px;font-weight:300;color:#999;line-height:20px;margin-top:10px}.wrapper .mails-select-container .mailList_search{margin:6px 10px}.wrapper .mails-select-container .selectized_filter_box{box-shadow:none}.wrapper .mails-select-container .selectized_filter_box p.title{float:left;top:50%;transform:translateY(-50%);position:absolute;padding-left:10px}.wrapper .mails-select-container .selectized_filter_box .keyword_box{margin-left:65px;margin-right:10px;border:0}.wrapper .filter_box .group_chat .ui-input-text{margin:0 10px;width:calc(100% - 30px)}.wrapper .filter_box.message_search_box{box-shadow:none;padding:6px 0}.wrapper .filter_box.message_search_box .search-navigation-container{border:0}.wrapper .filter_box.message_search_box .search-header-wrp{border:0;width:100%}.bootstrap-tagsinput .keyword_input{margin:0 15px 0 15px;width:calc(100% - 30px) !important;display:inline-block;background-color:#fff;border-color:#ddd !important;color:#333 !important;text-shadow:0 0 0 #f3f3f3 !important}.wrapper .mails_main .unionInfo_content .unionMail_box .message_list_title{padding-bottom:15px}.wrapper .mails_main .unionInfo_content .unionMail_box .message_list_title p.pull-left{font-size:.9rem;color:#666;font-weight:600;line-height:34px}.mails_main.mails-select-container .mailList_content{border-top:0}.mails_main .mailList_content .checkbox_show .write_l_mail_box{margin-left:10px}.mails_main.mails-select-container .mailList_content .checkbox_show.system_mail_box .write_l_mail_box{border-radius:50%;background-color:#fff;background-position:center center;background-size:20px auto;background-repeat:no-repeat}.mails_main.mails-select-container .mailList_content .system_mail_box.ic_mailbox_groups .write_l_mail_box{background-image:url(../images/global/ic-model-black-list-groups@2x.png)}.mails_main .mailList_content .system_mail_box.ic_mailbox_pin .write_l_mail_box{background-image:url(../images/global/ic-model-black-list-pin@2x.png)}.mails_main .mailList_content .system_mail_box.ic_mailbox_phone .write_l_mail_box{background-image:url(../images/global/ic-model-list-call@2x.png)}.mails_main .mailList_content .checkbox_show .l_mail_box--group{margin-left:15px !important;margin-top:25px !important}.mails_main .mailList_content .mail_box .r_mail_box{margin-left:90px}.mails_main .mailList_content .mail_box .mail_box_nocheckbox{margin-left:0;margin-right:0}.mails_main .mailList_content .search_show .l_mail_box{margin-left:20px}.mails_main .mailList_content .search_show .r_mail_box{margin-left:77px}.search_innertext{background-color:#fff0e4}.mails_main.mails-select-container .mailList_content .mail_box .write_r_mail_box{margin-left:10px;width:calc(100% - 60px)}.mails_main.mails-select-container .mailList_content .checkbox_content{padding:0}.mails_main.mails-select-container .mailList_content .mail_box .sender_infor p.system_id{float:none;color:#888}.write_l_mail_box img.sender_pic{width:40px;height:40px;border-radius:50%;position:relative}.mails_main.mails-select-container .mailList_content .checkbox_show.system_group_mail_box .write_l_mail_box{height:40px;overflow:hidden;background-color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mails_main.mails-select-container .mailList_content .checkbox_show.system_group_mail_box .write_l_mail_box.default_club{border:1px solid #e9e9e9}.checkbox_show.system_group_mail_box .write_l_mail_box img.sender_pic{min-height:54px;width:auto;border-radius:0}.write_l_mail_box i{width:40px;height:40px;border-radius:50%;position:relative;background-size:18px auto;background-repeat:no-repeat;background-position:center center;background-color:#fff;border:1px solid #e9e9e9;display:block}.wrapper .mails_main .unionInfo_content .unionMail_box .mail_box .r_mail_box p.mail_header{display:inline-block;font-size:.8rem;line-height:25px;color:#aaa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.floatingImg{width:40px;border-radius:50%;position:absolute;left:50%;top:0;transform:translateX(-50%);border:3px solid #fff}article.header_transparent_title.msg_header{background-color:transparent}.chatview{width:100%;height:100vh;position:fixed;top:0;left:0;right:0;display:none;background:#fff;overflow-x:hidden;overflow-y:visible;z-index:1000}.wrapper .chatview .header_transparent_title{background-color:transparent;z-index:4;color:#fff;width:100%;height:50px;position:fixed;top:0;left:0;right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .50s linear;-moz-transition:all .50s linear;transition:all .50s linear}.wrapper .header_guideline.msg_header a.header_text_link span.header_text{display:none;float:left;text-align:left;color:#fff}.wrapper .header_guideline.msg_header .header_text.msg-title{font-size:15px;line-height:20px;margin-top:7px;letter-spacing:.5px}.wrapper .header_guideline.msg_header .header_text.msg-title span{padding-left:3px}.wrapper .header_guideline.msg_header .header_text.msg-sx-title{font-size:12px;font-weight:400;line-height:15px;margin-top:2px;opacity:.7}.wrapper .header_guideline.msg_header_fixed{background-color:#d53e7b;z-index:1000}.wrapper .header_guideline.msg_header_fixed a{height:50px}.wrapper article.header_guideline.msg_header_fixed a.back_btn i.ic_header_arrow_left{height:50px}.wrapper .header_guideline.msg_header_fixed a.header_text_link span.header_text{display:block;width:calc(100% - 90px);left:0;height:auto !important}.wrapper article.header_guideline.msg_header_fixed_group a.header_text_link{width:calc(100% - 50px)}.wrapper .header_guideline.msg_header_fixed .header-msg-img{float:left;width:32px;height:32px;border-radius:50%;top:calc((100% - 32px)/2);margin-right:10px;object-fit:cover}.wrapper .header_guideline.msg_header_fixed .header-club-img-box{float:left;width:32px;height:32px;top:calc((100% - 32px)/2);margin-right:10px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper .header_guideline.msg_header_fixed .header-club-img-box .header-msg-img{top:0;margin-right:0;min-height:46px;width:auto;border-radius:0}.wrapper article.header_transparent_title a.group_amount_btn{width:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper article.header_transparent_title a.group_amount_btn i{width:20px;background-size:auto 20px}.wrapper article.header_transparent_title a.group_amount_btn span{color:#fff;font-size:14px;margin-left:3px;font-family:sans-serif}.wrapper .alone-msg-containter{padding-top:50px;min-height:calc(100vh - 60px)}.wrapper .chatview .mails_main{min-height:calc(100vh - 110px)}.wrapper .mails_main.chatviewPage_content{min-height:calc(100vh - 110px)}.profile{overflow:hidden;text-align:center;color:#fff}.p1 .profile{background:#fff url("../images/image/benefit_community_bg@2x.jpg") 0 0 no-repeat;background-size:cover;background-position:center center;padding-top:25px;padding-bottom:20px}.profile:after{content:"";background-color:rgba(0,0,0,0.5)}.profile .filter-overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.profile p{font-weight:600;font-size:16px;line-height:20px;color:#fff;text-shadow:none;-webkit-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-moz-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-ms-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-o-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000)}.profile p.animate{color:#fff;opacity:1;-webkit-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-moz-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-ms-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);-o-transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000);transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000)}.profile span{font-weight:400;font-size:11px}.profile p.user-id{opacity:.75;font-size:14px;margin:5px auto 10px}.profile p.profile-title{margin:0 20px;max-height:40px;overflow:hidden;letter-spacing:.5px}.profile .user-photo{width:60px;height:60px;border-radius:50%;background:#FFF;position:relative;margin:0 auto;-webkit-box-shadow:none;box-shadow:none}.profile .user-photo img{width:100%;border-radius:50%;border:2px solid #fff}.close-chat{position:absolute;top:8px;opacity:.8;right:10px;width:20px;height:20px;cursor:pointer}.close-chat:hover{opacity:1}.message--group-total{font-size:16px;padding:3px 0}.cx,.cy{background:#fff;position:absolute;width:0;top:15px;right:15px;height:3px;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.cx.s1,.cy.s1{right:0;width:20px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.cy.s2{-ms-transform:rotate(50deg);-webkit-transform:rotate(50deg);transform:rotate(50deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.cy.s3{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.cx.s1{right:0;width:20px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.cx.s2{-ms-transform:rotate(140deg);-webkit-transform:rotate(140deg);transform:rotate(140deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.cx.s3{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 100ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.modal .member-list-containter .member-text{margin-bottom:10px}.modal .member-list-containter .member-text:after{content:"";clear:both;display:table}.modal .member-list-containter .member-text:last-of-type{margin-bottom:0}.modal .member-list-containter .user-img{float:left;width:30px;height:30px;margin-right:10px;border-radius:50%}.modal .member-list-containter .user-id{float:left;font-size:14px;color:#555;line-height:30px}.modal .member-list-containter .member-text i.ic-model-yellow-circle-crown{background-size:12px auto;background-color:#fff;width:16px;height:16px;position:absolute;left:18px;bottom:-4px;top:auto;border-radius:50%}.send-select-member-container ul.member-list{padding:0 10px;margin:0;border-bottom:1px solid #ececec;max-height:220px;overflow-y:visible;overflow-x:hidden}.send-select-member-container ul.member-list>li{margin-bottom:10px}.send-select-member-container ul.member-list>li.title{font-size:13px;font-weight:600;color:#aaa;line-height:20px;padding-top:10px}.send-select-member-container ul.member-list>li>a{display:block;font-size:14px;color:#555;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.send-select-member-container ul.member-list>li>a>.left-wrp{width:40px;height:40px;margin-right:10px;border:1px solid #e9e9e9;border-radius:50%;background-color:#fff;background-position:center center;background-size:18px auto;background-repeat:no-repeat}.send-select-member-container ul.member-list>li>a>.left-wrp>img{width:100%;border-radius:50%}.send-select-member-container ul.member-list>li>a>.right-wrp{width:calc(100% - 50px)}.send-select-member-container ul.member-list>li>a>.right-wrp>p{display:block;width:100%}.send-select-member-container ul.member-list>li>a>.right-wrp>p:after{content:"";display:table;clear:both}.send-select-member-container ul.member-list>li>a>.right-wrp>p>span{float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%}.send-select-member-container ul.member-list>li>a>.right-wrp>p>span.number{padding-left:2px}.send-select-member-container ul.member-list>li>a>.right-wrp>p.text-grey{color:#999;font-size:12px;font-weight:400}.send-select-member-container ul.member-list>li.ic-system-group-people>a>.left-wrp{background-image:url(../images/global/ic-model-black-list-groups@2x.png)}.send-select-member-container ul.member-list>li.ic-system-group-phone>a>.left-wrp{background-image:url(../images/global/ic-model-list-call@2x.png)}.send-select-member-container ul.member-list>li.ic-system-group-location>a>.left-wrp{background-image:url(../images/global/ic-model-black-list-pin@2x.png)}.send-select-member-container a.cancel-btn{width:24px;height:24px;position:absolute;right:5px;top:5px;background:url(../images/global/ic-model-grey-list-thin-cancel@2x.png) no-repeat center center transparent;background-size:24px auto;opacity:.6}.send-select-member-container a.cancel-btn:active{opacity:.3}.groupMember-info-modal.modal .modal-dialog,.sendMember-info-modal.modal .modal-dialog{top:0;bottom:0;left:0;right:0;margin:0 auto;transform:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.groupMember-info-modal.modal .modal-content,.sendMember-info-modal.modal .modal-content{min-width:300px}.groupMember-info-modal.modal .modal-content .member-list-containter,.sendMember-info-modal.modal .modal-content .member-list-containter{max-height:416px;overflow-y:scroll}.message-text .message-system__share .link_share_con{background-color:#f4f4f4;border-radius:4px;margin:4px 0;overflow:hidden}.message-text .message-system__share .link_share_con p.link_text{float:left;font-size:.7rem;font-weight:400;line-height:20px;padding:5px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 40px);margin-bottom:0;border:1px solid #c9c9c9;border-right:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.message-text .message-system__share .link_share_con span.link_share_btn{float:right;background:url(../images/start_event/ic-modal-icon-link@2x.png) no-repeat center center/ 20px auto #b9b9b9;padding:17px 12px 15px 15px;border-top-right-radius:4px;border-bottom-right-radius:4px;width:40px}.message-text .message-system__share .link_share_con:after{content:"";clear:both;display:table}.message-text .message-system__share .share_btns{margin:10px auto 15px;text-align:left}.message-text .message-system__share .share_btns a{display:inline-block;width:46px;height:46px;padding:0;margin:0 5px;text-align:center;border-radius:50%}.message-text .message-system__share .share_btns a:active{opacity:.8}.message-text .message-system__share .share_btns a.fb_share{background:url(../images/image/icon_small_fb_hover.png) no-repeat center center / 20px auto #3b5998}.message-text .message-system__share .share_btns a.line_share{background:url(../images/image/icon_small_line2_hover.png) no-repeat center center / 28px auto #3eaf36}.message-text .message-system__share .share_btns a.email_share{background:url(../images/start_event/icon_white_mail@2x.png) no-repeat center center #ffc600;background-size:22px auto}.fancybox-bg{background:#444}.fancybox-is-open .fancybox-bg{opacity:1}.message.left .message-text span.return_hint_text{color:#5e6db2}.message.left .message-text span.bold{font-weight:bold}.mailWrite-btn-box{position:fixed;right:20px;bottom:70px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto !important;-webkit-animation:message-btn-box .25s ease !important;animation:message-btn-box .25s ease !important}.mailWrite-btn-box a.circle-chat-btn{background-color:#ffb200;border:1px solid #f9ac00;border-radius:50%;text-align:center;display:block;padding:17px;box-shadow:0 0 18px rgba(0,0,0,0.45)}.mailWrite-btn-box a.circle-chat-btn:active{background-color:#fbae00}.mailWrite-btn-box a.circle-chat-btn>i{width:24px;height:24px;background-size:24px auto;display:block}.mailWrite-btn-box a.circle-chat-btn span.message-amount{font-size:14px !important;width:24px;height:24px;line-height:24px;position:absolute;right:0;top:0}@media screen and (min-width:768px){.mailWrite-btn-box{right:calc((100% - 734px)/2)}.mailWrite-btn-box .popup-remind-container-fixed{right:calc((100% - 590px)/2)}}.bottom-userlist-container{background-color:#fff;padding:12px 0;border-top:1px solid #e9e9e9;overflow-y:auto}.bottom-userlist-container ul.user-list{margin:0;padding-left:15px;display:flex}.bottom-userlist-container ul.user-list:after{content:"";display:table;clear:both}.bottom-userlist-container ul.user-list li{float:left;margin-left:12px;width:40px;height:40px}.bottom-userlist-container ul.user-list li:first-of-type{margin-left:0}.bottom-userlist-container ul.user-list li a{border:0;padding:0;display:block;border-radius:0;height:40px}.bottom-userlist-container ul.user-list li a:active{opacity:.8;background-color:transparent}.bottom-userlist-container ul.user-list li img{width:40px;height:40px;border-radius:50%}.bottom-userlist-container ul.user-list li i.delete-btn{background:url(../images/global/ic-header-close-white@2x.png) no-repeat center center / 6px auto #c3c3c3;height:16px;width:16px;border-radius:50%;position:absolute;top:-2px;right:-2px}.mails_main.mails-submit-container.mails-invite-container{padding-bottom:110px}.mails-submit-container .mfp-submit-btns-con.submit-start-event-con{font-size:16px}.mails-submit-container .mfp-submit-btns-con.submit-start-event-con a{width:100%;margin:0}.wrapper .message-div{margin:20px 10px 20px}.wrapper .message-div .alone-msg-containter{padding-top:0;min-height:auto;padding-bottom:50px}.wrapper .message-div .mails_main.chatviewPage_content{min-height:auto}.wrapper .message-div .message.system .message-text{margin:0}.wrapper .message-div .msg{padding-bottom:0}.wrapper .message-div .ui-content.mails_main{margin:0 auto 0 auto}.wrapper .mails_main.chatviewPage_content{min-height:calc(100vh - 110px)}.wrapper .system-message-div .alone-msg-containter{padding-top:0;min-height:auto}.wrapper .system-message-div .mails_main.chatviewPage_content{min-height:auto}.wrapper .system-message-div .ui-content.mails_main{margin:auto}.wrapper .system-message-div .msg{padding-bottom:0}.wrapper .system-message-div{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;margin:20px 10px 20px}.wrapper .system-message-div .system-message-content{flex:1 1 auto;min-height:1px}.wrapper .system-message-div .message.system .message-text{margin:0}