.social-share-dialog-wrap{position:fixed;bottom:0;width:100%;height:100%;z-index:1000}.social-share-dialog-wrap .social-share-panel-overlay{width:100%;height:100%;background:#000;background:rgba(0,0,0,.6)}.social-share-dialog-wrap .social-share-panel{position:fixed;left:0;bottom:-250px;background:#fff;width:100%;height:250px;border-top-right-radius:5px;border-top-left-radius:5px}@-webkit-keyframes show{0%{bottom:-250px}to{bottom:0}}@keyframes show{0%{bottom:-250px}to{bottom:0}}@-webkit-keyframes hide{0%{bottom:0}to{bottom:-250}}@keyframes hide{0%{bottom:0}to{bottom:-250}}.social-share-dialog-wrap .social-share-panel.show{bottom:0;-webkit-animation:show .3s;animation:show .3s}.social-share-dialog-wrap .social-share-panel.hide{bottom:-250px;-webkit-animation:hide .3s;animation:hide .3s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.social-share-dialog-wrap .social-share-benefit-panel-wrap{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-share-dialog-wrap .social-share-benefit-panel-wrap.show{opacity:1;-webkit-animation:fadeIn .3s;animation:fadeIn .3s}.social-share-dialog-wrap .social-share-benefit-panel-wrap.hide{opacity:0;-webkit-animation:fadeOut .3s;animation:fadeOut .3s}.social-share-dialog-wrap .social-share-title{text-align:center;font-weight:700;font-size:14px;height:44px;line-height:44px}.social-share-dialog-wrap .social-share-close{position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;text-align:center}.social-share-dialog-wrap .social-share-close:after{content:"\2715"}.social-share-dialog-wrap .social-share-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4px}.social-share-dialog-wrap .social-share-item{width:25%}.social-share-dialog-wrap .social-share-icon{height:64px}.social-share-dialog-wrap .social-share-name{text-align:center;height:30px;line-height:30px}.social-share-icon.facebook{background:url(https://img.alicdn.com/tfs/TB1CGt3HKH2gK0jSZJnXXaT1FXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.gmail{background:url(https://img.alicdn.com/tfs/TB1i0BYHUY1gK0jSZFMXXaWcVXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.instagram{background:url(https://img.alicdn.com/tfs/TB1EWt3HKH2gK0jSZJnXXaT1FXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.copylink{background:url(https://img.alicdn.com/tfs/TB14KR2HND1gK0jSZFyXXciOVXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.messenger{background:url(https://img.alicdn.com/tfs/TB17ApVHFT7gK0jSZFpXXaTkpXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.more{background:url(https://img.alicdn.com/tfs/TB1g7hWHFP7gK0jSZFjXXc5aXXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.ok{background:url(https://img.alicdn.com/tfs/TB1_1R2HND1gK0jSZFyXXciOVXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.pinterest{background:url(https://img.alicdn.com/tfs/TB1HVhYHUT1gK0jSZFrXXcNCXXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.twitter{background:url(https://img.alicdn.com/tfs/TB1jwN1HKL2gK0jSZFmXXc7iXXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.viber{background:url(https://img.alicdn.com/tfs/TB1tFx1HND1gK0jSZFKXXcJrVXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.vk{background:url(https://img.alicdn.com/tfs/TB1a8F2HQT2gK0jSZFkXXcIQFXa-120-120.png) 50%/auto 64px no-repeat}.social-share-icon.whatsapp{background:url(https://img.alicdn.com/tfs/TB1tmRZHQY2gK0jSZFgXXc5OFXa-120-120.png) 50%/auto 64px no-repeat}.social-share-benefit-panel{width:74vw;color:#fff}.social-share-benefit-panel img{display:block;width:100%}.social-share-benefit-panel .panel-body{margin-top:-1px;min-height:100px}.social-share-benefit-panel .panel-body .benefit-title{margin:0;padding:0 14px;font-size:21px;line-height:25px;font-weight:700;text-align:center}.social-share-benefit-panel .panel-body .benefit-sub-title{padding:0 50px;font-size:11px;line-height:14px;text-align:center}.social-share-benefit-panel .panel-body.has-sub-title .benefit-title{font-size:17px}.social-share-benefit-panel .panel-body.has-sub-title .benefit-list{margin-top:8px}.social-share-benefit-panel .panel-body .benefit-list{border-top:1px solid #fff;margin:15px 12px 0;padding:20px 4px}.social-share-benefit-panel .panel-body .benefit-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social-share-benefit-panel .panel-body .benefit-list li+li{margin-top:14px}.social-share-benefit-panel .panel-body .benefit-list .benefit-item-num{-ms-flex-negative:0;flex-shrink:0;display:inline-block;width:36px;height:36px;line-height:36px;background-size:36px 36px;background-position:50%;font-size:18px;font-weight:700;text-align:center;color:#fff}.social-share-benefit-panel .panel-body .benefit-list .benefit-item-txt{margin-left:8px;font-size:13px;line-height:18px;font-weight:600}.rax-view{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-line-pack:start;align-content:flex-start;border:0 solid #000;margin:0;padding:0;min-width:0}.rax-text,.rax-view{-webkit-box-sizing:border-box;box-sizing:border-box}.rax-text{display:block;font-size:32rpx;white-space:pre-wrap}.rax-text--overflow-hidden{overflow:hidden}.rax-text--singleline{white-space:nowrap}.rax-text--multiline{display:-webkit-box;-webkit-box-orient:vertical}