@charset "utf-8";
/* 字体图标 start */
@font-face {
  font-family: "shareFont"; /* Project id 2710472 */
  src: url('../fonts/iconfont.woff2?t=1627978504356') format('woff2'),
       url('../fonts/iconfont.woff?t=1627978504356') format('woff'),
       url('../fonts/iconfont.ttf?t=1627978504356') format('truetype');
}
.shareFont {font-family: "shareFont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-rrw:before {content: "\e64d";}
.icon-txweibo:before {content: "\e609";}
.icon-diandian:before {content: "\e7fb";}
.icon-google:before {content: "\e61f";}
.icon-twitter:before {content: "\e602";}
.icon-douban:before {content: "\e622";}
.icon-wechat:before {content: "\e61e";}
.icon-wechatpyq:before {content: "\e699";}
.icon-qzone:before {content: "\e600";}
.icon-weibo:before {content: "\e684";}
.icon-linkedin:before {content: "\e608";}
.icon-facebook:before {content: "\e601";}
.icon-qq:before {content: "\e6b4";}
/* 字体图标 end */
/* 分享按钮样式 start */
.shareParent {font-size: 0;}
.shareParent .shareItem{display: inline-block;text-align: center;}
.shareParent .shareIcon{font-size: 0;}
.shareParent .shareText{line-height: 30px;color: #333333;font-size: 12px;}
.shareParent .shareFont {position: relative;display:inline-block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;margin: 0 5px;border: 1px solid #666;color: #666;font-size: 20px;text-align: center;vertical-align: middle;transition:0.6s ease-out 0s;-webkit-transition:0.6s ease-out 0s;cursor: pointer;}
.shareParent .shareFont.icon-weibo {color: #ff763b;border-color: #ff763b;}
.shareParent .shareFont.icon-weibo:hover{color: #FFFFFF;background: #ff763b;}
.shareParent .shareFont.icon-qzone {color: #FDBE3D;border-color: #FDBE3D;}
.shareParent .shareFont.icon-qzone:hover{color: #FFFFFF;background: #FDBE3D;}
.shareParent .shareFont.icon-qq {color: #56b6e7;border-color: #56b6e7;}
.shareParent .shareFont.icon-qq:hover{color: #FFFFFF;background: #56b6e7;}
.shareParent .shareFont.icon-txweibo {color: #56b6e7;border-color: #56b6e7;}
.shareParent .shareFont.icon-txweibo:hover{color: #FFFFFF;background: #56b6e7;}
.shareParent .shareFont.icon-douban {color: #33b045;border-color: #33b045;}
.shareParent .shareFont.icon-douban:hover{color: #FFFFFF;background: #33b045;}
.shareParent .shareFont.icon-diandian {color: #307DCA;border-color: #307DCA;}
.shareParent .shareFont.icon-diandian:hover{color: #FFFFFF;background: #307DCA;}
.shareParent .shareFont.icon-linkedin {color: #0077B5;border-color: #0077B5;}
.shareParent .shareFont.icon-linkedin:hover{color: #FFFFFF;background: #0077B5;}
.shareParent .shareFont.icon-facebook {color: #44619D;border-color: #44619D;}
.shareParent .shareFont.icon-facebook:hover{color: #FFFFFF;background: #44619D;}
.shareParent .shareFont.icon-twitter {color: #55acee;border-color: #55acee;}
.shareParent .shareFont.icon-twitter:hover{color: #FFFFFF;background: #55acee;}
.shareParent .shareFont.icon-google {color: #db4437;border-color: #db4437;}
.shareParent .shareFont.icon-google:hover{color: #FFFFFF;background: #db4437;}
.shareParent .shareFont.icon-wechat {color: #7bc549;border-color: #7bc549;}
.shareParent .shareFont.icon-wechat:hover{color: #FFFFFF;background: #7bc549;}
.shareParent .shareFont.icon-wechatpyq {color: #7bc549;border-color: #7bc549;}
.shareParent .shareFont.icon-wechatpyq:hover{color: #FFFFFF;background: #7bc549;}
/* 分享按钮样式 start */
/* 弹窗 start */
.sharePop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;background: rgba(0, 0, 0, 0.5);transition: 0.4s;-webkit-transition: 0.4s;opacity: 0;visibility: hidden;}
.sharePop.show{opacity: 1;visibility: visible;}
.sharePop .sharePopCon {background: #FFFFFF;font-size: 14px;color: #333333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);-webkit-transform: translate(-50%, -50%) scale(0);z-index: 5;padding: 0 0 30px;transition: 0.4s;-webkit-transition: 0.4s;}
.sharePop.show .sharePopCon{transform: translate(-50%, -50%) scale(1);-webkit-transform: translate(-50%, -50%) scale(1);}
.sharePop .sharePopBg{position: absolute;width: 0%;height: 0%;top: 0;left: 0;transition: 0.4s;-webkit-transition: 0.4s;}
.sharePop.show .sharePopBg{width: 100%;height: 100%;}
.sharePop .sharePopClose {width: 20px;height: 20px;margin: auto;position: absolute;top: 10px;right: 10px;cursor: pointer;}
.sharePop .sharePopClose::before,
.sharePop .sharePopClose::after {content: "";position: absolute;/*方便进行定位*/height: 20px;width: 1.5px;top: 2px;right: 9px;/*设置top和right使图像在20*20框中居中*/background: #999999;}
.sharePop .sharePopClose::before {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.sharePop .sharePopClose::after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.sharePop .ewmTitle {height: 40px;line-height: 40px;font-size: 14px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 30px 0 15px;}
.sharePop .imgEwm {width: 200px;overflow: hidden;margin: 30px 30px 0;text-align: center;}
.sharePop .imgEwm img {display: inline-block;margin: 0 auto;max-width: 100%;max-height: 100%;}
.sharePop .copyBox{padding:30px 15px 0;overflow: hidden;}
.sharePop .copyInput{width: 100%;overflow: hidden;border: 1px solid #E9E9E9;}
.sharePop .copyInput input{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #333333;border: none;outline: none;background: none;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 10px;}
.sharePop #copyBtn{text-align: center;font-size: 14px;color: #333333;height: 30px;line-height: 30px;cursor: pointer;}
/* 弹窗 end */
/* 微信浏览器分享提示 start */
#weChatShareTip{display: none;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.8) url(../images/guide.png) no-repeat calc(100% - 30px) 10px;background-size: 90% auto;position: fixed;left: 0px;top: 0px;z-index: 9999999;}
/* 微信浏览器分享提示 end */