/*在线客服浮动窗 Start*/
/*浮动窗 First*/
.icon-tool_whatsapp1:before{content: "\e653";}
.icon-tool_telegram1:before{content: "\e607";}
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
#go_top:hover{ text-decoration:none;}

#chat_window{position:fixed; right:30px; bottom:90px; z-index:10000;}

#chat_window .chat_box.cur .box{ height: auto; overflow: unset; }
#chat_window .chat_box.cur .box .more{ display:none; }
#chat_window .chat_box .box{ margin-bottom: 6px; width: 100%; height: 50px; overflow: hidden; }
#chat_window .chat_box .chat_item{display: block;position: relative;width: 60px;height: 60px;border-radius: 100%;margin-bottom: 6px;}
#chat_window .chat_box .chat_item:last-child{ margin-bottom: 0;}
#chat_window .chat_box .chat_item::before { position: absolute; top: 50%; left: 50%; font-size: 36px; color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f48d2c;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #07c261;background-position: 0 -200px;background-image: url("/img/wx.png");background-size: 60% 60%;background-position: center;background-repeat: no-repeat}
#chat_window .chat_box .chat_whatsapp{background-color: #4dc247;background-position: 0 -250px;}
#chat_window .chat_box .chat_telegram{background-color: #36aae8;}
#chat_window .chat_box .chat_line{background-color: #06c755;}
#chat_window .icon-tool_line1{background-image: url("/img/line.png");background-size: 60% 60%;background-position: center;background-repeat: no-repeat} 
#chat_window .chat_box .abs{display:none; margin-right:50px; position:absolute; top:0; right:0;}
#chat_window .chat_box .more_box{background:#fff; border:1px solid #e8e8e8; border-radius:5px; margin-right:16px; position:relative;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
#chat_window .chat_box .chat_wechat .abs{top: auto;bottom: -78px;}
#chat_window .chat_box .chat_wechat .more_box::before{top: auto;bottom: 95px;}
#chat_window .chat_box .chat_wechat .more_box::after{top: auto;bottom: 95px;}
#chat_window .chat_box .chat_wechat .more_box .hidden{padding: 10px;overflow: hidden;max-height: none;display: flex;flex-wrap: wrap;width: 294px;}
#chat_window .chat_box .chat_wechat .abs.count1 .more_box .hidden{width: 147px;}
#chat_window .chat_box .chat_line .abs{top: auto;bottom: -78px;}
#chat_window .chat_box .chat_line .more_box::before{top: auto;bottom: 95px;}
#chat_window .chat_box .chat_line .more_box::after{top: auto;bottom: 95px;}
#chat_window .chat_box .chat_line .more_box .hidden{padding: 10px;overflow: hidden;max-height: none;display: flex;flex-wrap: wrap;width: 294px;}
#chat_window .chat_box .chat_line .abs.count1 .more_box .hidden{width: 147px;}
#chat_window .chat_box .more_box .hidden{  padding:10px 0; max-height: 300px; overflow-y: auto; }
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar{ border-radius: 10px; width: 8px; height: 16px; background-color: #F5F5F5; }
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar-track{ border-radius: 10px; background-color: #f1f1f1; }
#chat_window .chat_box .more_box .hidden::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #c1c1c1; }
#chat_window .chat_box .more_box:before{content:''; border-width:7.5px 0 7.5px 8px; border-color:transparent; border-left-color:#e8e8e8; border-style:solid; position:absolute; top:19px; right:-9px;}
#chat_window .chat_box .more_box:after{content:''; border-width:7.5px 0 7.5px 8px; border-color:transparent; border-left-color:#fff; border-style:solid; position:absolute; top:19px; right:-8px;}
#chat_window .chat_item:hover .abs{display:block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
#chat_window .chat_box .more_box a:hover{background: #effaf7;text-decoration: none;}
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .more_box.bottom:before{top:auto; bottom:19px;}
#chat_window .chat_box .more_box.bottom:after{top:auto; bottom:19px;}
#chat_window .chat_box .more_box .wechat_item{width: 127px;padding: 16px;box-sizing: border-box;margin: 10px;text-align: center;background-color: #f6f6f6;border-radius: 5px;}
#chat_window .chat_box .more_box .wechat_item .wechat_code{width: 95px;height: 95px;margin-bottom: 10px;}
#chat_window .chat_box .more_box .wechat_item .wechat_name{font-family: "Microsoft YaHei";font-size: 14px;color: #333;}
#chat_window .chat_box .menu a{width: 60px;height: 60px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url(/static/v1/v6.0150/static/images/ico/icon_chat_menu.png) no-repeat 0 0;background-size: 60px auto;}
#chat_window .chat_box .menu .more.disable{ opacity: 0; }
#chat_window .chat_box .menu #go_top{display: none;}
#chat_window .chat_box .menu .top{background-position: 0 -60px; background-color:#b0b0b0;}
#chat_window .chat_box .box .more	{width: 60px;height: 60px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url(/static/v1/v6.0150/static/images/ico/icon_chat_menu.png) no-repeat 0 0;}

@media screen and (max-width: 1000px){
	#chat_window .chat_box .abs{margin-right: 40px;}
	#chat_window .chat_box .box{ height: 40px; }
	#chat_window .chat_box .box .more{ width: 40px; height: 40px; background-position: center -4px; }
	#chat_window{ right: 15px; bottom: 202px; }
	#chat_window .chat_box .chat_item{ width: 40px; height: 40px; }
	#chat_window .chat_box .chat_item::before { font-size: 26px; }
	#chat_window .chat_box .menu a{ width: 40px; height: 40px; background-size: 40px auto;}
	#chat_window .chat_box .menu #go_top{ background-position: center -40px; }
	#chat_window .chat_box .more_box .wechat_item{margin: 5px;}
	#chat_window .chat_box .chat_wechat .more_box .hidden{width: 274px;padding: 5px;}
	#chat_window .chat_box .chat_wechat .more_box::before{bottom: 85px;}
	#chat_window .chat_box .chat_wechat .more_box::after{bottom: 85px;}
	#chat_window .chat_box .chat_wechat .abs.count1 .more_box .hidden{width: 137px;}
	#chat_window .chat_box .more_box .hidden{ max-height: 100px; }
}

#float_message{ position: fixed; right: 0; bottom: 0; width: 300px; background-color: #fff; border-radius: 5px 5px 0 0; z-index: 10000; overflow: hidden; box-shadow: 0px 8px 14px 0px #aaa; }
#float_message .message_title{ height: 40px; line-height: 40px; text-indent: 15px; font-size: 14px; background-color: #000; color: #fff; cursor: pointer; position: relative; }
#float_message .message_title i{ position: absolute; top: 50%; right: 13px; transform: translateY(-50%); font-size: 12px; }
#float_message .message_box{ padding: 20px; height: 400px; overflow-y: auto; box-sizing: border-box; }
#float_message .message_box::-webkit-scrollbar {width: 5px; background: #fff;border-radius: 5px;}
#float_message .message_box::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 5px;}
#float_message .message_box::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.3);}
#float_message .message_box .message_form .global_inquiry_form .rows{ margin-top: 10px; }
#float_message .message_box .message_form .global_inquiry_form .input_txt{ padding: 0 10px; height: 36px; line-height: 36px; font-size: 12px; border: 1px solid #ddd ; }
#float_message .message_box .message_form .global_inquiry_form .textarea_txt{ height: 100px; border: 1px solid #ddd; }
#float_message .message_box .message_form .global_inquiry_form .field_rows .rows:first-child{ margin-top: 0; font-size: 12px; }
#float_message .message_box .message_form .global_inquiry_form .global_select_box{ border: 1px solid #ddd; border-radius: 5px; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box{ padding: 0; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box{ margin: 10px 10px 0 0; width: 75px; height: 75px; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box .pic_box{ width: 75px; height: 73px; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box:last-child{ margin-right: 0; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box{ padding: 0; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box{ margin: 10px 10px 0 0; width: 75px; height: 75px; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box .upload_file{ width: 75px; height: 75px; }
#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box .pic_box{ width: 75px; height: 75px; }
#float_message .message_box .message_form .global_inquiry_form .inquiry_submit { margin-top: 10px; display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; }
#float_message .message_box .message_form .global_inquiry_form .global_select_box .select_ul{ max-height: 200px; }
@media screen and (max-width: 1000px) {
	#float_message{ width: 250px; }
	#float_message .message_box{ height: 300px; padding: 15px 12px; }
	#float_message .message_box .message_form .global_inquiry_form .rows>.label{ font-size: 12px; }
	#float_message .message_box .message_form .global_inquiry_form .inquiry_submit{ height: 28px; line-height: 28px; font-size: 12px; }
	#float_message .message_box .message_form .global_inquiry_form .global_select_box .input_case input.imitation_select{ font-size: 12px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box{ margin-top: 0; width: 65px; height: 65px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box .pic_box{ width: 65px; height: 65px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_img_box .upload_box:last-child{ margin-top: 0; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box{ margin-top: 0; width: 65px; height: 65px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .inbox_popup_input .upload_box,
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box:nth-child(3) { margin-right: 0; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box svg{ width: 45px; height: 45px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box .pic_box{ width: 65px; height: 65px; }
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .inbox_popup_input .upload_box, 
	#float_message .message_box .message_form .global_inquiry_form .form_tool_file_box .upload_box:nth-child(3){ margin-top: 0; }
}


/*隐藏头部只有一种货币效果*/
.crossn li .crossn_currency_none dt,#header .toper li .crossn_currency_none dt{ background:none !important; padding-right:0 !important;}
.crossn li:hover .crossn_currency_none dt,#header .toper li:hover .crossn_currency_none dt{ border:1px solid transparent !important; position:static !important; border-radius:0 !important;}
.crossn li:hover .crossn_currency_none dd,#header .toper li:hover .crossn_currency_none dd,#toper li:hover .crossn_currency_none dd{ display:none !important;}

/* 右侧弹窗 */
#fixed_right_div_mask{width:100%; height:100%; background:#000; opacity:0.6; position: fixed; top:0; left:0; z-index:9000; display:none;cursor: pointer;}
#fixed_right{width:40%; overflow:hidden; background:#fff; position:fixed; z-index:10001; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transform:perspective(10001px);box-shadow:1px 0px 3px 1px rgba(6,142,239,0.3)}
#fixed_right .global_container { margin-top: 10px; padding: 20px; font-size: 14px; background-color: #fff; border-radius: 5px; }
#fixed_right.show{right: 0;}
#fixed_right.loading{background: #fff url(/static/v1/v6.0150/static/images/frame/loading_oth.gif) no-repeat center;}
#fixed_right>.global_container{display: none; margin-top: 0;}
#fixed_right .top_title{min-height: 35px;line-height: 35px;font-size: 20px; color: #1f2227;margin-bottom: 15px;}
#fixed_right .top_title .close{position: relative;display: inline-block;margin-left: 12px;margin-top: -3px;width: 32px;height: 32px;vertical-align: middle;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius: 15.5px;}
#fixed_right .top_title .close:before{position: absolute;content: '';width: 28px;height: 2px;top: 15px;left: 2px;background: #bbb;}
#fixed_right .top_title .close:after{position: absolute;content: '';width: 2px;height: 28px;top: 2px;left: 15px;background: #bbb;}
#fixed_right .global_container,body #fixed_right .global_container{overflow-y:auto;position: static;}
#fixed_right.loading .global_container{background: none;}
#fixed_right .top_menu{border-bottom: 1px #e1e1e1 solid; height:26px; line-height:26px; margin-top:5px}
#fixed_right .top_menu li{ float:left; height:26px; margin-right:10px; font-size:14px;}
#fixed_right .top_menu li a{ display:inline-block;}
#fixed_right .top_menu li a.current{ color: var(--primaryColor); border-bottom:1px solid var(--primaryColor);}
#fixed_right .box_submit{width: 100%; background-color:#f8f8f8; border-top:1px #e1e1e1 solid;  padding:10px 20px; margin: 0; position:absolute; bottom:0; left:0; box-sizing: border-box;}
#fixed_right .box_submit .btn_global{margin-right: 20px;}
#fixed_right .box_select{max-width: none;}
#fixed_right .global_container::-webkit-scrollbar {width: 5px; background: #fff;border-radius: 5px;}
#fixed_right .global_container::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 5px;}
#fixed_right .global_container::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.3);}

@media screen and (min-width: 1000px) {
	#fixed_right{  top:0; bottom:0; right:-40%; }
}
@media screen and (max-width: 1000px) {
	#fixed_right{ width: 100%; left: 50%; transform: translateX(-50%); bottom: -100%; overflow-y: auto; }
	#fixed_right .top_title .close{ float: right; }
}

@font-face {
  font-family: "iconfont"; /* Project id 3745766 */
  src: url(/static/v1/v6.0150/static/font/iconfont.woff2?t=1711331485162) format('woff2'),
       url(/static/v1/v6.0150/static/font/iconfont.woff?t=1711331485162) format('woff'),
       url(/static/v1/v6.0150/static/font/iconfont.ttf?t=1711331485162) format('truetype'),
       url(/static/v1/v6.0150/static/font/iconfont.svg?t=1711331485162#iconfont) format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line-copy:before {
  content: "\e714";
}

.icon-yulantubiaosvg:before {
  content: "\e656";
}

.icon-xiazaitubiaosvg:before {
  content: "\e655";
}

.icon-filter1:before {
  content: "\e712";
}

.icon-tumblr:before {
  content: "\e849";
}

.icon-line:before {
  content: "\e6fb";
}

.icon-24gl-telephone:before {
  content: "\e953";
}

.icon-tianjiawenjian:before {
  content: "\e654";
}

.icon-ppt1:before {
  content: "\e6c9";
}

.icon-csv:before {
  content: "\e6d2";
}

.icon-excel1:before {
  content: "\e6d4";
}

.icon-txt1:before {
  content: "\e6d5";
}

.icon-pdf1:before {
  content: "\e6d6";
}

.icon-word1:before {
  content: "\e6d7";
}

.icon-a-32yasuowenjian:before {
  content: "\e6e4";
}

.icon-a-whatsapp1:before {
  content: "\e653";
}

.icon-a-telegram-planexiugaiban:before {
  content: "\e607";
}

.icon-download1:before {
  content: "\e651";
}

.icon-arrow10:before {
  content: "\e605";
}

.icon-inquiry3:before {
  content: "\e70d";
}

.icon-language1:before {
  content: "\e70c";
}

.icon-language2:before {
  content: "\e70a";
}

.icon-inquiry2:before {
  content: "\e70b";
}

.icon-tell1:before {
  content: "\e709";
}

.icon-address1:before {
  content: "\e704";
}

.icon-tool_email2:before {
  content: "\e705";
}

.icon-member7:before {
  content: "\e706";
}

.icon-play1:before {
  content: "\e708";
}

.icon-search1:before {
  content: "\e601";
}

.icon-search2:before {
  content: "\e602";
}

.icon-search3:before {
  content: "\e603";
}

.icon-search4:before {
  content: "\e604";
}

.icon-search5:before {
  content: "\e608";
}

.icon-shoppingcart1:before {
  content: "\e609";
}

.icon-shoppingcart2:before {
  content: "\e60a";
}

.icon-shoppingcart3:before {
  content: "\e60b";
}

.icon-shoppingcart4:before {
  content: "\e60d";
}

.icon-shoppingcart5:before {
  content: "\e60e";
}

.icon-member1:before {
  content: "\e60f";
}

.icon-member2:before {
  content: "\e610";
}

.icon-member3:before {
  content: "\e611";
}

.icon-member4:before {
  content: "\e612";
}

.icon-member5:before {
  content: "\e613";
}

.icon-home1:before {
  content: "\e615";
}

.icon-facebook1:before {
  content: "\e801";
}

.icon-youtube1:before {
  content: "\e87c";
}

.icon-linkedin1:before {
  content: "\e666";
}

.icon-google1:before {
  content: "\e87a";
}

.icon-pinterest1:before {
  content: "\e614";
}

.icon-instagram1:before {
  content: "\e736";
}

.icon-vk1:before {
  content: "\e932";
}

.icon-twitter1:before {
  content: "\e9b2";
}

.icon-linkedin2:before {
  content: "\e698";
}

.icon-vk2:before {
  content: "\e923";
}

.icon-google2:before {
  content: "\e886";
}

.icon-pinterest2:before {
  content: "\f211";
}

.icon-twitter2:before {
  content: "\e64c";
}

.icon-facebook2:before {
  content: "\e64e";
}

.icon-instagram2:before {
  content: "\e684";
}

.icon-youtube2:before {
  content: "\e616";
}

.icon-facebook3:before {
  content: "\e61a";
}

.icon-twitter3:before {
  content: "\e61b";
}

.icon-youtube3:before {
  content: "\e61c";
}

.icon-pinterest3:before {
  content: "\e61d";
}

.icon-instagram3:before {
  content: "\e61e";
}

.icon-linkedin3:before {
  content: "\e61f";
}

.icon-google3:before {
  content: "\e620";
}

.icon-vk3:before {
  content: "\e621";
}

.icon-tiktok1:before {
  content: "\e8db";
}

.icon-tiktok2:before {
  content: "\e622";
}

.icon-tiktok3:before {
  content: "\e623";
}

.icon-arrow1:before {
  content: "\e6bd";
}

.icon-mb_menu1:before {
  content: "\e624";
}

.icon-mb_menu2:before {
  content: "\e625";
}

.icon-mb_add1:before {
  content: "\e600";
}

.icon-mb_add2:before {
  content: "\e617";
}

.icon-mb_add3:before {
  content: "\e64d";
}

.icon-mb_cut3:before {
  content: "\e626";
}

.icon-mb_cut2:before {
  content: "\e627";
}

.icon-mb_cut1:before {
  content: "\e628";
}

.icon-arrow2:before {
  content: "\e62b";
}

.icon-favorite1:before {
  content: "\e629";
}

.icon-favorite3:before {
  content: "\e62a";
}

.icon-favorite4:before {
  content: "\e62c";
}

.icon-favorite2:before {
  content: "\e62d";
}

.icon-mb_add4:before {
  content: "\e62e";
}

.icon-mb_cut4:before {
  content: "\e62f";
}

.icon-newsletter1:before {
  content: "\e630";
}

.icon-close1:before {
  content: "\e631";
}

.icon-view1:before {
  content: "\e618";
}

.icon-star1:before {
  content: "\e632";
}

.icon-view2:before {
  content: "\e6a7";
}

.icon-gift1:before {
  content: "\e633";
}

.icon-arrow3:before {
  content: "\e761";
}

.icon-newsletter2:before {
  content: "\e681";
}

.icon-arrow4:before {
  content: "\e634";
}

.icon-newsletter3:before {
  content: "\e678";
}

.icon-newsletter4:before {
  content: "\e652";
}

.icon-tool_email1:before {
  content: "\e635";
}

.icon-tool_wechat1 {
  background-image: url("/img/line.png");background-size: 60% 60%;background-position: center;background-repeat: no-repeat
}


.icon-tool_skype1:before {
  content: "\ec02";
}

.icon-tool_qq1:before {
  content: "\e667";
}

.icon-tool_trademanager1:before {
  content: "\e79f";
}

.icon-tool_arrow1:before {
  content: "\e636";
}

.icon-tool_facebookmessenger1:before {
  content: "\e725";
}

.icon-newsletter5:before {
  content: "\e619";
}

.icon-question1:before {
  content: "\e637";
}

.icon-Tips1:before {
  content: "\e710";
}

.icon-camera1:before {
  content: "\e66f";
}

.icon-delete1:before {
  content: "\e638";
}

.icon-order_review1:before {
  content: "\e60c";
}

.icon-order_shipped1:before {
  content: "\e639";
}

.icon-coupon1:before {
  content: "\e63a";
}

.icon-order_payment1:before {
  content: "\e63b";
}

.icon-arrow5:before {
  content: "\e63c";
}

.icon-dollar1:before {
  content: "\e63d";
}

.icon-delete2:before {
  content: "\e63e";
}

.icon-password1:before {
  content: "\e63f";
}

.icon-send1:before {
  content: "\e640";
}

.icon-arrow6:before {
  content: "\e641";
}

.icon-map1:before {
  content: "\e642";
}

.icon-arrow7:before {
  content: "\e643";
}

.icon-chat1:before {
  content: "\e644";
}

.icon-arrow8:before {
  content: "\e645";
}

.icon-order_shipped2:before {
  content: "\e648";
}

.icon-order_shipped3:before {
  content: "\e649";
}

.icon-picture1:before {
  content: "\e64a";
}

.icon-order_tips2:before {
  content: "\e64b";
}

.icon-order_dollar2:before {
  content: "\e64f";
}

.icon-order_payment2:before {
  content: "\e650";
}

.icon-order_cancel:before {
  content: "\e646";
}

.icon-favorite6:before {
  content: "\e6af";
}

.icon-favorite5:before {
  content: "\e6b0";
}

.icon-shoppingcart6:before {
  content: "\e6c0";
}

.icon-yunshu:before {
  content: "\e6c1";
}

.icon-shanchu:before {
  content: "\e6c2";
}

.icon-facebook4:before {
  content: "\e6d8";
}

.icon-VK4:before {
  content: "\e6d9";
}

.icon-Google4:before {
  content: "\e6da";
}

.icon-paypal1:before {
  content: "\e6db";
}

.icon-tick1:before {
  content: "\e647";
}

.icon-shoppingcart7:before {
  content: "\e6dc";
}

.icon-arrow9:before {
  content: "\e6dd";
}

.icon-member6:before {
  content: "\e6de";
}

.icon-search6:before {
  content: "\e6df";
}

.icon-return1:before {
  content: "\e6e0";
}

.icon-freedelivery1:before {
  content: "\e6e1";
}

.icon-securepayment1:before {
  content: "\e6e2";
}

.icon-service2:before {
  content: "\e6e3";
}

.icon-inquiry1:before {
  content: "\e6fc";
}


img.lozad[data-v-2b20a7bf] {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.ImageMessage_wrap_1ZfS5 {
    position: relative;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.ImageMessage_wrap_1ZfS5 img {
    display: block;
    max-height: 150px;
    max-width: 150px;
    width: auto;
    height: auto;
    border-radius: inherit
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 img {
    filter: blur(1px);
    width: 100px
}

.ImageMessage_wrap_1ZfS5.ImageMessage_loading_1kpr1 .ImageMessage_loading_wrap_3W96k {
    display: block
}

.ImageMessage_temp_img_2Of22 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: inherit
}

@-webkit-keyframes ImageMessage_rotate-ani_3csYl {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes ImageMessage_rotate-ani_3csYl {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ImageMessage_loading_wrap_3W96k {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ImageMessage_loading_icon_22Imu {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #f3f3f3;
    border-top: 3px solid red;
    border-radius: 50%;
    -webkit-animation: ImageMessage_rotate-ani_3csYl .8s linear infinite;
    animation: ImageMessage_rotate-ani_3csYl .8s linear infinite
}

@-webkit-keyframes Loading_rotateAni_3qrEw {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes Loading_rotateAni_3qrEw {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.Loading_loading_36LER {
    -webkit-animation: Loading_rotateAni_3qrEw 2s linear infinite;
    animation: Loading_rotateAni_3qrEw 2s linear infinite
}

.FileMessage_file_s-JsL {
    display: flex;
    align-items: center;
    background-color: inherit;
    color: inherit;
    padding: 5px 10px 5px 5px;
    border-radius: 10px;
    text-decoration: none
}

.FileMessage_file__download_icon_3UP8F {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: inherit
}

.FileMessage_file__uploading_3ZJV4 {
    padding: 5px 10px
}

.FileMessage_file__uploading_3ZJV4 i {
    margin-right: 5px
}

.FileMessage_file__uploading_3ZJV4 span {
    text-decoration: none
}

.UnknowMessage_wrap_9rDJe {
    color: #808695
}

.AudioMessage_wrap_vgVmT {
    cursor: pointer;
    min-width: 60px;
    display: inline-block;
    line-height: 16px;
    white-space: nowrap
}

.AudioMessage_wrap_playing_2QMo_ i {
    color: #3348ff
}

.AudioMessage_wrap_vgVmT i {
    vertical-align: middle;
    font-weight: 700
}

.AudioMessage_wrap_vgVmT em {
    font-style: normal;
    margin-left: 5px;
    vertical-align: middle
}

.Star_star_2MMn2 {
    position: relative;
    width: 150px;
    display: inline-block;
    height: 26px;
    overflow: hidden;
    font-size: 0
}

.Star_star_2MMn2 i {
    width: 20px;
    padding-right: 10px;
    color: #ccc
}

.Star_star__selected_1PFQl {
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    overflow: hidden;
    width: 0
}

.Star_star__selected_1PFQl i {
    color: #f9e216;
    padding-right: 10px
}

.ScoreTpl_score_2SHR0 {
    padding: 12px 20px;
    text-align: center
}

.ScoreTpl_score__star_2gkDJ {
    text-align: center
}

.ScoreTpl_score__btns_23UA2 {
    text-align: right;
    margin-top: 10px
}

.ScoreTpl_score__btns_23UA2 button {
    background: #0045b0;
    color: #fff;
    border: none;
    height: 26px;
    min-width: 50px;
    max-width: 70%;
    border-radius: 12px
}

.ScoreTpl_score_2SHR0 textarea {
    border-radius: 12px;
    border: 0;
    padding: 5px;
    line-height: 20px;
    resize: none;
    min-width: 170px;
    width: cacl(70%)
}

.ScoreTpl_score__error_2BqLv {
    color: #ed4014
}

.ScoreTpl_score__success_1xI1L i {
    color: #19be6b;
    vertical-align: middle
}

.PromotionalCard_card__item_3Th3v {
    border-radius: 0;
    padding: 12px 20px
}

.PromotionalCard_card__content_3vRsy {
    display: flex;
    width: 260px;
    height: 150px;
    background: #fff;
    border-radius: 13px
}

.PromotionalCard_card__content__left_38_RZ {
    flex: 1;
    border-right: 1px solid rgba(43,85,216,.1);
    padding: 10px 6px
}

.PromotionalCard_card__content__right_jwF4W {
    flex: 1
}

.PromotionalCard_card__content__image_2tuiq {
    width: 100%;
    height: 100%;
    border-radius: 0 13px 13px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.PromotionalCard_card__content__discount_wrtEH {
    height: 100px;
    position: relative
}

.PromotionalCard_card__content__discount_num_dH5eg {
    font-size: 70px
}

.PromotionalCard_card__content__discount_percent_1o5r9 {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    font-weight: 700
}

.PromotionalCard_card__content__discount_text_nL5a3 {
    position: absolute;
    right: 10px;
    top: 60px;
    font-size: 14px;
    font-weight: 700
}

.PromotionalCard_card__content__text_2s-SO {
    word-break: break-word;
    white-space: pre-wrap;
    max-height: 32px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    font-weight: 700
}

.PromotionalCard_card__content__input_Y1lEH {
    margin-top: 16px
}

.PromotionalCard_card__content__input_error_3DGik {
    position: relative
}

.PromotionalCard_card__content__input_error_3DGik input {
    border-color: red
}

.PromotionalCard_card__content__input_error_3DGik p {
    color: red;
    position: absolute;
    left: 0;
    bottom: -15px;
    text-indent: 10px;
    font-size: 12px
}

.PromotionalCard_card__content__email_218M1 {
    border-radius: 16px;
    height: 26px;
    line-height: 26px;
    border: 1px solid rgba(0,0,0,.3);
    outline: none;
    display: block;
    width: 260px;
    padding: 0 15px
}

.PromotionalCard_card__content__btn_1-Jyk {
    margin: 0;
    margin-top: 15px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 260px;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@-webkit-keyframes PromotionalCard_shake_xvhqy {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes PromotionalCard_shake_xvhqy {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.PromotionalCard_shake_xvhqy {
    -webkit-animation: PromotionalCard_shake_xvhqy .8s ease-in-out;
    animation: PromotionalCard_shake_xvhqy .8s ease-in-out
}

.mobile .PromotionalCard_card__content_3vRsy {
    width: 280px;
    height: 160px
}

.mobile .PromotionalCard_card__content__discount_wrtEH {
    height: 100px;
    position: relative
}

.mobile .PromotionalCard_card__content__discount_num_dH5eg {
    font-size: 74px
}

.mobile .PromotionalCard_card__content__email_218M1 {
    width: 100%
}

.index_tpl_1pLbQ {
    padding: 12px 20px;
    letter-spacing: 0
}

.index_tpl_1pLbQ>:last-child {
    margin-bottom: 0
}

.index_tpl__text_2s7Oy {
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 10px;
    line-height: 1.4
}

.index_tpl__img_2cx5- {
    width: 100%
}

.index_tpl__img_2cx5- img {
    display: block;
    max-width: 100%;
    min-width: 100px;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px
}

.index_tpl__btn_group_3oAdt {
    min-width: 22vh
}

.index_tpl__btn_group_3oAdt button {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 30px;
    background: #fff;
    color: #252525;
    z-index: 1;
    position: relative;
    white-space: normal;
    height: auto;
    min-height: 30px;
    line-height: 14px;
    margin-top: 10px;
    border: 0;
    font-size: 14px
}

.index_tpl_oneimg_pYMLN {
    padding: 0;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.index_tpl_oneimg_pYMLN .index_tpl__img_2cx5- img {
    border-radius: inherit
}

.index_unknow_2y3RB {
    display: block
}

.AiReplyMessage_wrap_3Hah0 {
    position: relative;
    min-width: 100px
}

.AiReplyMessage_wrap_3Hah0:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.AiReplyMessage_wrap_3Hah0:hover .AiReplyMessage_reply__time_3ew4M {
    display: block
}

.AiReplyMessage_reply_text_2_2ya {
    float: left;
    border-radius: 12px 12px 12px 3px;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    line-height: 1.4;
    padding: 16px 20px;
    word-break: break-word;
    position: relative
}

.AiReplyMessage_reply_postback_3gfpp {
    position: relative;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 0 12px;
    line-height: 1.4;
    padding: 10px;
    word-break: break-word;
    white-space: pre-wrap;
    float: right
}

.AiReplyMessage_question_list_3Ihcu {
    float: right;
    display: block;
    width: 100%;
    list-style: none;
    text-align: right;
    margin-top: 20px
}

.AiReplyMessage_question_list__item_1bTuv {
    cursor: pointer;
    padding: 8px 10px;
    display: inline-block;
    margin: 5px 0 5px 5px;
    color: #252525;
    border-radius: 20px;
    border: 1px solid transparent
}

.AiReplyMessage_question_list__item_1bTuv:hover {
    border-color: #252525
}

.AiReplyMessage_reply_inner_2Yt8d {
    position: relative;
    float: left;
    border-radius: 12px 12px 12px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    padding: 10px
}

.AiReplyMessage_reply_inner__text_R4Qlz {
    background: #f0f2f7;
    line-height: 1.4;
    word-break: break-word;
    white-space: pre-wrap
}

.AiReplyMessage_reply_inner_2Yt8d img {
    display: block;
    max-width: 200px;
    width: auto;
    height: auto;
    margin-top: 5px;
    -o-object-fit: contain;
    object-fit: contain
}

.AiReplyMessage_reply__time_3ew4M {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none
}

.AiReplyMessage_reply__time_right_1ghlH {
    right: -10px;
    left: auto;
    bottom: -15px
}

.AiReplyMessage_reply_inner__file_2qKro {
    display: flex;
    align-items: center;
    color: inherit;
    padding: 5px 10px 5px 5px;
    border-radius: 10px;
    text-decoration: none
}

.AiReplyMessage_reply_inner__file_2qKro span {
    margin-left: 8px
}

.Introduction_wrap__AGke {
    background: #f2f6fd;
    border-radius: 8px;
    position: relative
}

.Introduction_icon_tfPwt {
    background: #5498f3;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -20px;
    text-align: center
}

.Introduction_icon_tfPwt i {
    line-height: 40px;
    color: #fff
}

.Introduction_intro__detail__text_2Nso8 {
    height: 20px;
    left: 40px;
    top: 364px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.Introduction_intro__text_1q0u_ {
    color: rgba(37,37,37,.39)
}

.Introduction_intro__item_3rn_w {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #fff;
    color: rgba(37,37,37,.39);
    margin-top: 10px;
    border-radius: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Introduction_intro__item__icon_kUEyI {
    color: #00b85d;
    transform: scale(.6)
}

.Introduction_message__list_3RqdN {
    overflow: hidden;
    padding: 30px 20px 10px 20px;
    list-style: none
}

.Introduction_message__list_more_3uNfO {
    height: 72px;
    transition: height .3s
}

.Introduction_message__list_more_show_3SXp9 {
    height: auto
}

.Introduction_message__item_3ChJA {
    margin-bottom: 12px;
    font-size: 14px;
    color: #252525
}

.Introduction_message__item_3ChJA p {
    line-height: 20px
}

.Introduction_message__item__title_17sa9 {
    color: #999
}

.Introduction_control_3VqTn {
    border-top: 1px solid #d2dbff;
    height: 40px;
    background: #f2f6fd;
    color: #2e4fed;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.Introduction_control_3VqTn i {
    color: #d2dbff;
    float: right;
    transition: all .3s
}

.Introduction_control_more_35IlM i {
    transform: rotate(180deg)
}

.Imager_size_33WUI {
    width: 100%;
    height: 100%
}

.Imager_image_3g8WI {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
    text-align: center
}

.Imager_image__error_2UQuu,.Imager_image__placeholder_2anbd {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #f7f7f7;
    color: #515a6e;
    vertical-align: middle
}

.Imager_image__inner_2de5c {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.Imager_image__inner__center_1_5ZM {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block
}

.ProductMessage_card__item_1mKMH {
    border-radius: 0;
    background: rgba(84,152,243,.08);
    border-radius: 20px 20px 0 20px;
    line-height: 1;
    font-size: 12px;
    width: 220px
}

.ProductMessage_card__content_isGR- {
    display: flex;
    width: 220px
}

.ProductMessage_card__content__left_24m4F {
    width: 90px;
    height: 80px
}

.ProductMessage_card__content__right_UtTbA {
    flex: 1;
    padding: 0 10px
}

.ProductMessage_card__content__image_3j9PQ {
    width: 100%;
    height: 80px
}

.ProductMessage_card__content__btn_1jmdc {
    margin: 0;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    text-decoration: none;
    background: #0045b0;
    color: #fff
}

.ProductMessage_card__product__name_-064C {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    color: #0045b0;
    margin-top: 5px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.ProductMessage_card__product__price_2tcvI {
    line-height: 20px
}

.ProductMessage_card__product__price_2tcvI em {
    font-style: normal;
    font-weight: 700;
    color: #ed4014
}

.ProductMessage_card__product__price_2tcvI s {
    color: #808695
}

.QuickReplyMessage_wrap_284-P {
    position: relative;
    min-width: 100px;
    letter-spacing: 0
}

.QuickReplyMessage_wrap_284-P:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.QuickReplyMessage_wrap_284-P:hover .QuickReplyMessage_reply__time_2Pc8t {
    display: block
}

.QuickReplyMessage_reply_text_QlOKF {
    float: left;
    position: relative;
    min-width: 80px
}

.QuickReplyMessage_reply_text__content_3o8KI {
    border-radius: 12px 12px 12px 3px;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    line-height: 1.4;
    padding: 16px 20px;
    display: inline-block;
    white-space: pre-wrap;
    word-break: break-word
}

.QuickReplyMessage_reply_postback_305OT {
    position: relative;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 0 12px;
    line-height: 1.4;
    padding: 10px;
    word-break: break-word;
    white-space: pre-wrap;
    float: right
}

.QuickReplyMessage_question_list_3i136 {
    float: right;
    display: block;
    width: 100%;
    list-style: none;
    text-align: right;
    margin-top: 16px
}

.QuickReplyMessage_question_list__item_2f97K {
    cursor: pointer;
    padding: 8px 10px;
    display: inline-block;
    margin: 5px 0 5px 5px;
    color: #252525;
    border-radius: 20px;
    border: 1px solid transparent
}

.QuickReplyMessage_question_list__item_2f97K:hover {
    border-color: #252525
}

.QuickReplyMessage_reply_inner_2lTyn {
    position: relative;
    float: left;
    border-radius: 12px 12px 12px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    background: rgba(84,152,243,.08);
    padding: 10px
}

.QuickReplyMessage_reply_inner__text_t0tXq {
    background: #f0f2f7;
    line-height: 1.4;
    word-break: break-word;
    white-space: pre-wrap
}

.QuickReplyMessage_reply_inner_2lTyn img {
    display: block;
    max-width: 200px;
    width: auto;
    height: auto;
    margin-top: 5px;
    -o-object-fit: contain;
    object-fit: contain
}

.QuickReplyMessage_reply__time_2Pc8t {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none
}

.QuickReplyMessage_reply__time_right_3nOEo {
    right: -10px;
    left: auto;
    bottom: -15px
}

.VideoMessage_wrap_3vC3O {
    position: relative;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #f2f6fd
}

.VideoMessage_wrap_3vC3O video {
    display: block;
    width: 250px;
    max-height: 150px;
    border-radius: inherit
}

.VideoMessage_wrap_3vC3O.VideoMessage_loading_3ILWX .VideoMessage_loading_wrap_365Wk {
    display: block
}

@-webkit-keyframes VideoMessage_rotate-ani_1ZhbL {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes VideoMessage_rotate-ani_1ZhbL {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.VideoMessage_loading_wrap_365Wk {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.VideoMessage_loading_icon_YYUyd {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #f3f3f3;
    border-top: 3px solid red;
    border-radius: 50%;
    -webkit-animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite;
    animation: VideoMessage_rotate-ani_1ZhbL .8s linear infinite
}

.index_bubble_35xAi {
    position: relative;
    margin: 16px 0
}

.index_bubble__like_RHl13 {
    margin-bottom: 50px
}

.index_bubble_35xAi:after {
    content: " ";
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.index_bubble_35xAi:hover .index_bubble__date_tUja2 {
    display: block
}

.index_bubble__ai_guide_1vPRn .index_bubble__avatar_3c_MR {
    bottom: auto;
    top: 0;
    padding: 12px 0
}

.index_bubble__ai_guide_1vPRn .index_bubble__content_ai_3uw7a {
    max-width: 85%;
    width: 85%
}

.index_bubble__date_tUja2 {
    display: none
}

.index_bubble__content_1x7Bv {
    position: relative;
    line-height: 1.4;
    padding: 12px 20px;
    word-break: break-word;
    max-width: 85%;
    font-size: 14px;
    letter-spacing: 0
}

.index_bubble__content_img_231qm {
    padding: 0;
    background: none!important;
    border-radius: 0;
    line-height: 1
}

.index_bubble__content_file_2Ns2L {
    padding: 0;
    border-radius: 12px
}

.index_bubble__content_video_9IqVF {
    padding: 0;
    background: none!important;
    border-radius: 0;
    line-height: 1
}

.index_bubble__content_1x7Bv span {
    white-space: pre-wrap;
    word-break: break-word
}

.index_bubble__content_1x7Bv a {
    color: inherit
}

.index_bubble__content_right_k75k4 {
    float: right;
    clear: right;
    color: rgba(37,37,37,.8);
    border-radius: 12px 12px 3px 12px;
    min-width: 16px
}

.index_bubble__content_left_27Hys {
    float: left;
    border-radius: 12px 12px 12px 3px;
    margin-left: 50px;
    background: rgba(84,152,243,.08);
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525;
    min-width: 16px
}

.index_bubble__content_tpl_2ltqp {
    padding: 0
}

.index_bubble__content_tpl_promotionalCard_A3Zkk {
    max-width: 90%;
    padding: 10px 6px
}

.index_bubble__content_ai_3uw7a {
    background-color: transparent!important;
    padding: 0;
    box-shadow: none
}

.index_bubble__content_product_2i9d1 {
    max-width: 85%
}

.index_bubble__introduction_1hLuK {
    margin-top: 30px
}

.index_bubble__content_introduction_2-KwF {
    padding: 0;
    border-radius: 8px;
    max-width: 100%;
    float: none
}

.index_bubble__like__con_3XzPE {
    font-size: 14px;
    background-color: transparent;
    position: absolute;
    left: 50px;
    bottom: -38px;
    display: flex;
    align-items: center
}

.index_bubble__like__con__tips_3adLA {
    color: #252525
}

.index_bubble__like__con__btn_3NXdZ {
    display: flex;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0 1px 12px rgba(60,69,118,.1);
    border-radius: 30px;
    width: 48px;
    line-height: 22px;
    padding: 6px 9px;
    text-align: center
}

.index_bubble__like__con__btn_3NXdZ span {
    cursor: pointer
}

.index_bubble__like__con__btn_3NXdZ span:first-child {
    padding-right: 5px;
    border-right: 1px solid #ecf0f8;
    margin-right: 5px
}

.index_bubble__like__con__btn_3NXdZ i {
    color: #2e4fed
}

.index_bubble__like__con_3XzPE+.index_bubble__time_25WZB {
    bottom: -48px
}

.index_bubble__time_25WZB {
    font-size: 12px;
    background-color: transparent;
    transform: scale(.9);
    transform-origin: left center;
    color: #999;
    position: absolute;
    bottom: -15px
}

.index_bubble__time_left_16S81 {
    left: 50px
}

.index_bubble__time_right_21NCf {
    transform-origin: right center;
    right: 0
}

.index_bubble__btn_retry_3vnuN {
    margin: 0 5px
}

.index_bubble__avatar_3c_MR {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    clear: left;
    position: relative;
    background: #fff;
    color: #0d1626;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0
}

.index_bubble__avatar_img_3qCgQ {
    max-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.index_bubble__avatar_def_2yvAI {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5498f3;
    opacity: .4
}

.index_bubble__avatar_def_img_2ulY4 {
    background: none;
    opacity: 1
}

.index_bubble__avatar_def_2yvAI i {
    color: #fff
}

.index_bubble__avatar_def_2yvAI img {
    width: 100%
}

.index_bubble__quote_cNVXf {
    border-left: 2px solid rgba(37,37,37,.2);
    color: rgba(37,37,37,.4)!important;
    margin-bottom: 6px;
    padding-left: 8px
}

.index_bubble__quote_cNVXf img {
    max-height: 45px
}

.index_bubble__quote_cNVXf .tpl_file {
    margin-left: -5px
}

.index_bubble__quote_cNVXf .tpl_file>a {
    padding: 0
}

.index_bubble__quote_cNVXf .tpl_text {
    white-space: pre-wrap;
    word-break: break-word
}

.index_bubble__content__liked_2IzTR {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    box-shadow: 0 1px 12px rgba(60,69,118,.1);
    border-radius: 14px;
    background: #fff
}

.index_bubble__content__liked__like_fE-Jg {
    color: #2e4fed
}

.index_bubble__content__liked__unlike_2E652 {
    color: #c7c8cb
}

.index_error_3xzaO {
    color: #ed4014
}

.index_withdraw__message_1BpLS {
    text-align: center;
    color: #aaa;
    margin: 16px 0
}

.index_notice_EQfrd {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    z-index: 3;
    text-align: center;
    display: none
}

.index_notice_EQfrd.index_show_qnKtX {
    display: block
}

.index_notice__content_1DdmZ {
    display: inline-block;
    padding: 10px 15px;
    background: #000;
    color: #fff;
    border-radius: 15px;
    max-width: 70%;
    min-width: 40%
}

.index_Upload_1OTGb {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.index_Upload__file_3ZOvw {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    cursor: pointer
}

.index_wrap__inner_23Edq {
    overflow-y: auto;
    height: 100%
}

.index_wrap_3iiPm li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.index_wrap_3iiPm li button {
    font-size: 26px;
    padding: 6px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: none;
    background: #fff;
    width: 46px;
    height: 46px;
    transition: transform .5s
}

.index_wrap_3iiPm li button:hover {
    transform: scale(1.3)
}

.view_wrap_3gxx- {
    margin: 0;
    position: relative;
    height: 100vh;
    max-width: 400px
}

.view_wrap_left_1tafY {
    margin: 0 auto 0 0
}

.view_wrap_right_eE7zQ {
    margin: 0 0 0 auto
}

.wrap_en-US .view_chat__footer__btns_3sAV7,.wrap_ru-RU .view_chat__footer__btns_3sAV7,.wrap_vi-VN .view_chat__footer__btns_3sAV7 {
    margin-right: -15px
}

.view_exclusiveLinkWrap_28rN2 {
    max-width: 800px
}

.view_chat_TFjrs {
    max-height: calc(100% - 100px);
    width: 90%;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 20px;
    left: auto;
    border-radius: 12px;
    pointer-events: auto;
    box-shadow: 0 4px 20px rgba(60,69,118,.2);
    display: flex;
    flex-direction: column;
    background: #fff
}

.view_chat_showChannel_3pPab .view_chat__header_gm4yy {
    height: 68px
}

.view_chat_showChannel_3pPab .view_chat__board_2V67y {
    top: 110px
}

.view_chat__header_gm4yy {
    height: 44px;
    background: #ccc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 18px 20px;
    position: relative;
    flex: 0 0 auto;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(85,106,160,.2)
}

.view_chat__header__channel_1_E-i {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    width: 100%;
    padding: 0 10px 0 76px
}

.view_chat__avatar_bI_XW {
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    position: relative;
    vertical-align: middle
}

.view_chat__avatar_define_X0rGW {
    background-color: inherit
}

.view_chat__avatar__img_1oi2C {
    max-height: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.view_chat__avatar__icon_3Z4Aj {
    color: #5498f3;
    opacity: .5
}

.view_chat__title_1Qa-1 {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 90px);
    text-overflow: ellipsis;
    overflow: hidden;
    height: 44px;
    margin-left: 12px;
    font-size: 14px;
    position: relative
}

.view_chat__title__con_3iXda,.view_chat__title__sub_2ef1g {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    position: absolute;
    left: 0;
    max-width: 100%
}

.view_chat__title__con_3iXda {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    top: 0
}

.view_chat__title__sub_2ef1g {
    font-weight: 300;
    line-height: 18px;
    bottom: -5px
}

.view_chat__close_r4sNG {
    position: absolute;
    right: 12px;
    top: 22px;
    width: 36px;
    height: 36px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 36px
}

.view_chat__close_r4sNG:hover {
    background-color: hsla(0,0%,100%,.1)
}

.view_chat__board_2V67y {
    position: absolute;
    width: calc(100% - 80px);
    left: 10px;
    top: 86px;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.25));
    z-index: 3;
    padding: 10px 30px;
    line-height: 1.5;
    border-radius: 10px;
    color: #fff;
    word-wrap: break-word
}

.view_chat__board_2V67y a {
    color: inherit
}

.view_chat__board__close_3rFY- {
    right: 8px;
    transform: scale(.8);
    cursor: pointer
}

.view_chat__board__close_3rFY-,.view_chat__board__speaker_3-l4V {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.view_chat__board__speaker_3-l4V {
    left: 6px;
    color: #ff716e
}

.view_chat__conversation_1g3d- {
    padding: 0 20px;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    height: 435px;
    max-height: 435px;
    min-height: 60px;
    flex: 0 1 auto;
    background: #fff;
    z-index: 2;
    position: relative;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.view_chat__conversation_collectionGuide_2fCLY {
    margin-bottom: 70px
}

.view_chat__input_JKgsE {
    position: relative;
    background: #fff;
    z-index: 3;
    flex: 0 0 auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.view_chat__input_hide_3nFMP .view_chat__input__channel_2QAwB,.view_chat__input_hide_3nFMP .view_chat__input__collection_1hn6i {
    border-radius: 12px;
    position: relative
}

.view_chat__emoji_2-Z-a {
    position: absolute;
    bottom: 120%;
    left: 16px;
    height: 210px;
    width: 298px;
    background: #fff;
    box-shadow: 0 4px 20px 0 #6c81a7;
    border-radius: 21px;
    padding: 15px
}

.view_chat__textarea_1DMUR {
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 12px
}

.view_chat__upload_PGJfH:hover i {
    color: #0045b0
}

.view_chat__upload_PGJfH:hover button:before {
    background-color: rgba(111,132,232,.15);
    transform: scale(1)
}

.view_chat__textarea_input_361yy {
    padding: 0 20px;
    border-top: 1px solid #f3f7ff;
    padding-top: 12px;
    position: relative;
    min-height: 20px
}

.view_chat__textarea_input_361yy textarea {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 0;
    border-radius: 0;
    resize: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    overflow-x: hidden;
    font-size: 14px
}

.view_chat__footer_3lCVJ {
    display: flex;
    margin-top: 17px;
    padding: 0 20px 10px 20px
}

.view_chat__footer__btns_3sAV7 {
    flex: 1;
    text-align: left;
    font-size: 0
}

.view_chat__footer__btns_3sAV7 button {
    margin-left: 0;
    position: relative;
    background-color: transparent
}

.view_chat__footer__btns_3sAV7 button:hover i {
    color: #0045b0
}

.view_chat__footer__btns_3sAV7 button:hover:before {
    background-color: rgba(0,69,176,.15);
    transform: scale(1)
}

.view_chat__footer__btns_3sAV7 button:before {
    content: " ";
    position: absolute;
    background: #8596ec;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    z-index: -1;
    transition: all .16s ease-in-out 0s;
    transform: scale(0);
    top: calc(50% - 18px);
    left: calc(50% - 18px)
}

.view_chat__footer__btns_3sAV7 .view_active_32rrd {
    color: #0045b0
}

.view_chat__footer__btns_3sAV7 i {
    color: #83878c;
    position: relative;
    z-index: 2
}

.view_chat__footer__btns__item_1k09z {
    margin-right: 22px;
    float: left;
    position: relative;
    z-index: 1
}

.view_chat__footer__btns__item_1k09z button {
    margin-right: 0
}

.view_chat__footer__btns__item_1k09z input {
    z-index: 2
}

.view_chat__footer__btns__item_1k09z:last-child {
    margin-right: 0
}

.view_chat__footer_www_35F3E {
    text-align: right;
    line-height: 30px
}

.view_chat__footer_www_35F3E a {
    text-decoration: none;
    color: #0c0c0c
}

.view_chat__footer_www_35F3E em {
    font-style: normal;
    vertical-align: middle
}

.view_chat__footer_www_35F3E span {
    color: #b6bfcf;
    transform: scale(.6);
    display: inline-block;
    line-height: 26px;
    margin-right: -10px
}

.view_chat__footer__btn_2YKvh {
    width: 60px;
    line-height: 32px;
    border: none;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    border-radius: 40px;
    margin-left: 5px
}

.view_chat__footer__btn_2YKvh i {
    transition: transform .3s ease-in
}

.view_chat__footer__btn_2YKvh:hover i {
    transform: scale(1.4)
}

.view_chat__brand_1U7wu {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    background: #fff;
    border-radius: 12px
}

.view_chat__brand_1U7wu a {
    text-decoration: none;
    color: #aaa;
    font-size: 12px
}

.view_chat__brand_1U7wu em {
    font-style: normal;
    vertical-align: middle
}

.view_chat__brand_1U7wu span {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    color: #7c7c7c
}

.view_chat__error_tips_3_IbY {
    position: absolute;
    top: -50px;
    left: 10px;
    padding: 10px 15px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 15px;
    max-width: 100%
}

.view_chat__error_tips_3_IbY i {
    color: #ed4014;
    vertical-align: middle
}

.view_chat__brand_out_1dTsO {
    position: absolute;
    bottom: -5px
}

.logo {
    background: url(../img/logo2.4cb8e51c.png) no-repeat;
    background-size: 100%;
    width: 80px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px
}

.view_img_preview_2Hp1r {
    display: inline-block;
    max-width: 100%;
    max-height: 70%;
    height: auto
}

.view_btn_wrap_3SJom {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    max-width: 360px
}

.view_btn_channel_8uXuX {
    margin-bottom: 25px;
    margin-top: -10px;
    min-height: 60px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.view_btn_channel_8uXuX>div {
    display: inline-block
}

.view_btn_channel_8uXuX:last-child {
    margin-bottom: 10px
}

.view_btn_channel_medium_19DOo {
    min-height: 48px;
    min-width: 48px
}

.view_btn_channel_small_1Gvm6 {
    min-height: 36px;
    min-width: 36px
}

.view_btn_channel_chat_1xJ4F {
    position: static
}

.view_btn_channel_8uXuX .view_btn_chat_pglag {
    position: relative;
    z-index: 4
}

.view_btn_column_1XvKU .view_btn_channel_8uXuX:last-child {
    margin-bottom: 25px
}

.view_btn_column_single_284Vr .view_btn_channel_8uXuX:last-child {
    margin-bottom: 20px
}

.view_shake_34cF2 {
    -webkit-animation: view_shake_34cF2 .8s ease-in-out;
    animation: view_shake_34cF2 .8s ease-in-out
}

@-webkit-keyframes view_shake_34cF2 {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes view_shake_34cF2 {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.view_mobile_3qbYd {
    -webkit-tap-highlight-color: #000
}

.view_mobile_3qbYd.view_open_2WyTB {
    background-color: rgba(0,0,0,.2)
}

.view_mobile_3qbYd.view_wrap_3gxx- {
    max-width: 100%
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat_TFjrs {
    height: 100%;
    max-height: 100%;
    top: 0;
    border-radius: 0
}

.view_mobile_3qbYd.view_fullScreen_2j8Q4 .view_chat__header_gm4yy {
    border-radius: 0
}

.view_mobile_3qbYd .view_chat_TFjrs {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 85%;
    box-shadow: none
}

.view_mobile_3qbYd .view_chat__input_JKgsE {
    border-radius: 0
}

.view_mobile_3qbYd .view_chat__conversation_1g3d- {
    max-height: none;
    flex: 1 1 auto;
    overflow-y: scroll;
    font-size: 14px
}

.view_mobile_3qbYd .view_chat__textarea_1DMUR textarea {
    font-size: 16px
}

.view_exclusiveMobileHeader_3wh0v {
    border-radius: 0
}

.wrap_brand .view_chat__input_JKgsE {
    margin-bottom: 34px;
    background: #fff
}

.view_demo_3N-Kl .view_chat_TFjrs {
    top: 35px;
    bottom: 0;
    height: 70%
}

.view_demo_3N-Kl .view_chat__footer_3lCVJ {
    padding: 0 10px 14px 10px
}

.view_demo_3N-Kl .view_btn_wrap_3SJom {
    bottom: 20px!important
}

.view_hideCloseIcon_3AM5K.view_mobile_3qbYd .view_chat_TFjrs {
    bottom: 0
}

.view_hideCloseIcon_3AM5K .view_chat_TFjrs {
    bottom: 90px
}

.view_hideCloseIcon_3AM5K .view_chat__title_1Qa-1 {
    width: calc(100% - 70px)
}

.view_video_preview_3AcH1 {
    width: 150px;
    max-height: 100px;
    margin: 20px;
    border: 2px solid #d7d7d7;
    border-radius: 10px
}

.view_attachment_preview_10jsW {
    display: flex;
    align-items: flex-start;
    background-color: #f0f0f0;
    padding: 10px;
    border: 2px solid #d7d7d7;
    border-radius: 10px;
    margin: 20px
}

.view_attachment_preview_10jsW span {
    text-align: left;
    word-break: break-all;
    margin: 0 10px
}

.view_chat__disable_reply_1kMZT {
    border-top: 1px solid #f3f7ff;
    min-height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box
}

.view_chat__disable_reply_1kMZT span {
    color: #aaa;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word
}

.view_chat__board_marquee_EmYkq {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.view_chat__board_marquee_EmYkq a,.view_chat__board_marquee_EmYkq p {
    display: inline-block;
    -webkit-animation: view_marquee_2Rstd 30s linear infinite;
    animation: view_marquee_2Rstd 30s linear infinite
}

@-webkit-keyframes view_marquee_2Rstd {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes view_marquee_2Rstd {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.index_modal_1R4U- {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 12px;
    left: 0;
    top: 0;
    z-index: 4
}

.index_modal__cover_2Lozf {
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.index_modal__body_32HH9 {
    max-height: 80%;
    overflow: hidden;
    width: 85%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    background: #fff;
    border-radius: 5px;
    padding-bottom: 40px;
    text-align: center
}

.index_modal__content_3gPiC {
    padding: 5px 8px;
    max-height: calc(80vh - 44px);
    overflow: auto
}

.index_modal__footer_ZN2QD {
    border-top: 1px solid #ccc;
    padding: 5px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.index_modal__footer_ZN2QD button {
    background: #fff;
    padding: 0 25px;
    margin: 0 15px
}

.index_modal__btn_ok_3wuG5 {
    color: #fff
}

.index_popup_3mWj9 {
    border-radius: 16px;
    max-width: 330px;
    overflow-wrap: break-word;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 3;
    box-shadow: 0 2px 10px 2px rgba(0,0,0,.2);
    background: #fff;
    padding: 0 20px;
    min-height: 104px;
    min-width: 150px;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0
}

.index_popup_3mWj9>div {
    display: inline-block;
    max-width: 100%
}

.index_popup_left_NQNmi {
    left: 0;
    right: auto
}

.index_popup_left_NQNmi .index_popup__comp_1Lh3z {
    margin-left: 60px;
    margin-right: 0
}

.index_popup_left_NQNmi .index_popup__comp_medium_3qhmg {
    margin-left: 48px
}

.index_popup_left_NQNmi .index_popup__comp_small_m9CFN {
    margin-left: 36px
}

.index_popup_left_NQNmi .index_popup__close_11H7B {
    left: 14px;
    right: none
}

.index_popup_card_1XkQ1 {
    padding: 0
}

.index_popup_card_1XkQ1 .index_popup__comp_1Lh3z {
    margin: 0
}

.index_popup_card_1XkQ1 .index_popup__close_11H7B {
    color: hsla(0,0%,100%,.68)
}

.index_popup_card_1XkQ1.popup_left .index_popup__close_11H7B {
    color: #000
}

.index_popup__comp_1Lh3z {
    margin-right: 60px;
    margin-left: 0
}

.index_popup__comp_medium_3qhmg {
    margin-right: 48px
}

.index_popup__comp_small_m9CFN {
    margin-right: 36px
}

.index_popup__content_3hWTL {
    padding: 10px 0;
    position: relative;
    overflow-wrap: break-word;
    overflow: hidden auto;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
    font-size: 16px;
    border-bottom: 2px solid #f3f7ff
}

.index_popup__content_3hWTL img {
    display: block;
    max-width: 120px;
    max-height: 100px;
    width: auto;
    height: auto
}

.index_popup__content_3hWTL img,.index_popup__content_3hWTL p {
    margin-top: 5px
}

.index_popup__close_11H7B {
    position: absolute;
    right: 14px;
    top: 10px;
    cursor: pointer;
    z-index: 2
}

.index_popup__btns_1k_zZ {
    padding: 10px 0
}

.index_popup__btns_1k_zZ li {
    list-style: none;
    cursor: pointer;
    margin: 5px 0;
    color: #0045b0;
    font-size: 16px
}

.index_popup__btns_1k_zZ li:hover {
    text-decoration: underline
}

.index_popup__input_1tHSU {
    cursor: pointer;
    color: #808695;
    font-size: 16px;
    margin-top: 5px
}

.index_file__download_icon_3Tn-C {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle
}

.index_file__name_10z0o {
    text-decoration: underline;
    color: #0045b0;
    vertical-align: middle;
    cursor: pointer
}

.index_tp__prodcut__text_1RFuz {
    font-size: 12px
}

.PromotionalCard_card__item_WHxcD {
    border-radius: 0;
    padding: 0;
    font-family: Roboto
}

.PromotionalCard_card__content_3zU_G {
    display: flex;
    width: 300px;
    height: 200px;
    background: #fff;
    border-radius: 16px
}

.PromotionalCard_card__content__left_1h1D4 {
    flex: 1;
    border-right: 1px solid rgba(43,85,216,.1);
    padding: 10px 10px 20px 20px;
    max-width: 130px
}

.PromotionalCard_card__content__left_nolimit_3mLId .PromotionalCard_card__content__text_2Lh2p {
    margin: 15px 0 18px 0;
    height: auto;
    max-height: 40px;
    white-space: normal
}

.PromotionalCard_card__content__right_2f-Rt {
    flex: 1
}

.PromotionalCard_card__content__image_5xmUi {
    width: 100%;
    height: 100%;
    border-radius: 0 16px 16px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.popup_left .PromotionalCard_card__content__left_1h1D4 {
    padding: 0 10px 20px 20px
}

.PromotionalCard_card__content__discount_37FUE {
    height: 78px;
    position: relative;
    font-weight: 700
}

.PromotionalCard_card__content__discount_num_3B06v {
    font-size: 66px
}

.PromotionalCard_card__content__discount_percent_7nC7g {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px
}

.PromotionalCard_card__content__discount_text_3mcYo {
    position: absolute;
    right: 10px;
    top: 56px;
    font-size: 16px
}

.PromotionalCard_card__content__text_2Lh2p {
    word-break: break-word;
    white-space: pre-wrap;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis
}

.PromotionalCard_card__content__btn_1hkI8 {
    margin: 0;
    margin-top: 10px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.PromotionalCard_card__content__count_3B01I {
    margin-top: 6px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #000
}

.PromotionalCard_card__content__count_3B01I strong {
    font-size: 18px;
    color: #000
}

.PromotionalCard_card__content__count_3B01I span {
    color: #000;
    font-weight: 700
}

.ProductMessage_card__item_3eucO {
    border-radius: 0;
    padding: 10px 0;
    border-radius: 20px 20px 0 20px;
    line-height: 1;
    font-size: 12px;
    width: 220px;
    margin-right: 0
}

.ProductMessage_card__content_1Lxo5 {
    display: flex;
    width: 220px
}

.ProductMessage_card__content__left_2PGSo {
    width: 90px;
    height: 80px
}

.ProductMessage_card__content__right_3Q5RY {
    flex: 1;
    padding: 0 10px
}

.ProductMessage_card__content__image_1HYCw {
    width: 100%;
    height: 80px
}

.ProductMessage_card__content__btn_3yN_A {
    margin: 0;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    font-weight: 700;
    display: block;
    width: 160px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    text-decoration: none;
    background: #0045b0;
    color: #fff
}

.ProductMessage_card__product__name_2cR2_ {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    color: #0045b0;
    margin-top: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: pre-wrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ProductMessage_card__product__price_TxwNC {
    line-height: 20px
}

.ProductMessage_card__product__price_TxwNC em {
    font-style: normal;
    font-weight: 700;
    color: #ed4014
}

.ProductMessage_card__product__price_TxwNC s {
    color: #808695
}

.HumanService_human_f0MvY {
    position: absolute;
    top: -32px;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%
}

.HumanService_human__btn_3RuTI,.HumanService_human__msg_2cHgV {
    padding: 6px 10px;
    border-radius: 17px;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background-color: rgba(0,0,0,.5);
    display: inline-block
}

.HumanService_human__btn_3RuTI:hover,.HumanService_human__msg_2cHgV:hover {
    opacity: 1
}

.HumanService_human__btn_3RuTI {
    cursor: pointer
}

.Typing_typing__wrap_3FYVz {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 26px;
    width: 32px;
    padding: 5px 10px;
    border-radius: 12px;
    margin-left: 50px;
    background: rgba(84,152,243,.08);
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    color: #252525
}

.Typing_typing_18Sjw {
    text-align: left
}

.Typing_typing_18Sjw span {
    height: 4px;
    width: 4px;
    margin: 11px 1px 0 1px;
    background-color: #000;
    display: inline-block;
    border-radius: 50%;
    opacity: .4;
    -webkit-animation: Typing_blink_-iQ0k 1.3s linear infinite;
    animation: Typing_blink_-iQ0k 1.3s linear infinite
}

.Typing_typing_18Sjw span:first-child {
    margin-left: 4px
}

.Typing_typing_18Sjw span:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.Typing_typing_18Sjw span:nth-child(3) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes Typing_blink_-iQ0k {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-5px)
    }
}

@keyframes Typing_blink_-iQ0k {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-5px)
    }
}

.index_collection_1yn98 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    background: #fff;
    border-radius: 12px;
    overflow: auto
}

.index_collection__close_1RUSL {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    color: #cbcbcb;
    padding: 2px
}

.index_collection__form_T_tfP {
    width: 100%;
    margin-top: 65px;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: calc(100% - 65px)
}

.index_collection__form__con_55a1e {
    background: #fff;
    padding: 15px 40px;
    padding-top: 42px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex: 1
}

.index_collection__form__item_13y2L {
    margin-bottom: 22px;
    position: relative
}

.index_collection__form__item__status_wrong_7wEFj .index_collection__form__input_3cLQE {
    border-color: red
}

.index_collection__form__item__error_1JGTF {
    position: absolute;
    bottom: -18px;
    left: 0;
    color: red;
    padding-left: 18px
}

.index_collection__form__input_3cLQE {
    background: #f2f6fd;
    border-radius: 8px;
    height: 40px;
    display: flex;
    padding: 0 20px 0 10px
}

.index_collection__form__input_3cLQE input {
    border: none;
    outline: none;
    line-height: 40px;
    flex: 0 0 20px;
    font-size: 14px;
    background: #f2f6fd;
    flex: 1
}

.index_collection__form__input_3cLQE img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: block;
    margin-top: 12px
}

.index_collection__form_T_tfP button {
    background: #0045b0;
    box-shadow: 0 2px 12px rgba(0,0,0,.02);
    border-radius: 40px;
    color: #fff;
    outline: none;
    border: none;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer
}

.index_collection__form__avator_24qFV {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%
}

.index_collection__form__avator_24qFV i {
    line-height: 60px;
    color: #5498f3;
    opacity: .5
}

.index_collection__form__avator_24qFV img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%
}

.index_collection__form__title_29lhJ {
    margin-bottom: 30px;
    font-size: 16px;
    padding: 0 15px;
    word-break: break-word;
    line-height: 1.5
}

.index_collection__icon_12HQm {
    margin-right: 5px
}

.index_shake_1A3la {
    -webkit-animation: index_shake_1A3la .8s ease-in-out;
    animation: index_shake_1A3la .8s ease-in-out
}

@-webkit-keyframes index_shake_1A3la {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

@keyframes index_shake_1A3la {
    10%,90% {
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        transform: translate3d(3px,0,0)
    }

    30%,70% {
        transform: translate3d(-6px,0,0)
    }

    40%,60% {
        transform: translate3d(6px,0,0)
    }

    50% {
        transform: translate3d(-6px,0,0)
    }
}

.Chat_icon__wrap_3840H {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ccc;
    color: #fff;
    box-shadow: 0 4px 20px rgba(60,69,118,.2)
}

.Chat_icon__wrap_3840H:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(46,79,237,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Chat_icon__wrap_3840H i {
    transition: transform .5s;
    position: absolute;
    left: 6px;
    top: -1px;
    transform: scale(.85)
}

.Chat_icon__wrap_3840H img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__in_30NKI {
    display: none
}

.Chat_icon__wrap_3840H:hover .Chat_btn__in_30NKI {
    display: block
}

.Chat_icon__wrap_3840H:hover .Chat_btn__out_EXYLJ {
    display: none
}

.Chat_icon__wrap_3840H:hover:after {
    transform: scale(1)
}

.Chat_icon__wrap_3840H .Chat_unread_1o7NV {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: red;
    color: #fff;
    text-align: center
}

.Chat_icon__wrap_medium_x1Yap {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Chat_icon__wrap_medium_x1Yap i {
    left: 7px;
    top: -1px
}

.Chat_icon__wrap_medium_x1Yap img {
    width: 48px;
    height: 48px
}

.Chat_icon__wrap_medium_x1Yap:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Chat_icon__wrap_medium_x1Yap .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Chat_icon__wrap_small_38unz {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Chat_icon__wrap_small_38unz i {
    left: 5px;
    top: -1px
}

.Chat_icon__wrap_small_38unz img {
    width: 36px;
    height: 36px
}

.Chat_icon__wrap_small_38unz:after {
    width: 42px;
    height: 42px;
    left: -3px;
    top: -3px
}

.Chat_icon__wrap_small_38unz .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Chat_icon__wrap_side_1woF2 {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.Chat_icon__wrap_side_1woF2 i {
    left: 5px;
    top: -1px;
    transform: scale(1)
}

.Chat_icon__wrap_side_1woF2:after {
    width: 36px;
    height: 36px;
    left: -3px;
    top: -3px
}

.Chat_icon__wrap_side_1woF2 .Chat_unread_1o7NV {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.Chat_icon__wrap_define_hBu8- {
    color: #fff;
    border-radius: 0;
    filter: none;
    background: transparent!important;
    box-shadow: none
}

.Chat_icon__wrap_define_hBu8-:after {
    display: none
}

.Chat_icon__wrap_define_hBu8-:hover .Chat_btn__out_EXYLJ {
    transform: scale(0)
}

.Chat_icon__wrap_define_hBu8- .Chat_unread_1o7NV {
    right: 0;
    top: 0
}

.Chat_icon__wrap_3840H .Chat_btn__down_1ym23 {
    left: 50%;
    margin-left: -11px
}

.Chat_icon__wrap_old_mzs7M i {
    transition: transform .5s;
    position: absolute;
    left: 10px;
    top: 0
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__in_30NKI {
    transform: scale(0)
}

.Chat_icon__wrap_old_mzs7M:hover .Chat_btn__in_30NKI,.Chat_icon__wrap_old_mzs7M:hover:after {
    transform: scale(1)
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_medium_x1Yap i {
    left: 10px
}

.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_side_1woF2 i,.Chat_icon__wrap_old_mzs7M.Chat_icon__wrap_small_38unz i {
    left: 7px
}

.Chat_icon__wrap_old_mzs7M .Chat_btn__down_1ym23 {
    left: 50%;
    margin-left: -11px
}

.Line_wrap_2ZVen {
    position: relative
}

.Line_icon__wrap_2laFr {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

.Line_icon__wrap_2laFr:hover:after {
    transform: scale(1)
}

.Line_icon__wrap_2laFr:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(6,199,85,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Line_icon__wrap_medium_2B26V:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Line_icon__wrap_medium_2B26V .Line_icon_6S1Ge {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Line_icon__wrap_small_1yEyJ .Line_icon_6S1Ge {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Line_icon__wrap_small_1yEyJ:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Line_icon_6S1Ge {
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #00c300;
    border-radius: 50%;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(6,199,85,.44));
    text-align: center;
    position: relative;
    z-index: 2
}

.Line_icon_6S1Ge>i {
    color: #fff;
    margin-top: 1px
}

.Line_frame_343K1 {
    background: #fff;
    box-shadow: 0 4px 20px 2px rgba(0,0,0,.2);
    border-radius: 12px;
    display: flex;
    flex-direction: column
}

.Line_frame__header_-7k9H {
    background-color: #00c300;
    height: 46px;
    display: flex;
    border-radius: 12px 12px 0 0;
    text-align: center;
    align-items: center;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.25)
}

.Line_frame__header__icon_21MmW {
    width: 40px;
    height: 40px;
    margin: 0 5px 0 20px
}

.Line_frame__header__title_3l8kJ {
    text-align: left;
    font-size: 14px;
    font-weight: 700
}

.Line_frame__header__close_2P-U6 {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 16px
}

.Line_frame__body_1Kgj9 {
    overflow: hidden;
    border-radius: 0 0 12px 12px;
    position: relative;
    flex: 1
}

.Line_frame__body_1Kgj9 iframe {
    border: none;
    overflow: hidden;
    margin-top: -60px;
    width: 360px;
    height: 80vh;
    max-height: 500px;
    overflow: auto
}

.Line_frame__body__demo_WEz7r {
    width: 320px;
    height: 80vh;
    max-height: 350px;
    overflow: auto
}

.Line_frame__body__demo_WEz7r img {
    display: block;
    width: 100%
}

.Line_frame__body__qr_Gy8rG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.Line_frame__body__qr__con_3ajhq {
    background: #fff;
    width: 180px;
    height: 180px;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -120px
}

.Line_frame__body__qr__con_3ajhq p {
    font-size: 14px;
    font-weight: 700
}

.Line_frame__body__qr__con_3ajhq img {
    margin-bottom: 5px;
    width: 150px;
    height: 150px;
    display: inline-block
}

.Line_frame__body__qr__close_Q-5jU {
    position: absolute;
    right: 10px;
    top: 5px
}

.Line_frame__body__qr__close_Q-5jU i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #515a6e;
    cursor: pointer
}

.Line_frame__body__qr__cover_3iq0l {
    position: absolute;
    inset: 0;
    outline-offset: -5px;
    background-color: rgba(0,0,0,.35);
    will-change: opacity;
    z-index: 1
}

.Messenger_icon__wrap_2aKWn {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #0a7cff;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(10,124,255,.44))
}

.Messenger_icon__wrap_2aKWn:hover:after {
    transform: scale(1)
}

.Messenger_icon__wrap_2aKWn:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(10,124,255,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Messenger_icon__wrap_medium_U8Js1 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Messenger_icon__wrap_medium_U8Js1:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Messenger_icon__wrap_small_n9qWM {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Messenger_icon__wrap_small_n9qWM:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Whatsapp_icon__wrap_38xRx {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #4dc247;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(77,194,71,.44))
}

.Whatsapp_icon__wrap_38xRx>i {
    color: #fff
}

.Whatsapp_icon__wrap_38xRx:hover:after {
    transform: scale(1)
}

.Whatsapp_icon__wrap_38xRx:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Whatsapp_icon__wrap_medium_1E5Sw {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Whatsapp_icon__wrap_medium_1E5Sw:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Whatsapp_icon__wrap_small_uQHnT {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Whatsapp_icon__wrap_small_uQHnT:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Email_icon__wrap_RK-rh {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ff485f;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(255,72,95,.44))
}

.Email_icon__wrap_RK-rh:hover:after {
    transform: scale(1)
}

.Email_icon__wrap_RK-rh:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(255,72,95,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Email_icon__wrap_medium_2eXF1 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Email_icon__wrap_medium_2eXF1:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Email_icon__wrap_small_2pnjn {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Email_icon__wrap_small_2pnjn:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Telegram_icon__wrap_2_EPz {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #26a6e7;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(38,166,231,.44))
}

.Telegram_icon__wrap_2_EPz>i {
    color: #fff;
    margin-left: -2px
}

.Telegram_icon__wrap_2_EPz:hover:after {
    transform: scale(1)
}

.Telegram_icon__wrap_2_EPz:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Telegram_icon__wrap_medium_2OBxi {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Telegram_icon__wrap_medium_2OBxi:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Telegram_icon__wrap_small_2GuU7 {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Telegram_icon__wrap_small_2GuU7:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Instagram_icon__wrap_Mbzur {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ff005e;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(255,0,94,.44))
}

.Instagram_icon__wrap_Mbzur>i {
    color: #fff
}

.Instagram_icon__wrap_Mbzur:hover:after {
    transform: scale(1)
}

.Instagram_icon__wrap_Mbzur:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Instagram_icon__wrap_medium_j9iW2 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Instagram_icon__wrap_medium_j9iW2:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Instagram_icon__wrap_small_2e46G {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Instagram_icon__wrap_small_2e46G:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Weixin_icon__wrap_Drf07 {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #3caf34;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(60,175,52,.44))
}

.Weixin_icon__wrap_Drf07>i {
    color: #fff
}

.Weixin_icon__wrap_Drf07:hover:after {
    transform: scale(1)
}

.Weixin_icon__wrap_Drf07:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(77,194,71,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Weixin_icon__wrap_medium_2j4J6 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Weixin_icon__wrap_medium_2j4J6:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Weixin_icon__wrap_small_2DFz5 {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Weixin_icon__wrap_small_2DFz5:after {
    width: 44px;
    height: 44px;
    left: -4px;
    top: -4px
}

.Expand_icon__wrap_cgiMe {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    background: #ccc;
    color: #fff;
    box-shadow: 0 4px 20px rgba(60,69,118,.2)
}

.Expand_icon__wrap_cgiMe:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    left: -10px;
    top: -10px;
    background: rgba(46,79,237,.12);
    border-radius: 50%;
    transform: scale(0);
    transition: .3s;
    z-index: 1
}

.Expand_icon__wrap_cgiMe i {
    transition: transform .5s;
    left: 6px;
    top: -1px;
    transform: scale(.85)
}

.Expand_icon__wrap_cgiMe img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.Expand_icon__wrap_cgiMe .Expand_btn__in_SYKgO {
    display: none
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__in_SYKgO {
    display: block
}

.Expand_icon__wrap_cgiMe:hover .Expand_btn__out_1PcDx {
    display: none
}

.Expand_icon__wrap_cgiMe:hover:after {
    transform: scale(1)
}

.Expand_icon__wrap_cgiMe .Expand_unread_3slBN {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: red;
    color: #fff;
    text-align: center
}

.Expand_icon__wrap_medium_XscJu {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.Expand_icon__wrap_medium_XscJu i {
    left: 7px;
    top: -1px
}

.Expand_icon__wrap_medium_XscJu img {
    width: 48px;
    height: 48px
}

.Expand_icon__wrap_medium_XscJu:after {
    width: 58px;
    height: 58px;
    left: -5px;
    top: -5px
}

.Expand_icon__wrap_medium_XscJu .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Expand_icon__wrap_small_1ksnj {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.Expand_icon__wrap_small_1ksnj i {
    left: 5px;
    top: -1px
}

.Expand_icon__wrap_small_1ksnj img {
    width: 36px;
    height: 36px
}

.Expand_icon__wrap_small_1ksnj:after {
    width: 42px;
    height: 42px;
    left: -3px;
    top: -3px
}

.Expand_icon__wrap_small_1ksnj .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.Expand_icon__wrap_side_1vhRW {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.Expand_icon__wrap_side_1vhRW i {
    left: 5px;
    top: -1px;
    transform: scale(1)
}

.Expand_icon__wrap_side_1vhRW:after {
    width: 36px;
    height: 36px;
    left: -3px;
    top: -3px
}

.Expand_icon__wrap_side_1vhRW .Expand_unread_3slBN {
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.Expand_icon__wrap_define_1yR3c {
    color: #fff;
    border-radius: 0;
    filter: none;
    background: transparent!important;
    box-shadow: none
}

.Expand_icon__wrap_define_1yR3c:after {
    display: none
}

.Expand_icon__wrap_define_1yR3c:hover .Expand_btn__out_1PcDx {
    transform: scale(0)
}

.Expand_icon__wrap_define_1yR3c .Expand_unread_3slBN {
    right: 0;
    top: 0
}

.mobile .Expand_icon__wrap_cgiMe:after {
    background: none!important
}

.index_wrap_2x0GD {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    height: 100vh
}

.index_wrap_2x0GD .index_normal_3-8_M {
    background: rgba(46,79,237,.75);
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 20px 0 30px;
    width: 30px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 8px
}

.index_wrap_2x0GD .index_normal_3-8_M>span {
    max-height: 265px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.index_wrap_2x0GD .index_btn_8AbIK {
    width: 35px;
    height: 35px;
    line-height: 35px;
    min-width: auto;
    min-height: auto
}

.index_wrap_2x0GD .index_btn_8AbIK i {
    left: 8px
}

.index_wrap_2x0GD .index_btn_8AbIK:after {
    width: 50px;
    height: 50px;
    left: -6px;
    top: -6px
}

.index_wrap_2x0GD .index_btn_unread_3YKuK {
    right: 3px;
    top: -2px;
    width: 10px;
    height: 10px
}

.index_wrap_2x0GD .index_chat__icon_1qlfO {
    right: 10px!important;
    bottom: 5px;
    background: #2e4fed;
    position: absolute
}

.index_wrap_2x0GD .index_chat__icon_single_3b4ea {
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important
}

.index_wrap_left_3TVBe .index_normal_3-8_M {
    right: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 8px
}

.index_wrap_demo_3tg3m>div {
    width: 70px;
    position: absolute;
    right: 0;
    left: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe>div {
    left: 0;
    right: auto
}

.index_wrap_demo_3tg3m.index_wrap_left_3TVBe .index_normal_3-8_M {
    right: 40px
}

.index_channel__list_3kOOH {
    text-align: center;
    padding-bottom: 10px
}

.index_channel__list_3kOOH>div {
    position: static;
    width: 45px;
    height: 45px;
    min-width: auto;
    min-height: auto;
    margin: 0 0 10px 0;
    display: inline-block
}

.index_channel__list_3kOOH .index_channel__btn_1sHVK {
    right: 0!important;
    left: 0!important
}

.index_channel__list_3kOOH .index_close_Ke7KF {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid #999;
    background: #fff
}

.index_channel__list_3kOOH .index_close_Ke7KF i {
    color: #999
}

.index_channel__list_single_2wWBi {
    display: flex;
    flex-direction: column;
    padding: 0
}

.index_normal_space_3PipG {
    letter-spacing: 2px
}

.MiniChannel_icon__list_T1Kbz {
    list-style: none;
    line-height: 22px;
    vertical-align: middle
}

.MiniChannel_icon__list_T1Kbz li {
    display: inline-block;
    margin-right: 16px;
    cursor: pointer
}

.MiniChannel_icon__list_T1Kbz li img {
    width: 22px;
    vertical-align: middle;
    display: inline-block
}

.MiniChannel_icon__list_T1Kbz li i {
    display: none
}

.MiniChannel_icon__list_small_39JjX {
    line-height: 1;
    background: linear-gradient(90.06deg,rgba(0,0,0,.1) .05%,transparent 99.95%)
}

.MiniChannel_icon__list_small_39JjX li {
    margin-right: 8px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    padding: 5px;
    margin-top: 4px
}

.MiniChannel_icon__list_small_39JjX li img {
    display: none
}

.MiniChannel_icon__list_small_39JjX li i {
    display: block;
    color: #fff
}

.mobile .MiniChannel_icon__list_small_39JjX li {
    margin-right: 16px
}

.MiniChannel_email_2cryC i,.MiniChannel_line_3yRam i {
    color: #06c755
}

.MiniChannel_messenger_2GYgF i {
    color: #0084ff
}

.MiniChannel_whatsapp_2akdm i {
    color: #25d366
}

.MiniChannel_telegram_2rqQ5 i {
    color: #26a6e7
}

.MiniChannel_instagram_3wgg- i {
    color: #ff005e
}

.MutilChat_wrap_2RtHV {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 20px;
    border-top: 2px solid #f3f7ff;
    width: calc(100% - 40px);
    z-index: 4;
    background: #fff;
    transition: top .3s
}

.MutilChat_tips_2jpOd {
    color: #808695;
    line-height: 22px;
    font-size: 14px;
    margin-right: 10px
}

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

.ChannelGuide_wrap_1Npve {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 20px;
    border-top: 2px solid #f3f7ff;
    width: calc(100% - 40px);
    height: 78px;
    z-index: 6;
    background: #fff;
    text-align: center;
    border-radius: 0 0 12px 12px
}

.ChannelGuide_wrap_1Npve ul {
    margin-top: 5px
}

.ChannelGuide_wrap_1Npve a {
    display: inline-block;
    margin: 0 auto;
    margin-top: 8px
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H a {
    text-decoration: none;
    color: #ccc
}

.ChannelGuide_wrap_1Npve .ChannelGuide_www_2vV_H span {
    color: #b6bfcf;
    display: inline-block;
    vertical-align: middle
}

.ChannelGuide_tips_1GjTy {
    color: #808695;
    line-height: 24px;
    font-size: 14px
}

.CollectionGuide_wrap_2uT8B {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px 10px 20px;
    width: calc(100% - 40px);
    z-index: 6;
    background: #fff;
    text-align: center;
    border-radius: 0 0 12px 12px
}

.CollectionGuide_wrap_2uT8B p {
    line-height: 14px;
    margin-bottom: 6px;
    height: 28px;
    font-size: 14px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_btn_2XDZS {
    border: none;
    margin: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
    letter-spacing: .5px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f {
    margin-top: 10px
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f a {
    text-decoration: none;
    color: #ccc
}

.CollectionGuide_wrap_2uT8B .CollectionGuide_www_28h_f span {
    color: #b6bfcf;
    display: inline-block;
    vertical-align: middle
}

.CollectionGuide_icon_1Jwgk {
    background: #5498f3;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -20px
}

.CollectionGuide_icon_1Jwgk i {
    line-height: 40px;
    color: #fff
}

.CollectionGuide_info_d3cDe {
    height: 72px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 30px;
    background: #f2f6fd;
    border-radius: 8px;
    position: relative
}

.CollectionGuide_tips_2AoES {
    color: #808695;
    line-height: 24px;
    font-size: 14px
}

.Report_wrap_13Mf0 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 9;
    border-radius: 15px;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    box-shadow: 0 2px 10px 2px rgba(0,0,0,.2)
}

.Report_wide_1TzhA {
    width: 500px;
    box-sizing: border-box
}

.Report_mobilewide_3hcrg {
    width: 90%;
    max-height: 80%
}

.Report_wrap_content_header_4jGHD {
    display: flex
}

.Report_window_name_3_Hws {
    max-width: 70%
}

.Report_wrap_title_uJr-I {
    text-align: center;
    margin: 20px 0 10px
}

.Report_wrap_content_2uOS6 {
    display: flex;
    flex-direction: column;
    margin: 15px
}

.Report_wrap_textarea_1D6PA {
    position: relative
}

.Report_wrap_content_text_iT-WY {
    display: flex;
    align-items: start;
    margin: 20px 0
}

.Report_broadside_1CC_J {
    margin: 0 20px;
    max-width: 80px;
    white-space: normal;
    word-wrap: break-word
}

.Report_broadside_mobile_2DYuI {
    margin: 0 10px 0 0
}

.Report_report_content_3Ety_ {
    padding: 10px 10px 20px;
    border-radius: 10px;
    resize: none;
    line-height: 1.5;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    width: 320px;
    height: 200px
}

.Report_report_content_mobile_3sIV1 {
    max-width: 60vw;
    max-height: 30vh
}

.Report_report_content_3Ety_::-moz-placeholder {
    color: #d7d7d7
}

.Report_report_content_3Ety_:-ms-input-placeholder {
    color: #d7d7d7
}

.Report_report_content_3Ety_::placeholder {
    color: #d7d7d7
}

.Report_text_count_3LGdN {
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 60px;
    height: 15px;
    z-index: 2;
    background-color: #fff;
    color: #7f7f7f;
    text-align: center
}

.Report_text_tips_B5AYA {
    color: #7f7f7f;
    max-width: 320px;
    font-size: 12px;
    margin-top: 5px
}

.Report_text_tips_mobile_1N3AN {
    max-width: 60vw
}

.Report_wrap_footer_hD1H- {
    display: flex;
    justify-content: center
}

.Report_btn_3PnEl {
    margin: 0 5px;
    min-width: 90px;
    min-height: 35px;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    font-size: 14px
}

.Report_btn_cancel_2RyaO {
    background-color: #fff
}

.Report_btn_submit_RwuXr {
    background-color: #aaa;
    color: #fff
}

.Report_btn_primary_CttrH {
    background-color: #2e4fed
}

.fade {
    opacity: 1
}

.fade-enter-active,.fade-leave-active,.fadeLeft-enter-active,.fadeLeft-leave-active {
    transition: opacity .3s,transform .3s
}

.fade-enter {
    opacity: 0;
    transform: translate(30px)
}

.fadeLeft-enter {
    opacity: 0;
    transform: translate(-30px)
}

.fade-enter-to,.fadeLeft-enter-to {
    opacity: 1;
    transform: translate(0)
}

.fade-leave,.fadeLeft-leave {
    opacity: 1
}

.fade-leave-to {
    transform: translate(30px);
    opacity: 0
}

.fadeLeft-leave-to {
    transform: translate(-30px);
    opacity: 0
}

.fadein-enter-active {
    -webkit-animation: fadein .5s;
    animation: fadein .5s
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.noIcon {
    opacity: 1;
    transition: width .2s ease 0s,height .2s ease 0s,transform .3s cubic-bezier(0,1.2,1,1) 0s,opacity .1s ease-out 0s
}

.noIcon-leave {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden
}