.share_code_box{--font-bold:PlusJakartaSans-B;position:fixed;bottom:170px;right:20px;background-color:#fff;border-radius:24px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.1);box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:90;visibility:visible;-webkit-transition:all .5s ease;transition:all .5s ease}.share_code_box .share_code_head{padding:24px;color:#000;border-bottom:1px dashed rgba(0,0,0,.3)}.share_code_box .share_code_head .share_code_title{font-size:18px;font-weight:700;font-family:var(--font-bold)}.share_code_box .share_code_head .share_code_title span{color:#e70000}.share_code_box .share_code_head .code_close_ico{font-size:24px;line-height:1;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.share_code_box .share_code_head .code_close_ico:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.share_code_box .qrcode_box{padding:24px;border-bottom:1px dashed rgba(0,0,0,.3)}.share_code_box .qrcode_box .qrcode_img_box{width:192px;height:192px;padding:14px;margin-bottom:16px}.share_code_box .qrcode_box .qrcode_img_box #qrcode_canvas{width:192px;height:192px}.share_code_box .qrcode_box .qrcode_img_box #qrcode_canvas canvas,.share_code_box .qrcode_box .qrcode_img_box #qrcode_canvas img{width:100%}.share_code_box .website_box{padding:24px}.share_code_box .website_box .website_con{width:192px;border:1px solid rgba(0,0,0,.4);padding:10px 12px;color:#525252;background-color:#fafafa;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:16px}.share_code_box .code_btn{display:block;height:40px;border-radius:999px;line-height:40px;text-align:center;color:#000;border:1px solid #424242;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.share_code_box .code_btn:hover{border-color:#000;background-color:#000;color:#fff}.share_code_box.hide{visibility:hidden;right:-300px}.code_mask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:80;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.code_mask.show{opacity:1;visibility:visible}.expert_btn_box{position:fixed;bottom:170px;right:20px;z-index:50}.expert_btn_box .expert_btn{width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;background-color:#000;color:#fff;margin-bottom:10px;cursor:pointer}.expert_btn_box .expert_btn .iconfont{font-size:24px}.expert_btn_box .expert_btn:last-child{margin-bottom:0}@media screen and (max-width:750px){.code_mask{display:block}.share_code_box{width:240px;top:50%;left:50%;right:auto;bottom:auto;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);opacity:1;-webkit-transition:all .5s ease;transition:all .5s ease}.share_code_box.hide{-webkit-transform:translate3d(-50%,-50%,0) scale(.6);transform:translate3d(-50%,-50%,0) scale(.6);opacity:0;visibility:hidden}.expert_btn_box{bottom:150px}.expert_btn_box .expert_btn{width:40px;height:40px;line-height:40px}.expert_btn_box .expert_btn .add_btn_icon{font-size:20px}.web_share_btn_box{display:none}}