@charset "utf-8";
/* CSS Document */
body {
	font-family: CXChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
	color: #131B26;
	background: #FFFFFF;
}

@font-face {
	font-family: CXChineseQuote;
	font-weight: 300;
	src: local("PingFangSC-Light");
	unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
	font-family: CXChineseQuote;
	font-weight: 400;
	src: local("PingFangSC-Regular");
	unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
	font-family: CXChineseQuote;
	font-weight: 500;
	src: local("PingFangSC-Medium");
	unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
	font-family: CXChineseQuote;
	font-weight: 600;
	src: local("PingFangSC-Semibold");
	unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
	font-family: CXEmojiFont;
	src: local("Apple Color Emoji"),local("Noto Color Emoji");
	unicode-range: U+1f21a,U+1f250,U+1f237
}

@font-face {
	font-family: CXHackSafariFont;
	src: local("Helvetica Neue");
	unicode-range: U+0000
}

.shareCon iframe.attach-module {display: block;width: 100% !important;margin: 5px 0;}

@media only screen and (max-width: 690px){
	.shareCon iframe.attach-module {
	    height: 74px;
	}
}
/*立即打开*/
.onload_pos{ height:50px;}
.tishi{position:fixed;top:0;left:0;z-index:8;width:100%;height: 50px;background-color: #4a4a4a;padding:0 15px 0 16px;background-position: bottom center; background-repeat: no-repeat; background-size: 100% 1px;
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-moz-box-align: center;-webkit-box-align: center;box-align: center;}
.tishi .logo{-moz-box-flex: 1;-webkit-box-flex: 1; }
.tishi .logo img{ display:block; height: 36px; }
.tishi .close{display: block; width:14px; height:14px; background:url(/res/images/share/tishi_close.png) center center / contain no-repeat;}
.tishi .btn{display:block; width:50px; height:30px; margin-right: 15px; line-height:30px;font-size:14px;color:#FFF; background:#33adff; border-radius:15px; text-align:center; }
.editor-image{ background-color:unset!important;}
.annex-audio {
	width: 60px;
	height: 60px;
	position: relative;
	margin-right: 10px;
}

.annex-audio-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	background-image: url(/res/images/share/icon_att_voice.png);
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: -120px 0;
}

.animate .annex-audio-img {
	-webkit-animation: ani 0.5s steps(3) infinite;
}
#share_attr{padding: 0 15px 20px; max-width: 720px; margin: 0 auto;}
.share_attr{padding: 0 15px 20px;}
.notes-forward{ position:relative; padding:12px; margin-top:10px; z-index:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-moz-box-align: center;-webkit-box-align: center;box-align: center;}
.notes-forward::before{position: absolute; z-index: -1;top: 0;left: 0;width: 200%;height: 200%; content: ""; box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5); -webkit-transform-origin: left top;transform-origin: left top; background: #f4f5f6;}
.notes-forward .img{position: relative; width:50px; height: 50px; margin-right:11px; border-radius: 4px; overflow:hidden;}
.notes-forward .img img{width:100%; height:100%;}
.notes-forward .dl{-moz-box-flex: 1;-webkit-box-flex: 1;}
.notes-forward h2{width:100%; color:#333; line-height:1.4; margin-bottom: 2px; font-size: 15px; font-weight: normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notes-forward p.con{ font-size:12px; line-height:1.3; color:#999;margin-bottom: 1px; display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notes-forward object{ font-size:12px; line-height:15px;  color:#999;}
.notes-forward .aside{font-size:11px;color:#999; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.notes-forward .blue{ color:#0099ff;}
/*!*左侧遮罩*!*/
/*.playmask{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10; background: rgba(0,0,0,0.5); border-radius: 3px;}*/
/*.playmask audio{display: none;}*/
/*.playmask .playicon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/
/*@keyframes rotate{	from{transform: rotate(0);}	to{transform: rotate(360deg);} }*/
/*.audio-content{display: none; height: 18px;}*/
/*!*进度条*!*/
/*.audio-progress { position: relative; float: left; width: calc(100% - 90px); height: 2px; margin: 7px 10px 0 0; background: #eee; }*/
/*.audio-progress .audio-progress-detail { height: 100%; width: 100%; background: #ebebeb; position: relative; cursor: pointer; }*/
/*.audio-progress .audio-progress-detail .audio-voice-p { width: 0%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: #0099ff; z-index: 2; }*/
/*.audio-progress .audio-progress-detail .audio-buffer-p { width: 0%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: #d9d9d9; z-index: 1; }*/
/*.audio-progress .audio-origin-bar { position: absolute; top: 0; left: 0; width: calc(100% - 12px); height: auto; }*/
/*.audio-progress .audio-origin { position: absolute; left: 0; top: 50%; z-index: 2; width: 12px; height: 12px; margin-top: -6px; margin-left: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 0 3px 1px #ebebeb; }*/
/*.audio-progress .audio-origin.loading { animation: rotate 1s linear infinite; background-image: url(/res/images/share/loadingmini.png); background-size: 10px 10px; background-position: center center;  background-repeat: no-repeat; }*/
/*!*正在加载*!!*时间进度*!*/
/*.audio-loading-text,.audio-time {display: none; float: left; width: 80px; height: 18px; line-height: 18px; font-size: 11px; color: #999999;}*/

/*!*加载中*!*/
/*.loading .playmask{display: none;}*/
/*.loading .audio-loading-text{display: block;}*/
/*.loading .audio-time{display: none;}*/
/*.loading .audio-content {display: block;}*/
/*.loading .audio-origin { animation: rotate 1s linear infinite; background-image: url(/res/images/share/loadingmini.png); background-size: 10px 10px; background-position: center center; background-repeat: no-repeat; }*/
/*.loading .aside{display: none;}*/
/*!*播放状态*!*/
/*.play .playmask{display: block;}*/
/*.play .playmask .playicon{background: url(/res/images/share/play.png) center center / 16px 16px no-repeat;}*/
/*.play .audio-loading-text{display: none;}*/
/*.play .audio-time{display: block;}*/
/*.play .audio-content {display: block;}*/
/*.play .audio-origin{background-image: none;}*/
/*.play .aside{display: none;}*/
/*!*暂停状态*!*/
/*.pause .playmask{display: block;}*/
/*.pause .playmask .playicon{background: url(/res/images/share/pause.png) center center / 16px 16px no-repeat;}*/
/*.pause .audio-loading-text{display: none;}*/
/*.pause .audio-time{display: block;}*/
/*.pause .audio-content {display: block;}*/
/*.pause .audio-origin{background-image: none;}*/
/*.pause .aside{display: none;}*/
/*@keyframes rotate{	from{transform: rotate(0);}	to{transform: rotate(360deg);} }*/

@-webkit-keyframes ani {from { background-position:0 0} to {background-position: -180px 0} }
.annex-audio-bot {
	width: 100%;
	height: 100%;
}

.space-ball{width: 100px;height: 40px;position: fixed;top: 20px;right: 20px;line-height: 40px; font-size: 16px; text-align: center; cursor:pointer; color: #3A8BFF;background: #ffffff;border-radius: 32px; box-shadow: 0px 2px 10px 0px rgb(31 35 41 / 10%);}
/*2022-1-19 标题和正文样式*/
.richtext{color: #131B26; font-size:16px;}
.shareBox{padding:60px 50px 0;max-width: 900px; margin: 0 auto;}
.shareTit{font-size: 18px;color: #131B26;line-height: 1.5;margin-bottom: 20px;font-weight: 600;}
.mac .shareTit{font-weight: 500}
.shareAuthor{font-size:14px;color:#999999; margin-bottom: 14px}
.shareCon{font-size:16px; line-height:2; word-wrap:break-word; word-break:normal;}

@media only screen and (max-width: 600px){
	.richtext{color: #333333;}
	.shareBox{padding:30px 26px 0;max-width: unset; margin: 0 auto;}
	.shareTit{color: #333333;}
	body .richtext .foldtitle-tri-wrap{display: block}
	body .richtext .foldtitle-tri-wrap:hover .hoverTips{display: none}
}