@charset "utf-8";
.sharejs_btn {color: #333333;font-size: 14px;cursor: pointer;display: inline-block;vertical-align: middle;width: 33px;height: 33px;}
.sharejs_btn:before {color: #a1a1a1;font-size: 22px;}
.sharejs_icon {overflow: hidden;font-size: 24px;}
.sharejs_icon:hover {}
.sharejs_icon.icon_Qzone{color: #F1C40F;border-color: #F1C40F;}
.sharejs_icon.icon_Qzone:hover{background-color: #F1C40F;}

.shareFont{
    font-family: "iconfont" !important;
    font-size: 28px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.5;
    transition: all 0.4s ease-out;
}
.shareFont:hover{
    opacity: 1;
}
.icon_WeChat{
    color: #50b674;
}
.icon_WeChat::before{
    content: "\e6b3";
}

.icon_SinaWeibo{
    color: #f3604c;
}
.icon_SinaWeibo::before{
    content: "\e6b2";
}
.icon_TencentQQ{
    color: #08a2df;
}
.icon_TencentQQ::before{
    content: "\e6b4";
}
.icon_shareClose::before{
    content: "\eca0";
}


/* 分享样式 start */
.sharejs_list {margin:-4px;display: flex;}
.sharejs_list:after {content: ' ';display: block;clear: both;height: 0;opacity: 0;visibility: hidden;}
.sharejs_item {}
.sharejs_con {margin:4px;cursor: pointer;overflow: hidden;}
.sharejs_text {line-height: 24px;color: #333333;font-size: 14px;text-align: center;}
.theme2.sharejs_list .sharejs_icon{float: left;margin-right: 5px;}
.theme2.sharejs_list .sharejs_text{float: left;height: 33px;line-height: 33px;}
.theme3.sharejs_list .sharejs_icon{float: left;margin-right: 5px;color: #fff !important;background: none !important;border: none !important;width: auto;}
.theme3.sharejs_list .sharejs_text{float: left;height: 33px;line-height: 33px;color: #fff;}
.theme3.sharejs_list .sharejs_con{border-radius: 4px;padding: 5px 15px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.theme3.sharejs_list .sharejs_con:hover{opacity: 0.85;}
/* .theme3.sharejs_list .sharejs_item{width: 10%;} */
/* 分享样式 end */
/* 弹窗样式 start */
.sharejs_tips {position: fixed;z-index: 1996;box-sizing: border-box;-webkit-box-sizing: border-box;display: none;text-align: center;font-size: 0;white-space: nowrap;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;overflow: hidden;}
.sharejs_tips:before {content: '';display: none;position: absolute;left: 0;right: 0;margin: auto;bottom: -6px;width: 16px;height: 16px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #fff;border-radius: 2px;transition: .3s;-webkit-transition: .3s;}
.sharejs_tips.show {display: block;overflow: unset;}
.sharejs_tips .sharejs_list {display: inline-block;vertical-align: middle;background: #FFFFFF;box-shadow: 0 15px 25px rgb(0 0 0 / 25%);-webkit-box-shadow: 0 15px 25px rgb(0 0 0 / 25%);border-radius: 40px;padding: 10px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sharejs_tips .sharejs_item {float: unset;display: inline-block;}
.sharejs_tips.mb {width: 100%;top: unset !important;left: 0 !important;display: block !important;bottom: 0 !important;transform: translateY(100%);-webkit-transform: translateY(100%);}
.sharejs_tips.mb .sharejs_list{padding: 15px 20px 10px;}
.sharejs_tips.mb.show {transform: translateY(0);-webkit-transform: translateY(0);}
.sharejs_tips.mb.show .sharejs_list{box-shadow: 0 15px 25px rgb(0 0 0 / 60%);-webkit-box-shadow: 0 15px 25px rgb(0 0 0 / 60%);}
.sharejs_tips.mb .sharejs_list {text-align: center;width: 100%;border-radius: 40px 40px 0 0;display: flex;justify-content: center;align-items: center;overflow: hidden;flex-wrap: wrap;}
.sharejs_tips.mb .sharejs_item {display: block;}
.sharejs_tips.fixedLeft{position: fixed;left: 0;z-index: 99;height: max-content;margin: auto;top: 0;bottom: 0;}
.sharejs_tips.fixedLeft .sharejs_list{border-radius: 0 15px 15px 0;}
.sharejs_tips.fixedLeft .sharejs_item{display: block;}
.sharejs_tips.fixedRight{position: fixed;right: 0;z-index: 99;height: max-content;margin: auto;top: 0;bottom: 0;}
.sharejs_tips.fixedRight .sharejs_list{border-radius:15px 0  0 15px;}
.sharejs_tips.fixedRight .sharejs_item{display: block;}
.sharejs_wxMask {background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1996;opacity: 0;visibility: hidden;overflow: hidden;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;padding: 40px 15px;}
.sharejs_wxMask.show {opacity: 1;visibility: visible;}
.sharejs_wxTipsIcon {position: absolute;top: 5px;right: 120px;font-size: 30px;color: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.sharejs_wxTipsText {float: right;color: #fff;font-size: 16px;width: 40%;text-align: right;line-height: 24px;}
.sharejs_wxMask.mb .sharejs_wxTipsIcon {right: 30px;}
.sharejs_wxMask.mb .sharejs_wxTipsText {width: 65%;}
.sharejs_msgBox {position: fixed;top: 0;bottom: 0;left: 0;right: 0;text-align: center;font-size: 0;z-index: 1996;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transform: scale(0);-webkit-transform: scale(0);overflow: hidden;}
.sharejs_msgBox.show {transform: scale(1);-webkit-transform: scale(1);}
.sharejs_msgBox:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.sharejs_msgCon {position: relative;display: inline-block;vertical-align: middle;background: rgba(0, 0, 0, 1);font-size: 14px;color: #fff;border-radius: 5px;padding: 10px 20px;}
.sharejs_msgClose{display: none;position: absolute;width: 20px;height: 20px;line-height:20px;border-radius: 50%;background-color: #555;cursor: pointer;font-size: 12px;top: -4px;right: -4px;z-index: 5;}
.timeFalse .sharejs_msgClose{display: block;}
.sharejs_popMask {background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1996;text-align: center;font-size: 0;opacity: 0;visibility: hidden;overflow: hidden;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.sharejs_popMask.show {opacity: 1;visibility: visible;}
.sharejs_popMask:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.sharejs_popCon {display: inline-block;vertical-align: middle;background-color: #FFFFFF;max-width: 360px;border-radius: 15px;box-shadow: 0px 10px 15px rgb(0, 0, 0, .25);-webkit-box-shadow: 0px 10px 15px rgb(0, 0, 0, .25);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transform: scale(1.2);-webkit-transform: scale(1.2);text-align: left;font-size: 14px;color: #333333;overflow: hidden;}
.sharejs_popMask.show .sharejs_popCon {transform: scale(1);-webkit-transform: scale(1);}
.sharejs_popHeader {padding: 10px 20px;border-bottom: 1px solid #ebedf9;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sharejs_title {font-size: 20px;color: #333;line-height: 28px;padding: 3px 0;overflow: hidden;}
.sharejs_close {float: right;display: inline;color: #333;font-size: 18px;background: #efefef;height: 34px;width: 34px;line-height: 34px;text-align: center;cursor: pointer;border-radius: 50%;font-size: 14px;font-weight: bold;transition: 0.3s linear;-webkit-transition: 0.3s linear;}
.sharejs_popHeader .sharejs_close {margin-left: 10px;}
.sharejs_close:hover {color: #FFFFFF;background: #f00;}
.sharejs_popBody {padding: 20px 20px 10px;overflow: hidden;max-height: 300px;overflow-y: auto;}
.sharejs_codeBox {position: relative;text-align: center;font-size: 0;padding: 10px 20px;}
.sharejs_codeBox .sharejs_codeCon,
.sharejs_codeBox canvas,
.sharejs_codeBox img {min-height: 150px;min-width: 150px;background: #eee;max-width: 100%;max-height: 100%;display: inline-block;margin: 0 auto;}
.sharejs_popFooter {padding: 0 20px 10px;overflow: hidden;}
.sharejs_linkBox {padding: 10px 0 0;}
.sharejs_linkCon {border: 1px dashed #c1c1c1;border-radius: 4px;overflow: hidden;}
.sharejs_linkIcon {height: 34px;line-height: 34px;font-size: 16px;color: #333;white-space: nowrap;text-align: center;margin: 0 10px;float: left;display: inline;}
.sharejs_linkVal {overflow: hidden;}
.sharejs_linkBtn {float: right;display: inline; white-space: nowrap;background: #7d2ae8;min-width: 80px;font-size: 14px;color: #fff;border-radius: 4px;cursor: pointer;height: 34px;line-height: 34px;text-align: center;padding: 0 10px;}
.sharejs_linkBtn2{float: unset;display: block;}
.sharejs_linkInput {width: 100%;outline: none;border: none;box-sizing: border-box;-webkit-box-sizing: border-box;height: 34px;line-height: 34px;font-size: 16px;color: #333;padding-right: 10px;}
.sharejs_popShare{text-align: center;}
.sharejs_popShare .sharejs_list{display: inline-block;}
.sharejs_popShare .sharejs_item{display: inline-block;float: unset;}
.sharejs_shareContent{padding:15px;background:#f5f5f5;border-radius: 6px;}
.sharejs_shareTitle{font-size: 16px;color: #000000;padding-bottom: 10px;border-bottom: 1px solid #c1c1c1;}
.sharejs_shareDesc{font-size: 14px;color: #666;padding: 10px 0;}
.sharejs_shareUrl{font-size: 14px;color: #666;text-decoration: none;transition: .3s linear;-webkit-transition: .3s linear;}
.sharejs_shareUrl:hover{color: #7d2ae8;}
/* 弹窗样式 end */