/* 基础样式 */
wf-pop *,
wf-sns * {
box-sizing: border-box;
font-size: 14px;
font-family: Arial, sans-serif;
color: #1D2129;
/* 用来解决在安卓上的点击出现篮框问题 */
-webkit-tap-highlight-color: transparent;
border: none;
padding: 0;
margin: 0;
}
wf-container {
display: block;
width: 100%;
background: #F5F7FA;
/* overflow-y: unset; */
}
wf-article.wf-article-content {
display: none;
}
wf-article.wf-article-content * {
font-size: 16px;
line-height: 24px;
padding: 0;
margin: 0;
}
message-list-wrap wf-article.wf-article-content * {
font-size: 14px;
}
/* mjx-container 样式 */
wf-sns mjx-container * {
font-family: MJXZERO, MJXTEX;
}
wf-sns {
display: block;
width: 100%;
height: auto;
margin: 10px 0;
max-width: 838px;
position: relative;
}
/*清除浮动代码*/
.clearfloat:after {
display: block;
clear: both;
content: '';
visibility: hidden;
height: 0;
}
img.avatar-img {
width: 50px;
height: 50px;
vertical-align: middle;
border: 1px solid #E5E6EB;
border-radius: 25px;
}
img.avatar-img-small {
width: 34px;
height: 34px;
vertical-align: middle;
border: 1px solid #ccc;
border-radius: 17px;
}
ul,
ol,
li {
list-style-type: none;
}
wf-user.author{
display: inline-block;
font-size: 14px;
margin:0;
flex-wrap:unset;
}
wf-user {
display: inline-block;
width: auto;
color: #1D2129;
position: relative;
line-height: normal;
}
/* tab栏切换容器 */
tab tab-nav:hover {
color: #48d;
}
tab tab-nav.active {
border: none;
border-bottom: 2px solid #48d;
background-color: transparent;
color: #48d;
}
tab.tab-hide {
border-bottom: none;
display: none;
}
tab-nav.hot {
position: relative;
}
tab-nav.hot wf-span.hot {
position: absolute;
top: -15px;
left: 22px;
}
tab-nav.hot wf-span.hot img{
width: 28px;
height: 23px;
}
wf-sns tab.l2 {
display: block;
border: none;
padding: 0px;
margin: 0px;
height: unset;
line-height: unset;
margin-bottom: 10px;
border-bottom: 1px solid #F2F3F5 !important;
}
wf-sns tab.l2 tab-nav {
color: #1D2129;
padding: 0;
margin: 0px 20px;
font-size: 14px;
height: 29px;
line-height: 29px;
cursor: pointer;
}
/* wf-sns tab.l2 tab-nav:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
} */
/* wf-sns tab.l2 tab-nav:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border: unset;
} */
wf-sns tab.l2 tab-nav.active {
background-color: #fff;
color: #165DFF;
border-bottom: 2px solid #165DFF;
}
multiview {
display: block;
position: relative;
}
view {
display: none;
}
view.active {
display: block;
}
/* 社区容器 */
wf-container>wf-sns {
margin: 0 auto;
}
wf-sns-con.sns {
display: block;
width: 100%;
background: #fff;
height: 100%;
border-radius: 4px;
}
wf-sns-con.sns wf-button:hover,
wf-sns-con.sns wf-button:hover i,
wf-sns-con.sns wf-button:hover wf-span {
color: #4080FF;
background-color: unset;
}
wf-sns-con.sns tab.snsTab {
background: #F2F3F5;
display: block;
/* border-bottom: 1px solid #E5E6EB; */
border-bottom: unset !important;
font-size: 16px;
/* height: 40px; */
line-height: 40px;
border: none;
border-radius: 6px 6px 0 0;
}
wf-sns-con.sns tab.snsTab tab-nav {
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: unset;
margin: 0;
margin-right: 11px;
padding: 0;
width: 17%;
max-width: 110px;
min-width: 68px;
height: 41px;
line-height:41px;
}
wf-sns-con.sns tab.snsTab tab-nav:last-child {
margin: 0 0px 0 2px;
}
wf-sns i.remix {
font-size: 16px;
color: #4E5969;
margin-right: 2px;
}
wf-sns i.ri-send-plane-fill:before {
content: "\f0d9";
display: inline-block;
transform: rotate(270deg);
margin-top: 0px;
/* padding-top: 4px; */
font-size: 14px;
vertical-align: bottom;
}
wf-sns-con.sns tab.snsTab i.remix {
margin: 0 5px 0 0;
}
wf-sns-con.sns tab.snsTab tab-nav.active,
wf-sns-con.sns tab.snsTab tab-nav:hover {
background: #FFFFFF;
border: none;
color: #165DFF;
border-top-right-radius: 6px;
border-top-left-radius: 6px
}
wf-sns-con.sns tab.snsTab tab-nav.active i,
wf-sns-con.sns tab.snsTab tab-nav:hover i {
color: #165DFF;
}
/* 第三方评论 */
wf-comment {
font: 13px Arial, sans-serif;
color: #333;
box-sizing: border-box;
position: relative;
margin: 0px;
padding: 0px;
}
comment-from {
position: relative;
display: block;
margin-top: 10px;
}
/* 按钮 */
wf-button {
width: auto;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0px 15px;
margin: 0px 3px;
cursor: pointer;
}
wf-button img {
vertical-align: middle;
margin-right: 4px;
}
wf-button:hover {
background-color: #f8f8f8;
}
wf-p {
display: block;
color: #333;
}
wf-sns wf-p{
color: #1D2129;
}
wf-span {
display: inline-block;
color: #1D2129;
}
wf-ip-inner {
display: block;
text-align: center;
}
wf-ip {
font-size: 14px;
margin-right: 10px;
color: #4E5969;
}
wf-ip wf-span,
wf-ip wf-region {
color: #4E5969;
}
wf-ip+wf-button.messageType {
display: inline-block;
color: #4E5969;
font-size: 14px;
vertical-align: middle;
padding: 0;
margin-right: 10px;
}
wf-badge {
display: inline-block;
position: relative;
min-width: 20px;
margin-left: 10px;
}
wf-badge .img_badge {
position: absolute;
right: 0px;
left: 0;
top: -15px;
width: 20px;
height: 20px;
vertical-align: top;
}
excellent-badge wf-badge .img_badge {
width: 30px;
height: 24px;
top: -16px;
}
excellent-badge {
display: inline-block;
}
excellent-badge wf-badge {
margin: 0px 20px 0 0;
}
message-read-count {
display: block;
right: 0px;
top: -2px;
position: absolute;
color: #1D2129;
padding: 0px 3px 3px 3px;
text-align: center;
margin-right: 15px;
}
create-time {
display: inline-block;
color: #4E5969;
font-size: 14px;
vertical-align: middle;
margin-right: 10px;
}
create-time.wf-cursor-pointer {
cursor: pointer;
}
edit-state {
display: none;
height: 20px;
line-height: 20px;
border-radius: 2px;
background: #F2F3F5;
padding: 0 8px;
vertical-align: middle;
font-size: 12px;
}
edit-state.inlineBlock {
display: inline-block;
}
edit-state t.wf-cursor-pointer {
cursor: pointer;
font-size: 12px;
}
/* thin 弹框样式 */
/* 弹出窗体 */
popheader {
display: block;
background-color: #81c5ba;
padding: 0 10px;
color: #fff;
position: relative;
font-size: 14px;
}
popdialog {
display: block;
position: relative;
border-radius: 4px;
background: #fff;
overflow: hidden;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
}
closeicon {
position: absolute;
right: 10px;
top: 0;
cursor: pointer;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=50);
opacity: 0.5;
}
popmask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
overflow: hidden;
}
popmask popheader {
height: 30px;
line-height: 30px;
}
popbody {
display: block;
padding: 5px 10px;
}
popbody div {
margin: 15px 0;
}
popbody span {
font-size: 12px;
margin-left: 15px;
}
popbody upload-image-container {
top: 25px;
display: block;
}
popmask.new popdialog {
display: block;
position: relative;
border-radius: 6px;
background: #fff;
overflow: hidden;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
}
popmask.new popheader {
height: 30px;
font-size: 18px;
line-height: 30px;
padding: 4px 20px;
border-bottom: 1px solid #F2F3F5;
text-align: center;
color: #1D2129;
background: unset;
}
popmask.new closeicon {
position: absolute;
right: 20px;
top: 3px;
cursor: pointer;
color: #4E5969;
opacity: 1 !important;
font-size: 16px;
}
popmask.new popbody {
display: block;
padding: 20px;
min-height: 130px;
}
popmask.new wf-sns {
margin: 0;
}
/* tab栏切换容器 */
tab {
display: block;
border-bottom: 1px solid rgb(221, 221, 221);
padding: 0;
margin: 20px 0 10px 0;
display: block;
}
tab tab-nav {
height: 40px;
border: none;
color: #3c3c3c;
line-height: 28px;
padding: 5px 15px;
margin: 0;
cursor: pointer;
display: inline-block;
}
tab tab-nav:hover {
color: #48d;
}
tab tab-nav.active {
border: none;
border-bottom: 2px solid #48d;
background-color: transparent;
color: #48d;
}
/*基本样式和markdown适配*/
wf-h1 {
display: block;
font-size: 18px;
padding: 8px 0px;
color: #2d64b3;
}
wf-h2 {
display: block;
font-size: 16px;
padding: 6px 0px;
color: #2d64b3;
}
wf-h3 {
display: block;
font-size: 14px;
padding: 4px 0px;
color: #2d64b3;
}
wf-h4 {
display: block;
font-size: 12px;
padding: 2px 0px;
color: #2d64b3;
}
wf-h5 {
display: block;
font-size: 10px;
padding: 1px 0px;
color: #2d64b3;
}
wf-h6 {
font-size: 8px;
padding: 0px 0px;
color: #2d64b3;
}
/*wf.pop样式*/
wf-pop {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1000;
}
wf-popwindow {
display: block;
height: 100%;
width: auto;
/* max-width: 780px; */
background-color: #fff;
position: relative;
margin: auto;
}
wf-popbody {
display: block;
height: 100%;
width: 100%;
overflow-y: auto;
}
wf-closeicon {
display: block;
z-index: 101;
position: absolute;
font-size: 20px;
cursor: pointer;
color: #fff;
text-shadow: 0 1px 0 #fff;
right: -20px;
top: 5px;
}
wf-pop wf-pulldown {
z-index: 101;
}
/* 新版组件样式 */
wf-pop-new {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
z-index: 1002;
}
wf-popwindow-new {
background-color: #fff;
position: relative;
margin: auto;
display: flex;
width: 1200px;
height: 846px;
border-radius: 6px;
}
wf-popbody-new {
display: block;
width: 100%;
height: 100%;
}
wf-popwindow-new wf-sns {
padding: 0;
margin: 0;
}
wf-popwindow-new wf-editor-head {
display: flex;
width: 100%;
height: auto;
color: #1D2129;
justify-content: center;
text-align: center;
font: 14px Arial, sans-serif;
background-color: #fff;
border: none;
border-bottom: 1px solid #F2F3F5;
padding: 8px 20px;
}
wf-popwindow-new wf-editor-head wf-span {
color: #1D2129;
font-size: 18px;
width: 0 auto;
width: calc(100% - 20px);
margin-top: -1px;
}
/*悬浮用户卡片*/
wf-user a {
color: #2d64b3;
}
wf-user-head-img wf-p.wf_p_img {
display: inline-block;
background: #fff;
}
wf-chat-room-info wf-user-head-img wf-p.wf_p_img img.avatar-img {
width: 45px;
height: 45px;
vertical-align: middle;
border: 0;
border-radius: 50%;
}
wf-chat-room-info wf-user-head-img wf-p.wf_p_img {
cursor: default;
}
wf-user wf-p {
margin: 10px 0;
}
wf-user wf-p.wf_p_img {
display: block;
position: relative;
}
wf-user .wf_p_img .img_v {
display: block;
position: absolute;
right: 120px;
top: 30px;
}
wf-postcard * {
font-size: 14px;
}
wf-postcard {
display: block;
width: 300px;
height: auto;
color: #1D2129;
cursor: pointer;
position: absolute;
z-index: 10001;
padding: 20px 0 0 0;
border-radius: 6px;
}
wf-postcard wf-postcard-inner {
display: block;
background: #fff;
border-radius: 6px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
margin: 0;
}
wf-postcard wf-postcard-inner img.other-avatar-img {
width: 43px;
height: 43px;
border: 2px solid #fff;
vertical-align: middle;
border-radius: 50%;
}
wf-userinfo {
display: block;
text-align: center;
}
wf-userinfo.other_user_card {
background: url(https://com.wf.pub/images/usercard_bk_3.png) center no-repeat;
background-size: cover;
padding-bottom: 1px;
border-radius: 6px 6px 0 0 ;
}
wf-userinfo.user_flex {
display: flex;
justify-content: center;
background: url(https://com.wf.pub/images/usercard_bk_1.png) center no-repeat;
background-size: cover;
border-radius: 6px 6px 0 0;
padding: 10px 20px;
box-sizing: border-box;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}
wf-userinfo wf-div.userinfo {
margin: 0 0 0px 0px;
width: auto;
min-width: 184px;
max-width: 250px;
}
wf-usercard wf-badge .img_badge{
top: -8px;
width: 16px;
height: 16px;
}
wf-postcard wf-userinfo wf-p {
margin: 10px 0;
}
wf-postcard-inner wf-userinfo wf-p {
margin: 5px 0;
}
wf-postcard wf-userinfo wf-p:first-child {
padding-top: 10px;
}
wf-postcard wf-p .profile {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
color: #fff;
width: auto;
max-width: 110px;
}
wf-postcard wf-badge {
min-width: unset;
width: 16px;
height: 16px;
margin-left: 8px;
}
wf-postcard wf-badge .img_badge{
width: 16px;
height: 16px;
top: 4px;
}
wf-postcard wf-user-level{
margin-left: 8px;
}
wf-postcard wf-p.wf_p_img {
display: block;
position: relative;
}
wf-postcard .img_v {
display: block;
position: absolute;
right: 120px;
top: 30px;
}
wf-postcard wf-span.info {
width: 50px;
color: #fff;
font-size: 12px;
}
wf-postcard wf-span.info_conent {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
text-align: center;
width: auto;
max-width: calc(100% - 70px);
color: #fff;
font-size: 12px;
}
wf-postcard wf-userinfo .user_sex {
position: relative;
text-align: center;
width: 10px;
margin: 0 0 0 8px;
}
wf-postcard wf-userinfo .user_sex .img_sex {
width: 8px;
position: absolute;
top: -11px;
left: 0;
right: 0;
}
wf-useroperate {
display: block;
text-align: center;
}
user-mes {
display: block;
width: 100%;
/* height: 20px; */
text-align: center;
margin: 10px 0;
font-weight: 540;
}
user-mes span {
color: #E5E6EB;
}
user-mes wf-p {
display: inline-block;
margin: 0 10px;
}
user-ope {
display: block;
width: 100%;
height: auto;
text-align: center;
padding-bottom: 10px;
}
user-ope wf-button {
border-radius: 12px;
}
user-ope wf-button {
color: #4E5969;
border: 1px solid #E5E6EB;
opacity: 1;
}
user-ope wf-button.is_follow {
background-color: #4080FF;
border: 1px solid #4080FF;
color: #fff;
}
user-ope a {
display: block;
color: #333;
margin: 7px 0 0 0;
display: inline-block;
}
user-ope a.follow-show {
display: inline-block;
}
user-ope a.follow-hide {
display: none;
}
/* 本地用户卡片*/
wf-usercard {
display: block;
max-width: 350px;
height: auto;
width: auto;
max-height: 350px;
text-align: center;
z-index: 99;
border-top: 0px solid #fff;
border-radius: 8px;
min-width: 280px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-sizing: border-box;
}
wf-usercard *{
box-sizing: border-box;
}
wf-usercard wf-userinfo {
display: block;
width: 100%;
height: auto;
}
wf-usercard wf-userinfo wf-p {
text-align: left;
color: #1D2129;
}
wf-usercard wf-div.userinfo wf-p:first-child {
display: flex;
align-items: center;
}
wf-usercard.pub wf-div.userinfo wf-p:first-child {
display: flex;
align-items: center;
justify-content: center;
}
wf-usercard wf-p.wf_p_img {
position: relative;
margin-right: 6px;
}
wf-usercard .wf_p_img .img_v {
display: block;
position: absolute;
right: 74px;
top: 29px;
}
wf-usercard wf-p .profile {
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
height: 24px;
font-size: 16px;
}
wf-usercard wf-userinfo wf-p.user_profile {
font-size: 12px;
height: 17px;
}
wf-usercard wf-p.user_profile wf-span.info {
width:32px;
margin-right: 5px;
}
wf-usercard wf-p.user_profile wf-span.info_conent {
width: calc(100% - 37px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
text-align: left;
color: #4E5969;
}
wf-usercard wf-p.certification {
display: block;
font-size: 14px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 20px;
}
/* wf-usercard wf-p.certification wf-span.info{
width: 80px;
}
wf-usercard wf-p.certification wf-span{
font-size: 14px;
}
wf-usercard wf-p.certification wf-span.info_conent {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
word-break: break-all;
width: auto;
max-width: calc(100% - 80px);
text-align: left;
} */
wf-usercard user-ope {
display: block;
width: 100%;
height: 32px;
text-align: center;
background: url(https://com.wf.pub/images/usercard_bk_2.png) center no-repeat;
background-size: cover;
border-radius: 0 0 6px 6px;
border-bottom: 1px solid #fff;
}
wf-usercard user-ope span {
color: #86909C;
font-size: 12px;
}
wf-usercard user-ope ope-wrap {
justify-content: center;
align-items: center;
display: inline-flex;
width: 30%;
cursor: pointer;
height: 30px;
}
wf-usercard user-ope wf-p{
color: #1D2129;
font-size: 14px;
vertical-align: middle;
letter-spacing: 0px;
}
wf-usercard.pub{
display: block;
width: 200px;
max-width:200px;
min-width: 200px;
}
wf-usercard.pub wf-acc-certificate {
top: 32px;
left: 100px;
}
wf-usercard.pub wf-userinfo.user_flex{
display: block;
text-align: center;
padding: 10px;
}
wf-usercard.pub wf-userinfo.user_flex .wf_p_img{
text-align: center;
}
wf-usercard.pub wf-userinfo wf-div.userinfo{
min-width: 178px;
}
wf-usercard.pub wf-user-experience-value{
width: 110px;
}
/* 主站用户卡片样式 */
.person-info .aside wf-usercard user-ope ope-wrap {
padding: 5px 0 0 0;
}
/* 本地别人用户卡片*/
wf-other-usercard {
display: block;
width: 100%;
min-width: 15%;
min-height: 15%;
height: auto;
z-index: 99;
}
wf-other-usercard user-ope {
display: block;
width: 100%;
height: auto;
text-align: center;
margin: 10px 0 0 0;
}
wf-other-usercard user-ope ope-wrap {
display: inline-block;
box-sizing: border-box;
width: 33.3%;
min-width: 15%;
border: 1px solid #ccc;
padding: 10px 0;
float: left;
}
wf-other-usercard wf-nickname-profile {
width: 100%;
display: block;
text-align: left;
}
wf-other-usercard wf-nickname-profile wf-nickname {
float: left;
box-sizing: border-box;
display: inline-block;
text-align: left;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
wf-other-usercard wf-nickname-profile wf-profile {
width: 40%;
box-sizing: border-box;
display: inline-block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
/* line-height: 28px; */
}
wf-other-usercard wf-nickname-profile wf-user-level {
float: left;
margin-left: 15px;
}
wf-other-usercard wf-user-experience-name {
padding: 0;
}
/* 帖子开始模块 */
/* mjx-container 样式 */
wf-sns mjx-container * {
font-family: MJXZERO, MJXTEX;
}
/* 功能禁用的类名 */
.wf-disable {
pointer-events: none;
}
/* wf-no-login */
wf-no-login {
display: block;
width: 95%;
height: 70px;
line-height: 70px;
text-align: center;
border: solid 1px #ccc;
font-family: monospace;
margin: 0 10px;
}
wf-button#more {
width: 100%;
background-color: rgba(250, 250, 250, 0.6);
margin: 0px;
padding: 5px;
text-align: center;
height: auto;
}
wf-button#more:hover {
/* background-color: #f8f8f8; */
}
wf-tag,
wf-user-tag {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #FF7D00;
color: #FF7D00;
border-radius: 2px;
text-align: center;
width: 44px;
vertical-align: top;
background: #FFF7E8;
width: 55px;
height: 20px;
line-height: 20px;
padding: 0 8px;
margin-left: 10px;
}
create-time.wf-cursor-pointer {
cursor: pointer;
}
/* edit-state {
display: inline-block;
margin: -2px 0 0 5px;
vertical-align: top;
} */
edit-state t.wf-cursor-pointer {
cursor: pointer;
}
wf-sns textarea {
width: 100%;
border: solid 1px #E5E6EB;
resize: none;
outline: none;
font-family: monospace;
padding: 4px 10px;
line-height: 20px;
word-break: break-all;
white-space: pre-wrap;
text-align: left;
overflow-y: auto;
min-height: 50px;
background: #F7F8FA;
border-radius: 4px;
color: #86909C;
font-size: 12px;
}
wf-sns wf-chat-message-send textarea {
padding: 6px 10px;
border: none;
background-color: #fff;
}
wf-chat-message h2.nick_name {
color:#000;
border-bottom:1px solid #F2F3F5;
}
wf-sns wf-pulldown-font {
display: block;
position: absolute;
right: 4px;
top: -4px;
background: url(/img/arrow-drop-down.png) no-repeat;
width: 16px;
height: 16px;
cursor: pointer;
}
wf-sns wf-pulldown,
wf-comment wf-pulldown {
display: block;
position: absolute;
border: solid 1px #ccc;
padding: 10px;
background-color: #fff;
box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 20%);
word-break: none;
font-size: 14px;
font-weight: normal;
z-index: 100;
}
wf-sns wf-pulldown-font wf-pulldown {
right: -2px;
top: 24px;
width: 128px;
height: auto;
display: block;
background: #fff;
text-align: left;
padding: 0;
margin: 0;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
border: none;
}
wf-sns wf-pulldown.wf-atwho-view {
text-align: left;
}
wf-sns wf-pulldown wf-li {
display: block;
}
wf-sns wf-pulldown wf-li:hover {
cursor: pointer;
}
.wf-li-select {
background: #498dda;
padding-left: 10px;
color: #fff;
}
wf-article a {
text-decoration: unset
}
wf-article wf-user{
color: #4c78bd;
}
wf-article-content {
display: block;
position: relative;
margin-top: 5px;
}
wf-article img {
max-width: 95%;
}
wf-article {
display: block;
height: auto;
width: 100%;
}
wf-article ul li {
list-style-type: square;
overflow: hidden;
list-style-position: inside;
}
wf-article ol li {
list-style-type: decimal;
overflow: hidden;
list-style-position: inside;
}
upload-image-container {
display: none;
}
/* 表情 */
wf-emoji-picker {
display: inline-block;
position: relative;
}
.fg-emoji-picker {
width: 250px !important;
text-align: left;
}
/** 消息大图样式 **/
.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
/* 如果需要图片别的功能，需要找UI小姐姐加一下图标 */
/* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC'); */
background-image: url('https://com.wf.pub/img/viewer_img.png');
background-repeat: no-repeat;
background-size: 420px;
color: transparent;
display: block;
font-size: 0;
height: 40px;
/* line-height: 0; */
width: 40px;
}
.viewer-zoom-in::before {
background-position: 9px 9px;
content: 'Zoom In';
}
.viewer-zoom-out::before {
background-position: -39px 9px;
content: 'Zoom Out';
}
.viewer-one-to-one::before {
background-position: -84px 9px;
content: 'One to One';
}
.viewer-reset::before {
background-position: -84px 9px;
content: 'Reset';
}
.viewer-prev {
position: fixed;
top: 48%;
left: 4%;
}
.viewer-prev::before {
background-position: -135px 7px;
content: 'Previous';
}
.viewer-play::before {
background-position: -178px 7px;
content: 'Play';
}
.viewer-next {
position: fixed;
top: 48%;
right: 26%;
}
.viewer-next::before {
background-position: -178px 7px;
content: 'Next';
}
.viewer-rotate-left::before {
background-position: -223px 9px;
content: 'Rotate Left';
}
.viewer-rotate-right::before {
background-position: -265px 9px;
content: 'Rotate Right';
}
.viewer-flip-horizontal::before {
background-position: -309px 9px;
content: 'Flip Horizontal';
}
.viewer-flip-vertical::before {
background-position: -352px 8px;
content: 'Flip Vertical';
}
.viewer-fullscreen::before {
background-position: -400px -3px;
content: 'Enter Full Screen';
}
.viewer-fullscreen-exit::before {
background-position: -400px 20px;
content: 'Exit Full Screen';
}
.viewer-close::before {
background-position: -400px 20px;
content: 'Close';
}
.viewer-container {
bottom: 0;
direction: ltr;
font-size: 0;
left: 0;
line-height: 0;
overflow: hidden;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: none;
touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
background-color: transparent;
}
.viewer-container::selection,
.viewer-container *::selection {
background-color: transparent;
}
.viewer-container img {
display: block;
height: auto;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}
.viewer-canvas {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.viewer-canvas>img {
height: auto;
margin: 15px auto;
max-width: 90% !important;
width: auto;
}
.viewer-footer {
bottom: 0;
left: 0;
/* overflow: hidden; */
position: absolute;
right: 0;
text-align: center;
}
.viewer-navbar {
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.viewer-list {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 50px;
margin: 0;
overflow: hidden;
padding: 1px 0;
}
.viewer-list>li {
color: transparent;
cursor: pointer;
float: left;
font-size: 0;
height: 50px;
line-height: 0;
opacity: 0.5;
overflow: hidden;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
width: 30px;
}
.viewer-list>li:hover {
opacity: 0.75;
}
.viewer-list>li+li {
margin-left: 1px;
}
.viewer-list>.viewer-loading {
position: relative;
}
.viewer-list>.viewer-loading::after {
border-width: 2px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
width: 20px;
}
.viewer-list>.viewer-active,
.viewer-list>.viewer-active:hover {
opacity: 1;
}
.viewer-player {
background-color: #000;
bottom: 0;
cursor: none;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.viewer-player>img {
left: 0;
position: absolute;
top: 0;
}
.viewer-toolbar>ul {
display: inline-block;
margin: 0 auto 5px;
overflow: hidden;
padding: 3px 0;
}
.viewer-toolbar>ul>li {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
cursor: pointer;
float: left;
height: 40px;
line-height: 40px;
overflow: hidden;
-webkit-transition: background-color 0.15s;
transition: background-color 0.15s;
width: 40px;
}
.viewer-toolbar>ul>li:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.viewer-toolbar>ul>li::before {
margin: 2px;
}
.viewer-toolbar>ul>li+li {
margin-left: 1px;
}
.viewer-toolbar>ul>.viewer-small {
height: 18px;
margin-bottom: 3px;
margin-top: 3px;
width: 18px;
}
.viewer-toolbar>ul>.viewer-small::before {
margin: -1px;
}
.viewer-toolbar>ul>.viewer-large {
height: 30px;
margin-bottom: -3px;
margin-top: -3px;
width: 30px;
}
.viewer-toolbar>ul>.viewer-large::before {
margin: 5px;
}
.viewer-tooltip {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 10px;
color: #fff;
display: none;
font-size: 12px;
height: 20px;
left: 50%;
line-height: 20px;
margin-left: -25px;
margin-top: -10px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
}
.viewer-title {
color: #ccc;
display: inline-block;
font-size: 12px;
line-height: 1;
margin: 0 5% 5px;
max-width: 90%;
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
white-space: nowrap;
}
.viewer-title:hover {
opacity: 1;
}
.viewer-button {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
cursor: pointer;
height: 80px;
overflow: hidden;
position: absolute;
right: -40px;
top: -40px;
-webkit-transition: background-color 0.15s;
transition: background-color 0.15s;
width: 80px;
}
.viewer-button:focus,
.viewer-button:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.viewer-button::before {
bottom: 15px;
left: 15px;
position: absolute;
}
.viewer-fixed {
position: fixed;
}
.viewer-open {
overflow: hidden;
}
.viewer-show {
display: block;
}
.viewer-hide {
display: none;
}
.viewer-backdrop {
background-color: rgba(0, 0, 0, 0.5);
}
.viewer-invisible {
visibility: hidden;
}
.viewer-move {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.viewer-fade {
opacity: 0;
}
.viewer-in {
opacity: 1;
}
.viewer-transition {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@-webkit-keyframes viewer-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes viewer-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.viewer-loading::after {
-webkit-animation: viewer-spinner 1s linear infinite;
animation: viewer-spinner 1s linear infinite;
border: 4px solid rgba(255, 255, 255, 0.1);
border-left-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
content: '';
display: inline-block;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1;
}
@media (max-width: 880px) {
wf-sns-con.sns tab.snsTab tab-nav {
width:auto;
max-width: 104px;
min-width: 68px;
}
}
@media (max-width: 450px) {
message-body-head wf-user-tag {
display: none;
}
wf-sns-con.sns tab.snsTab tab-nav {
margin-right: 0;
}
edit-state.inlineBlock {
display: none;
}
}
@media (max-width: 767px) {
.viewer-hide-xs-down {
display: none;
}
}
@media (max-width: 991px) {
.viewer-hide-sm-down {
display: none;
}
}
@media (max-width: 1199px) {
.viewer-hide-md-down {
display: none;
}
}
/*基本样式和markdown适配*/
wf-sns h1 {
display: block;
font-size: 18px;
padding: 8px 0px;
color: #2d64b3;
}
wf-sns h2 {
display: block;
font-size: 16px;
padding: 6px 0px;
color: #2d64b3;
}
wf-sns h3 {
display: block;
font-size: 14px;
padding: 4px 0px;
color: #2d64b3;
}
wf-sns h4 {
display: block;
font-size: 12px;
padding: 2px 0px;
color: #2d64b3;
}
wf-sns h5 {
display: block;
font-size: 10px;
padding: 1px 0px;
color: #2d64b3;
}
wf-sns h6 {
font-size: 8px;
padding: 0px 0px;
color: #2d64b3;
}
wf-sns p {
display: block;
padding: 3px 0px;
line-height: unset;
white-space: pre-wrap;
word-break: break-all;
overflow: hidden;
margin: 3px 0px;
}
wf-sns a {
color: #2d64b3;
word-wrap: break-word;
}
wf-sns strong,
wf-sns strong * {
font-weight: bold;
}
wf-sns em,
wf-sns em * {
font-style: italic;
}
wf-sns del,
wf-sns del * {
text-decoration: line-through;
}
wf-sns hr {
height: 1px;
border: none;
border-bottom: 1px solid #ccc;
}
wf-sns ul {
/*无序列表*/
padding: 0;
margin: 0 0 0 20px;
list-style-type: disc;
}
wf-sns ol {
/*有序列表*/
padding: 0;
margin: 0 0 0 20px;
list-style-type: decimal;
}
wf-sns blockquote {
/*引用*/
background-color: #f8f8f8;
border-left: solid 5px #ccc;
padding-left: 10px;
}
wf-sns pre {
background-color: #edf6fe;
border: 1px solid #e1e1e8;
padding: 10px;
font-family: monospace;
}
wf-sns pre code {
/* 代码块 */
display: block;
width: 100%;
padding: 20px;
background-color: #edf6fe;
color: #333;
overflow: auto;
border-radius: 4px;
}
wf-sns code {
/*代码块*/
background-color: #edf6fe;
color: #333;
overflow: auto;
padding: 3px 5px;
border-radius: 4px;
}
wf-sns mjx-container {
overflow: auto;
}
wf-sns mjx-line {
display: block;
box-sizing: border-box;
min-height: 1px;
height: 0.001em;
background: #333;
border: 0;
margin: 0;
overflow: hidden;
}
wf-sns mjx-line[type='d'] {
margin: 0;
}
/*wf.pop样式*/
wf-pop wf-pulldown {
z-index: 101;
}
/* 发帖 */
wf-messagesender {
position: relative;
width: 100%;
background: #fff;
display: block;
padding: 16px;
border-radius: 6px;
}
wf-messagesender wf-messagesender-handle {
display: block;
width: 100%;
margin-top: 8px;
}
wf-sns message-detail {
margin: 0 0 10px 0;
}
wf-messagesender wf-messagesender-handle .message_send,
wf-messagesender wf-messagesender-handle .message_send:hover {
float: right;
background: #4080FF;
color: #fff;
border-radius: 3px;
height: 28px;
height: 28px;
margin: 0 3px;
padding: 0px 10px;
text-align: center;
}
wf-messagesender wf-messagesender-handle .message_send wf-span{
display: inline-flex;
justify-content: center;
}
wf-messagesender wf-messagesender-handle .message_send:hover i,
wf-messagesender wf-messagesender-handle .message_send:hover wf-span {
color: #fff;
}
wf-messagesender wf-messagesender-handle .message_send i ,
wf-messagesender wf-messagesender-handle .message_send wf-span {
color: #fff;
}
wf-messagesender wf-messagesender-handle .message-range-select {
width: auto;
float: right;
height: 28px;
background: #f2f3f5;
border: 1px solid #f2f3f5;
padding: 5px 8px;
border-radius: 3px;
margin: 0 8px;
}
wf-messagesender-handle wf-button {
width: auto;
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0px 5px;
margin: 0px 3px;
cursor: pointer;
margin: 0 8px 0 0;
}
/* 消息定时 */
.timer-conten {
margin: 5px 0 0 0px;
background-color: #f5f7fa;
padding: 10px 7px;
border-radius: 4px;
}
.timer-conten #laydate {
width: 100px;
padding: 8px;
margin: 0px 6px 0 0;
border-radius: 3px;
}
.timer-conten select,
.timer-conten input {
background-color: #fff;
caret-color: #333;
padding: 3px;
border: solid 1px #d2d2d2;
outline: none;
height: 26px;
padding: 0 6px;
font-size: 12px;
vertical-align: middle;
display: inline-block;
border-radius: 3px;
margin-right: 6px;
}
.timer-conten .cancel-link,
.timer-conten .open-timer-manager,
.back-to-index {
cursor: pointer;
color: #2d64b3;
float: right;
margin: 3px 7px;
}
wf-messagesender wf-messagesender-handle .wf-messagesender-timer {
float: right;
margin: 0;
}
/* 图片 */
wf-messagesender-handle wf-messagesender-img {
display: inline-block;
width: auto;
position: relative;
}
wf-messagesender upload-image-container {
position: absolute;
display: none;
padding: 14px;
background: #fff;
z-index: 6;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
top: 23px;
left: 0;
width: 186px;
border-radius: 4px
}
upload-image-container::before,
upload-image-container::after {
border: solid transparent;
content: ' ';
height: 0;
bottom: 100%;
position: absolute;
width: 0;
}
upload-image-container::before {
border-width: 6px;
border-bottom-color: #fff;
transform: translate(-50%, 0);
left: 10%;
}
upload-image-container h4 {
font-weight: normal;
position: relative;
font-size: 14px;
padding: 2px 0px;
color: #1D2129;
margin: 0;
}
upload-image-container h4 i {
color: #4E5969;
position: absolute;
right: 0;
bottom: 0;
font-size: 18px;
cursor: pointer;
}
wf-messagesender-handle ul.upload-img-list {
position: relative;
width: 100%;
padding: 0;
/* margin: 10px 5px; */
margin: 0;
list-style-type: none;
}
wf-messagesender-handle ul.upload-img-list li {
width: 50px;
height: 50px;
cursor: pointer;
float: left;
margin: 0 4px 4px 0;
}
wf-messagesender-handle ul.upload-img-list li:nth-child(3n) {
margin-right: 0;
}
wf-messagesender-handle ul.upload-img-list li.upload-img-list-item {
position: relative;
}
wf-messagesender-handle ul.upload-img-list li.upload-img-list-button {
position: relative;
z-index: 1;
display: inline-flex;
border: 1px dashed #E5E6EB;
text-align: center;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
font-size: 26px;
background: #F2F3F5;
color: #4E5969;
}
wf-messagesender-handle li.upload-img-list-item img {
width: 50px;
height: 50px;
display: inline;
}
wf-messagesender-handle li.upload-img-list-item b {
position: absolute;
right: 0px;
top: 0;
display: none;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
color: #fff;
z-index: 8;
color: #fff;
}
wf-messagesender-handle li.upload-img-list-item b i {
font-weight: 500;
color: #fff;
font-size: 16px;
}
/* 适配移动端样式 */
wf-messagesender-handle li.upload-img-list-item b.show-img-item {
display: inline-block;
background: rgba(20, 20, 20, 0.8);
}
wf-messagesender-handle li.upload-img-list-item i.masking {
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
opacity: 0.4;
background: #1D2129;
display: none;
}
.upload-img-list-item wf-loading-content {
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
background: #fff;
}
.upload-img-list-item .wf_loading {
margin-top: 18px;
}
wf-loading-content {
width: 130px;
height: 130px;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
background: #fff;
}
.wf_loading {
width: 50px;
height: 50px;
display: block;
position: relative;
margin: 0 auto;
margin-top: 30px;
/* background-color: #fff; */
}
.wf_loading wf-span {
width: 8px;
height: 8px;
background-color: #ccc;
position: absolute;
border-radius: 50%;
-webkit-animation: load 1.04s ease infinite;
}
wf-loading-new {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
wf-loading-new i {
font-size: 20px;
display: block;
}
/* 新的 */
@-webkit-keyframes load {
0% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(0.3);
opacity: 0.5;
}
}
.wf_loading wf-span:nth-child(1) {
left: 0;
top: 50%;
margin-top: -4px;
-webkit-animation-delay: 0.13s;
}
.wf_loading wf-span:nth-child(2) {
left: 5px;
top: 5px;
-webkit-animation-delay: 0.26s;
}
.wf_loading wf-span:nth-child(3) {
left: 50%;
top: 0;
margin-left: -4px;
-webkit-animation-delay: 0.39s;
}
.wf_loading wf-span:nth-child(4) {
right: 5px;
top: 5px;
-webkit-animation-delay: 0.52s;
}
.wf_loading wf-span:nth-child(5) {
right: 0;
top: 50%;
margin-top: -4px;
-webkit-animation-delay: 0.65s;
}
.wf_loading wf-span:nth-child(6) {
right: 5px;
bottom: 5px;
-webkit-animation-delay: 0.78s;
}
.wf_loading wf-span:nth-child(7) {
left: 50%;
bottom: 0;
margin-left: -4px;
-webkit-animation-delay: 0.91s;
}
.wf_loading wf-span:nth-child(8) {
left: 5px;
bottom: 5px;
-webkit-animation-delay: 1.04s;
}
/* 视频 */
upload-video-container {
position: absolute;
display: none;
/* width: 250px; */
width: auto;
min-width: 250px;
padding: 16px;
background: #fff;
border: 1px solid #d4d2d2;
z-index: 6;
box-shadow: 0 0 10px #c7c7c7;
top: 29px;
left: 3px;
}
upload-video-container::before,
upload-video-container::after {
border: solid transparent;
content: ' ';
height: 0;
bottom: 100%;
position: absolute;
width: 0;
}
upload-video-container::after {
border-width: 12px;
border-bottom-color: #fff;
left: 70px;
}
upload-video-container::before {
border-width: 12px;
border-bottom-color: #d4d2d2;
left: 70px;
}
upload-video-container h4 {
font-weight: normal;
position: relative;
font-size: 16px;
margin: 5px 0;
}
upload-video-container .upload-schedule wf-p {
margin: 0 0 5px 0;
}
upload-video-container upload-progress {
display: block;
width: 100%;
}
upload-progress upload-progress-init {
display: block;
width: 100%;
border: 1px solid rgb(204, 204, 204);
border-radius: 5px;
height: 10px;
position: relative;
}
upload-progress upload-progress-ing {
display: block;
width: 0%;
background: rgb(45, 100, 179);
border-radius: 5px;
height: 10px;
position: absolute;
top: 25px;
}
upload-video-container h4 i {
position: absolute;
right: 0;
top: 0;
font-weight: bold;
font-size: 18px;
cursor: pointer;
color: #797979;
}
upload-video-container h5 {
font-weight: normal;
}
/* 编辑器 */
wf-sns.wf_editor_sns {
width: 100%;
height: 94%;
display: block;
/* padding: 10px; */
box-sizing: border-box;
max-width: none;
}
wf-editor-head {
display: flex;
width: 100%;
height: 30px;
line-height: 30px;
background-color: rgb(191, 214, 242);
border: 1px solid #ccc;
font: 14px Arial, sans-serif;
}
wf-editor-head i.remix.ri-close-line {
flex: 1;
font-size: 20px;
width: 20px;
text-align: right;
}
wf-editor-head wf-button {
float: right;
margin: 2px 3px 0 3px;
}
wf-editor-body {
display: block;
width: 100%;
height: calc(100% - 40px);
box-sizing: border-box;
}
wf-editor-body wf-part {
display: block;
width: 100%;
height: 100%;
margin: 0px;
padding: 20px;
}
wf-part wf-edit-menu {
left: 0;
right: 0;
display: block;
max-width: 116px;
width: 100%;
float: left;
margin: 0 10px 0 0;
background: #F7F8FA;
height: 100%;
}
wf-edit-menu fieldset {
border: none;
padding: 0;
margin: 0;
}
wf-edit-menu legend {
font-size: 16px;
text-align: center;
width: 100%;
padding: 0 10px;
background: #E5E6EB;
height: 32px;
line-height: 32px;
margin-bottom: 2px
}
wf-edit-menu wf-button {
height: 32px;
line-height: 32px;
text-align: center;
width: 100%;
margin-bottom: 2px;
}
wf-edit-menu wf-button:hover {
color: #165DFF;
}
wf-part wf-edit-content {
display: block;
height: 100%;
width: calc(100% - 131px);
float: right;
}
wf-edit-content wf-edit-container {
background: #F7F8FA;
width: 49%;
height: 100%;
margin: 0 15px 0 0;
float: left;
}
wf-edit-container textarea {
height: 100%;
overflow: auto;
border: none;
color: #86909C;
font-size: 16px;
padding: 10px;
line-height: 24px;
}
wf-edit-content wf-edit-preview {
display: inline-block;
width: calc(51% - 18px);
height: 100%;
float: left;
padding-bottom: 300px;
overflow-y: auto;
background: #F7F8FA;
font-size: 16px;
padding: 10px;
line-height: 24px;
color: #86909C;
}
wf-edit-content wf-edit-preview wf-article * {
font-size: 16px;
font-family: monospace;
color: #86909C;
}
wf-editor-footer {
display: flex;
justify-content: center;
align-items: center;
height: 32px;
}
wf-editor-footer wf-button {
/* height: 32px;
line-height: 32px; */
width: 100px;
padding: 5px 15px;
text-align: center;
background: #F2F3F5;
border-radius: 3px;
font-size: 14px;
line-height: unset;
height: unset;
}
wf-editor-footer wf-button.active {
background: #165DFF;
color: #fff;
}
wf-editor-footer wf-button:first-child {
margin-left: 8px;
}
sns-container {
display: block;
width: 100%;
border-radius: 6px;
background: #fff;
margin-top: 10px;
padding: 0 10px 20px 10px;
}
sns-container>wf-sns.my_chat {
display: flex;
box-shadow: 1px 1px 5px #ddd;
width: 100%;
padding: 10px 0 10px 10px;
margin: 0;
border-radius: 5px;
height: calc(100% - 125px);
}
sns-container>wf-sns aside {
width: 300px;
max-height: 660px;
height: auto;
}
.my_chat .chat_box{
height: auto;
max-height: 660px;
}
sns-container>wf-sns aside wf-chat-room-info wf-chat-room-detail {
margin-left: 12px;
}
.chat_room_list {
display: block;
/* calc方法注意减号前后要空格 */
height: calc(100% - 52.28px);
overflow-y: auto;
overflow-x: hidden;
}
.chat_box {
width: 800px;
height: auto;
max-height: 660px;
border-left: 1px solid #ddd;
}
.nick_name {
margin: 0;
text-align: center;
color: #333;
height: 40px;
}
wf-chat-message-list#chat_message_list {
height: 85%;
padding: 10px 0 10px 10px;
}
.chat_box .default_text {
color: #e2ebf4;
font-size: 80px;
display: inline-block;
width: 100%;
text-align: center;
margin-top: 200px;
letter-spacing: 10px;
}
wf-chat-user-name {
display: inline-block;
min-width: 126px;
max-width: 146px;
}
.chat-choice {
background-color: #F5F9FF;
}
.chat-choice:hover {
background-color: #F5F9FF;
}
/* 置顶 */
message-top-list {
background: #F9F9F9;
display: none;
padding: 10px 0;
}
wf-sns message-top-list message-detail {
border-bottom: unset;
}
message-top-list set-top-tag {
margin-left: 10px;
}
set-top-tag {
border-radius: 2px;
color: #F53F3F;
display: inline-block;
padding: 0 8px;
height: 20px;
line-height: 20px;
font-size: 12px;
background: #FFECE8;
}
/* 帖子列表 */
message-list,
message {
width: 100%;
display: block;
}
wf-sns message-detail {
display: block;
border-radius: 5px;
padding: 10px 10px 0 20px;
border-bottom: 1px solid #F2F3F5;
}
wf-sns message:last-child message-detail {
border-bottom: unset;
}
message-detail-top,
message-detail-body {
width: 100%;
display: block;
}
message-detail-top {
vertical-align: top;
}
message-detail-body message-detail-body-init {
display: block;
margin-left: 60px;
}
message-detail-body message-handle {
/* margin: 10px 0 10px 50px;
width: calc(100% - 50px); */
}
message-detail-body img-item-ul {
display: block;
margin: 0px 0 10px 0px;
max-width: 530px;
}
message-detail-body third-message {
margin: 10px 0 0 0px;
}
forward-message {
width: 100%;
margin: 14px 0;
padding: 14px;
background-color: #F2F3F5;
}
forward-message wf-user {
/* color: #4080FF; */
/* color:#417dc9; */
color: #417dc9;
}
message-detail-body forward-message>message-body {
display: block;
}
forward-message wf-article.wf-article-content * {
font-size: 14px;
}
forward-message third-message {
margin: 14px 0;
}
forward-message wf-article-content {
margin: 0;
}
forward-message message-body img-item-ul {
margin: 0px 0 0 0;
}
forward-message message-body video {
margin: 0;
}
message-detail-body video {
width: calc(100% - 60px);
visibility: visible;
visibility: visible;
}
third-message video {
margin: 0;
}
/* video-js */
.vjs-icon-placeholder,
.vjs-time-control span,
.vjs-playback-rate div {
color: #fff;
}
.vjs-big-play-button span {
font-size: 50px;
}
.vjs-time-control,
.vjs-playback-rate {
display: block !important;
}
.vjs-control-bar .vjs-playback-rate {
display: block !important;
}
.vjs-menu-item .vjs-menu-item-text,
.vjs-http-source-selector {
color: #fff;
}
.vjs-menu li.vjs-selected {
background-color: #5e5e5e !important;
}
.vjs-icon-picture-in-picture-exit,
.vjs-icon-picture-in-picture-enter {
font-size: 19px !important;
color: #fff !important;
position: inherit;
top: -3px;
left: -10px;
}
.vjs-control {
width: 3em !important;
}
message-detail-top message-body {
display: inline-block;
padding: 3px 0px;
vertical-align: top;
width: calc(100% - 60px);
}
message-body-head wf-badge .img_badge {
top: -14px;
}
message-body message-read-count wf-p {
color: #4E5969;
font-size: 14px;
}
message-detail-top message-body-head {
display: block;
width: 100%;
position: relative;
}
message-detail-top message-body-head wf-user.avatar {
color: #4080FF;
}
wf-pulldown-font wf-pulldown {
right: 0px;
top: 16px;
min-width: 115px;
display: grid;
text-align: center;
}
wf-pulldown wf-pulldown-btncon {
position: relative;
padding: 3px 0 7px 0;
display: block;
}
wf-pulldown-btncon::before {
content: "";
position: relative;
top: -8px;
left: -2px;
right: 0;
width: 130px;
height: 8px;
display: block;
background-image: url(https://com.wf.pub/img/sns_new/arrow.png);
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
wf-pulldown wf-pulldown-btncon wf-button:first-child{
padding: 0 8px 5px 8px;
}
wf-pulldown wf-button {
padding: 0 2px;
padding: 5px 8px;
display: block;
height: unset;
line-height: unset;
margin: 0;
}
/* wf-pulldown wf-button:first-child {
margin-top: 10px;
} */
message-body-middle {
display: block;
height: 20px;
line-height: 20px;
margin: 3px 0;
}
message-body-middle>wf-badge .img_badge {
margin: 0;
}
message-body img-item-ul {
width: 100%;
height: auto;
}
message-handle {
display: block;
width: 100%;
margin: 10px 0;
}
message-handle wf-button {
margin-right: 20px;
padding: 0;
}
/* message-handle wf-button:last-child{
margin: 0;
} */
message-handle>wf-button:last-child {
margin-right: 0;
}
img-item-ul img-item-li {
float: left;
margin: 5px 5px 0 0;
overflow: hidden;
position: relative;
max-width: 130px;
max-height: 130px;
width: 30%;
height: 30%;
}
img-item-li img {
width: 100%;
display: none;
/* width:130px;
height:130px; */
}
/* 帖子转发 */
wf-sns wf-button.relayStyleBtn {
position: relative;
}
wf-sns wf-button.relayStyleBtn img {
position: absolute;
left: 7px;
top: 3px;
width: 14px;
height: 14px;
}
/* 帖子评论 */
wf-sns wf-button.commentStyleBtn {
position: relative;
/* margin-right: 0; */
}
wf-sns wf-button.commentStyleBtn img {
position: absolute;
left: 7px;
top: 2px;
width: 16px;
height: 16px;
}
/* 帖子删除*/
wf-sns wf-button.deleteStyleBtn {
padding: 0;
}
/* 帖子收藏 */
wf-sns wf-button.favouriteBtn {
position: relative;
/* padding-left: 25px; */
}
/*
wf-sns wf-button.favouriteBtn img {
position: absolute;
left: 5px;
top: 3px;
} */
/* 帖子点赞 */
/* wf-sns wf-button.praiseBtn{
margin-left: 20px;
} */
wf-sns wf-button.praiseBtn.like {
color: #FF7D00;
}
wf-sns wf-button.praiseBtn.like i,
wf-sns wf-button.praiseBtn.like wf-span {
color: #FF7D00;
}
/* 分享微博 */
/*
wf-sns wf-button.weiboShareBtn {
position: relative;
padding-left: 25px;
vertical-align: bottom;
}
wf-sns wf-button.weiboShareBtn img {
position: absolute;
left: 10px;
top: 2px;
} */
/* 分享微信 */
wf-sns wf-button.weixiShareBtn {
position: relative;
vertical-align: bottom;
}
wf-sns wf-button.weixiShareBtn img {
position: absolute;
left: 10px;
top: 2px;
}
wf-sns wf-button.weixiShareBtn wf-qrcode {
background: #fff;
display: none;
width: auto;
position: absolute;
z-index: 100;
left: -93px;
top: -49px;
padding: 7px 7px 5px 7px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
/* wf-sns wf-button.weixiShareBtn wf-qrcode.top {
top: 25px;
}
wf-sns wf-button.weixiShareBtn wf-qrcode.bottom {
bottom: 25px;
} */
message-detail-body forward-message {
display: block;
/* background-color: #F5F9FF; */
background-color: #F7F8FA;
}
forward-message message-handle {
text-align: right;
margin: 0;
}
/* 转发列表 */
wf-sns message-handle-list {
display: block;
}
message-handle-list fieldset {
display: block;
width: 100%;
padding: 0px;
border: unset;
}
message-handle-list > fieldset{
margin-bottom: 12px;
}
fieldset message-detail-body message-handle {
width: 100%;
}
fieldset textarea-wrap message-handle,
fieldset comment-from message-handle {
width: 100%;
text-align: left;
padding: 0;
margin: 0;
height: 28px;
line-height: 28px;
vertical-align: middle;
display: flex;
}
fieldset textarea-wrap message-handle wf-button,
fieldset comment-from message-handle wf-button {
margin-right: 16px;
}
fieldset textarea-wrap message-handle wf-div.right,
fieldset comment-from message-handle wf-div.right {
flex: 1;
text-align: right;
}
fieldset textarea-wrap message-handle wf-div.right wf-button,
fieldset textarea-wrap message-handle wf-div.right wf-button:hover {
background: #4080FF;
color: #fff;
border-radius: 3px;
height: 28px;
line-height: unset;
margin: 0 3px;
padding: 0px 10px;
text-align: center;
}
fieldset comment-from message-handle wf-div.right wf-button,
fieldset comment-from message-handle wf-div.right wf-button:hover {
background: #4080FF;
color: #fff;
border-radius: 3px;
height: 28px;
line-height: unset;
margin: 0 3px;
padding: 0px 10px;
text-align: center;
}
fieldset textarea-wrap message-handle wf-div.right i,
fieldset textarea-wrap message-handle wf-div.right wf-button:hover i {
color: #fff;
}
fieldset comment-from message-handle wf-div.right i,
fieldset comment-from message-handle wf-div.right wf-button:hover i {
color: #fff;
}
fieldset textarea-wrap .smultaneouslyInput,
fieldset comment-from .smultaneouslyInput {
vertical-align: middle;
margin: 0 5px 0 0;
}
fieldset textarea-wrap .smultaneouslyLabel,
fieldset comment-from .smultaneouslyLabel {
text-align: center;
margin-right: 15px;
font-size: 14px;
}
wf-sns textarea-wrap {
position: relative;
display: block;
}
textarea-wrap textarea,
comment-from textarea {
height: 50px;
/* background-color: #fff; */
margin: 8px 0;
font-size: 12px;
}
textarea-wrap .wf-atwho-view {
top: 25px;
}
textarea-wrap img.avatar-img-small {
width: 30px;
height: 30px;
vertical-align: middle;
border-radius: 15px;
}
wf-reply {
display: block;
font-size: 16px;
/* margin: 0 0 0 50px; */
}
wf-reply a {
font-size: 16px;
text-decoration: unset;
}
wf-reply wf-user {
font-size: 16px;
}
wf-reply wf-article-content {
margin: 0;
}
wf-reply video {
margin: 0;
}
wf-reply.nodata {
padding: 10px;
background-color: #f8f8f8;
}
message-list-wrap {
display: block;
width: 100%;
margin: 3px 0 0 0;
}
message-handle-list message-handle,
wf-sns message-list-wrap message-handle {
text-align: right;
margin: 0;
position: relative;
/* height: 22px;
line-height: 22px; */
}
wf-sns message-list-wrap message-handle {
margin: 0px 0 10px 0;
}
message-list-wrap message-detail {
margin: 0;
padding: 0;
border: none;
}
message-list-wrap textarea-wrap {
margin-left: 48px;
}
wf-sns message-detail-top>wf-user {
float: left;
margin-right: 10px;
}
message-list-wrap message-detail-top>wf-user {
top: 13px;
left: 5px;
float: left;
margin-right: 16px;
}
message-list-wrap message-detail-body {
margin-left: 51px;
width: calc(100% - 51px);
}
message-list-wrap message-body {
margin: 0px;
padding: 10px 0px 0px 0px;
display: inline-block;
vertical-align: bottom;
}
message-list-wrap wf-article-content {
margin: 10px 0 10px 0px;
}
message-body wf-user+create-time {
margin: 0 3px;
}
message-handle-list relay-comment-images {
display: inline-block;
position: relative;
}
message-handle-list relay-comment-images h4 {
line-height: 20px;
}
message-handle-list relay-comment-images upload-img-num {
display: none;
}
message-handle-list relay-comment-images upload-image-container {
left: -42px;
}
message-handle-list relay-comment-images upload-image-container::after,
message-handle-list relay-comment-images upload-image-container::before {
border-width: 5px;
border-bottom-color: #fff;
left: 65px;
transform: unset;
}
message-handle-list wf-button {
height: 28px;
line-height: 28px;
}
message-handle-list wf-button.imgBtn {
position: relative;
}
message-handle-list upload-image-container {
width: 130px;
display: none;
position: absolute;
background: #fff;
padding: 6px;
z-index: 6;
box-shadow: 0 0 10px #c7c7c7;
top: 22px;
left: -50px;
margin: 0 auto;
min-width: unset;
}
/* message-handle-list upload-image-container::before {
border-width: 12px;
border-bottom-color: #d4d2d2;
left: 67px;
transform:unset;
}
message-handle-list upload-image-container::after {
border-width:4px;
border-bottom-color: #fff;
left: 65px;
} */
message-handle-list upload-image-container h4 {
font-size: 12px;
margin: 10px 0 0 0px;
}
upload-img-num {
color: #4E5969;
line-height: 20px;
margin-bottom: 4px;
display: inline-block;
}
message-handle-list ul.upload-img-list {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}
message-handle-list ul.upload-img-list li {
width: 84px;
height: 84px;
cursor: pointer;
float: left;
}
message-handle-list ul.upload-img-list li.upload-img-list-item {
position: relative;
}
message-handle-list li.upload-img-list-item img {
width: 84px;
height: 84px;
display: inline;
}
message-handle-list li.upload-img-list-item i.masking {
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
opacity: 0.4;
background: #1D2129;
display: none;
}
message-handle-list li.upload-img-list-item b {
position: absolute;
right: -4px;
top: 0;
display: none;
font-size: 20px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
color: #fff;
z-index: 8;
}
message-handle-list li.upload-img-list-item b:hover {
background: #333;
}
message-handle-list li.upload-img-list-item i.inline_block {
display: inline-block;
}
message-handle-list li.upload-img-list-item b.inline_block {
display: inline-block;
}
.upload-img-list-item wf-loading-content {
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
background: #fff;
}
.upload-img-list-item .wf_loading {
margin-top: 18px;
}
/* .upload-img-list li:nth-child(3n) { */
/* margin-right: 0;
} */
.upload-img-list .pic {
cursor: all-scroll;
}
.upload-img-list-button:hover {
color: #417dc9;
border-color: #417dc9;
}
/* 阅读全文 */
wf-article-content {
display: block;
position: relative;
font-size: 16px;
}
wf-article-content .readAllArticle {
position: absolute;
height: 24px;
line-height: 24px;
left: 0;
bottom: -14px;
z-index: 99;
width: 100%;
text-align: center;
display: none;
border-radius: 2px;
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
margin: 0;
}
wf-sns wf-button#more {
display: none;
height: 32px;
line-height: 32px;
padding: 0px 16px;
background: #fff;
border-radius: 2px;
color: #4E5969;
/* border: 1px solid #F2F3F5; */
margin: 14px 0;
}
wf-sns wf-button#more .fa-spinner {
margin-right: 5px;
}
wf-sns wf-button#more.inline_block {
display: inline-block;
}
/* wf-sns third-forward */
wf-sns third-message {
display: block;
padding: 12px;
/* background-color: #E8EFFF; */
background-color: #E5E6EB;
}
wf-sns third-message h2 {
font-weight: 500;
color: #000;
margin: 0;
font-size: 14px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
padding: 0;
}
wf-sns third-message icon-description {
display: block;
width: 100%;
/* padding: 5px 5px 5px 0; */
}
wf-sns third-message icon:hover {
border-radius: 5px;
box-shadow: 0px 0px 10px #ddd;
}
wf-sns third-message icon img {
height: 70px;
width: 113px;
}
wf-sns third-message icon {
width: auto;
display: inline-block;
background-color: #fff;
padding: 3px 3px 0px 3px;
}
wf-sns third-message description {
width: calc(100% - 134px);
display: inline-block;
vertical-align: top;
margin: 0 0 0 10px;
}
wf-sns third-message description a {
text-decoration: none;
padding: 0;
margin: 0;
line-height: 26px;
}
wf-sns third-message description wf-p {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #4E5969;
font-size: 14px;
line-height: 26px;
word-break: break-all;
}
/* 返回顶部 */
wf-back-to-top {
position: fixed;
bottom: 40px;
right: 40px;
display: none;
z-index: 1000;
}
wf-back-to-top wf-button {
background: #f9f8f8;
width: 40px;
height: 40px;
position: relative;
border: 1px solid #eee;
padding: 0;
}
wf-back-to-top wf-button img {
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 4px;
}
/* 函数图像 */
div.sandbox {
padding-right: 30px;
}
/* 评论 */
comment-list-in {
display: block;
width: 100%;
}
/* 帖子结束模块 */
/* @插件样式开始 */
wf-textarea-mirror {
position: absolute;
top: 0px;
left: 0px;
text-align: left;
width: 100%;
height: 80px;
border: 1px solid rgb(204, 204, 204);
resize: none;
outline: none;
z-index: -1;
background-color: rgb(204, 204, 204);
margin: 10px 0px;
padding: 5px;
line-height: 20px;
font-family: monospace;
word-break: break-all;
white-space: pre-wrap;
overflow-y: auto;
font-size: 13px;
opacity: 0.5;
}
wf-textarea-mirror wf-cursor {
display: inline-block;
}
wf-pulldown.wf-atwho-view {
visibility: hidden;
height: auto;
width: 230px;
max-height: 300px;
overflow-y: auto;
top: 37px;
left: 12px;
}
wf-pulldown.wf-atwho-view wf-li {
width: auto;
height: 30px;
line-height: 30px;
padding: 0px 10px;
}
wf-pulldown.wf-atwho-view wf-p.prompt {
width: auto;
height: 30px;
line-height: 30px;
}
/* @插件样式结束*/
/*话题*/
wf-sns wf-topic-list {
width: 100%;
height: 100%;
display: block;
padding: 3px 20px;
}
wf-sns wf-topic-wrap {
position: relative;
padding: 10px 0;
width: 100%;
display: block;
border-bottom: 1px solid #F2F3F5;
display: flex;
}
wf-topic {
color: #FF7D00;
cursor: pointer;
font-size: 16px;
/* font-weight: 550; */
}
wf-topic-content {
display: block;
overflow: hidden;
/* white-space: nowrap; */
text-overflow: ellipsis;
width: 100%;
height: 24px;
line-height: 24px;
font-size: 14px;
vertical-align: middle;
color: #1D2129;
}
.my_topic_content {
display: flex;
align-items: center;
}
wf-topic-wrap wf-button img {
width: 14px;
height: 14px;
}
wf-topic-user {
display: inline-block;
margin-top: 10px;
color: #4E5969;
}
wf-topic-title {
display: block;
border-bottom: 1px solid #F2F3F5;
margin: 0 20px;
}
wf-topic-title span {
cursor: pointer;
margin-right: 40px;
}
wf-topic-title span.active {
color: #165DFF;
border-bottom: 2px solid #165DFF;
}
wf-topic-title .topic_count {
color: #1D2129;
font-size: 14px;
height: 30px;
display: inline-block;
}
wf-topic-index {
background-color: #C9CDD4;
color: #fff;
padding: 0 5px;
border-radius: 4px;
margin-right: 10px;
height: 16px;
margin-top: 1px;
}
wf-topic-img {
display: block;
/* position: absolute; */
top: 6px;
right: 10px;
}
wf-topic-img img {
width: 145px;
height: 82px;
border-radius: 4px;
}
wf-topic-wrap:first-child wf-topic-index {
background-color: #F53F3F;
}
wf-topic-wrap:nth-child(2) wf-topic-index {
background-color: #FF7D00;
}
wf-topic-wrap:nth-child(3) wf-topic-index {
background-color: #FFB65D;
}
wf-topic-wrap:not(:has(wf-topic-img)) wf-topic-wrap-part {
flex: none; /* 取消平分宽度 */
max-width: calc(100% - 145px); /* 显示最大宽度，减去 wf-topic-img 的最大宽度 */
}
/* 话题详情 */
wf-popwindow.topicDetail {
max-width: 790px;
width: auto;
min-width: unset;
}
wf-popwindow.topicDetail wf-popbody {
overflow: hidden;
}
wf-popwindow.topicDetail wf-popbody wf-p.topicHead {
position: sticky;
height: 46px;
vertical-align: middle;
font-weight: 550;
padding: 10px;
width: 94%;
background-color: #E6EDFA;
color: #1D2129;
margin: 18px 0 12px 16px;
}
wf-p.topicHead h {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 30%;
display: block;
max-width: 100%;
line-height: 25px;
margin-left: 5px;
}
wf-popwindow.topicDetail wf-popbody {
height: 100%;
/* padding:30px 0 0 0; */
}
wf-popwindow.topicDetail wf-topic-detial {
display: block;
height: calc(100% - 50px);
overflow: scroll;
}
wf-popwindow.topicDetail wf-sns message-detail {
padding: 10px 10px 0 0px;
}
wf-popwindow.topicDetail message-list {
width: 98%;
margin: 0 20PX;
}
wf-popwindow.topicDetail message-top-list {
background: #F9F9F9;
display: none;
padding: 10px 0;
width: 95%;
margin-left: 20px;
}
wf-popwindow.topicDetail message-top-list message-detail {
background: #F9F9F9;
padding: 10px 0;
width: 95%;
margin-left: 16px;
}
wf-popwindow.topicDetail message-detail-body message-detail-body-init {
margin-left: 45px;
}
wf-popwindow.topicDetail message-detail-top message-body {
width: calc(100% - 45px);
}
wf-popwindow.topicDetail wf-closeicon {
right: 8px;
color: #403f3f;
text-shadow: 0 1px 0 #403f3f;
padding: 0px 9px 3px 9px;
background: #fff;
top: 0px;
}
wf-popwindow.topicDetail wf-sns {
/* width:94%; */
}
/* 关注列表搜索 */
follow-seach {
display: block;
width: 98%;
padding: 10px 0px;
text-align: right;
margin: 0 10px;
border-bottom: 1px solid #F2F3F5;
}
follow-seach .search_select_date {
margin-right: 15px;
}
follow-seach .search_select_date i {
font-style: normal;
}
follow-seach .search_select_date i:last-child {
margin-left: 5px;
vertical-align: middle;
font-style: normal;
}
follow-seach .search_select_date i:last-child svg path.active {
fill: #165DFF;
}
follow-seach .search_select_date i svg path {
fill: #C9CDD4;
}
serach-name {
position: relative;
}
follow-seach input {
width: calc(100% - 80px);
height: 30px;
line-height: 30px;
border-radius: 2px;
max-width: 168px;
padding: 3px 24px 3px 12px;
margin: 0 10px 0 0;
background: #F2F3F5;
color: #86909C;
font-size: 14px;
border: 1px solid #F2F3F5;
}
follow-seach i.ri-search-line {
position: absolute;
right: 19px;
top: 0px;
color: #4E5969;
}
/* 粉丝关注列表样式 */
attention-list {
display: block;
width: 100%;
padding: 0 10px;
margin-bottom: 20px;
}
attention-list wf-p.seach_tip {
padding: 10px;
}
attention-list attention-item:first-child {
margin-top: 22px
}
attention-list attention-item {
display: flex;
margin-bottom: 12px;
background: #fff;
border-radius: 4px;
padding: 10px 20px;
background-color: #ffffff;
box-shadow: 1px 1px 5px rgba(117, 123, 136, 0.16);
justify-content: center;
align-items: center;
}
attention-list attention-item user-wrap {
display: inline-block;
width: calc(100% - 160px);
float: left;
}
attention-item user-wrap user-wrap-left {
display: block;
float: left;
margin: 0;
}
attention-list attention-item .wf_span_img {
position: relative;
margin: 0 14px 0 0;
cursor: pointer;
}
attention-item user-wrap user-wrap-right {
display: block;
float: left;
width: calc(100% - 70px);
}
attention-item user-wrap user-wrap-right.margin_top {
margin: 10px 0 0 0;
}
attention-item user-wrap-right user-wrap-right-top {
display: block;
width: 100%;
cursor: pointer;
font-size: 16px;
height: 24px;
}
attention-item user-wrap-right-top wf-badge .img_badge {
top: -18px;
}
attention-item user-wrap-right user-wrap-right-middle {
display: block;
height: 22px;
font-size: 14px;
margin: 0px 0 0px 0;
}
attention-item user-wrap-right user-wrap-right-bottom {
display: block;
cursor: pointer;
font-size: 14px;
color: #4E5969;
}
attention-item .ellipsis {
width: auto;
max-width: 600px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
attention-list attention-item attention-handle {
display: inline-block;
float: right;
width: 159px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: right;
}
attention-list attention-item wf-button {
cursor: pointer;
cursor: pointer;
color: #1D2129;
border: 1px solid #C9CDD4;
padding: 0 8px;
border-radius: 4px;
/* height: 22px; */
line-height: unset;
margin: 0;
vertical-align: middle;
}
attention-list attention-item wf-button:hover {
color: #165DFF;
border: 1px solid #165DFF;
}
attention-list attention-item wf-button:first-child {
margin-right: 8px;
}
attention-list attention-item .wf_span_img .img_v {
display: block;
position: absolute;
right: 0px;
top: 30px;
}
/* img弹框 */
#showImg {
z-index: 1001;
width: 100%;
height: 100%;
top: 0;
position: fixed;
}
showimg {
top: 0;
height: 100%;
position: fixed;
width: 72%;
}
showimg .viewer-transition {
transition: unset;
-webkit-transition: unset;
}
showimg .viewer-button {
/* right: -8px; */
}
#commentShow {
overflow: clip auto;
float: left;
top: 0;
background: #fff;
position: fixed;
right: 0px;
width: 28%;
height: 100%;
padding: 10px 10px 0px 10px;
}
#commentShow message-detail {
padding: 20px;
display: block;
}
#commentShow message-detail-top message-body {
display: inline-block;
padding: 3px 0px;
vertical-align: top;
width: calc(100% - 66px);
margin-left: 10px;
}
#commentShow textarea {
width: 98%;
}
#commentShow upload-image-container {
top: 21px;
}
#commentShow message-body-head wf-badge .img_badge {
top: -15px;
}
#commentShow wf-user-tag {
padding: 0;
display: none;
}
#commentShow message-body message-read-count {
display: block;
right: -16px;
top: 2px;
position: absolute;
color: #1D2129;
padding: 0px 3px 3px 3px;
text-align: center;
margin-right: 15px;
}
#commentShow message-list-wrap message-detail{
padding: 10px 0 0 0;
}
#commentShow message-handle wf-button {
background: #fff;
font-size: 14px;
}
#commentShow message-handle wf-button:hover ,#commentShow message-handle wf-button:hover wf-span{
color: #4080FF;
}
#commentShow message-handle wf-button.comment,#commentShow message-handle wf-button.comment:hover{
background: #4080FF;
color: #fff;
}
#commentShow message-list-wrap message-detail-body{
margin-left: 0;
width: 100%;
/* width: calc(100% - 51px); */
}
#commentShow textarea{
width: 98%;
border: solid 1px #E5E6EB;
resize: none;
outline: none;
font-family: monospace;
padding: 4px 10px;
line-height: 20px;
word-break: break-all;
white-space: pre-wrap;
text-align: left;
overflow-y: auto;
min-height: 50px;
background: #F7F8FA;
border-radius: 4px;
color: #86909C;
font-size: 12px;
}
#commentShow i.remix {
margin-right: 5px
}
/* 发送私信弹框样式 */
.wf-sns-chatroom {
margin: 0;
}
popmask.wf-chat-message-mask popbody {
height: 600px;
}
popmask.wf-chat-message-mask .nick_name {
display: none;
}
popmask.wf-chat-message-mask popdialog popheader {
height: 45px;
line-height: 45px;
text-align: center;
background-color: #fff;
color: #333;
border-bottom: 1px solid #ddd;
font-size: 16px;
font-weight: 500;
}
popmask.chat_send.wf-chat-message-mask popdialog {
max-width: 700px;
}
popmask.wf-chat-message-mask wf-chat-message-list#chat_message_list {
padding-left: 15px;
}
popmask.wf-chat-message-mask wf-chat-message-send{
text-align: right;
/* border-top: 1px solid #F2F3F5; */
border-top: unset;
}
popmask.wf-chat-message-mask wf-chat-message-send #wf_message_content{
border: 1px solid #F2F3F5;
margin: 2px 0;
}
popmask.wf-chat-message-mask wf-chat-message-send .chat_content_button{
height: unset;
line-height: unset;
text-align: center;
position: unset;
top: unset;
right: unset;
padding: 3px 10px;
border-radius: 4px;
margin-top: 5px;
}
popdialog popbody {
min-height: 150px;
}
popmask.chat_send popdialog {
max-width: 600px;
}
popmask wf-chat-send textarea {
display: block;
width: 100%;
height: 80px;
border: solid 1px #ccc;
resize: none;
outline: none;
font-family: monospace;
padding: 5px;
background-color: #f8f8f8;
line-height: 20px;
white-space: pre-wrap;
text-align: left;
overflow-y: auto;
}
popmask wf-chat-send textarea#chat_message {
width: 95%;
margin-bottom: 7px;
word-break: break-all;
}
wf-chat-send wf-p.chat_handle {
text-align: right;
}
/* 赞列表 */
message-list.wf-praise-list {
display: block;
}
message-list.wf-praise-list wf-p {
/* padding: 5px 0 5px 10px; */
}
message-list.wf-praise-list description wf-p {
padding: 0px;
}
message-list.wf-praise-list wf-praise-item {
display: block;
width: 95%;
padding: 10px;
}
message-list.wf-praise-list wf-praise-item-top {
display: block;
width: 100%;
}
wf-praise-item-top>wf-user {
float: left;
top: 20px;
left: 0px;
}
wf-praise-item-top>wf-user .img_v {
display: block;
position: absolute;
right: 0px;
top: 30px;
}
wf-praise-item praise-item-content {
display: block;
margin: 0 30px 0 55px;
padding: 20px 0;
}
praise-item-content>wf-user {
display: block;
margin: 3px 0;
}
message-list.wf-praise-list wf-praise-item-middle {
display: block;
width: 100%;
margin: 0 0 0 50px;
}
message-list.wf-praise-list wf-praise-item-middle a {
font-size: 16px;
text-decoration: unset;
}
wf-praise-item-middle praise-prompt {
display: block;
margin: 5px 0;
font-size: 16px;
}
wf-praise-item-middle praise-message-content {
display: block;
}
wf-praise-item video {
display: block;
width: 800px;
height: 400px;
}
/*悬浮用户卡片*/
wf-sns del wf-user {
text-decoration: none;
}
/* 聊天*/
wf-chat-room wf-h3 {
display: inline-block;
cursor: pointer;
color: darkorange;
padding-right: 0px 5px 0px 0px;
word-break: break-all;
}
wf-chat-room-info {
padding: 6px 0 6px 10px;
/* border-bottom: 1px solid #ddd; */
cursor: pointer;
margin: 0;
display: flex;
position: relative;
}
wf-chat-room-info:hover {
background-color: #f8f8f8;
}
wf-chat-room-last {
word-break: break-all;
display: block;
margin-top: 2px;
font-size: 14px;
position: relative;
width: 202px;
}
wf-chat-room-last wf-chat-room-last-message {
display: inline-block;
width: 170px;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
wf-chat-room-unread {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin: -2px 0 0px -3px;
background-color: #FF0033;
position: absolute;
left: 53px;
top: 5px;
}
.recent_contact {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
padding: 0 0 16px 0;
color: #000;
margin-top: 3px;
}
wf-popwindow.chatDetail {
max-width: 790px;
width: auto;
min-width: unset;
}
wf-popwindow.chatDetail wf-closeicon {
right: 0px;
color: #403f3f;
text-shadow: 0 1px 0 #403f3f;
padding: 0px 9px 3px 11px;
background: #fff;
top: 0px;
}
wf-popwindow.chatDetail wf-popbody {
overflow-y: hidden;
}
wf-chat-message#chat_message {
display: block;
padding: 0 0 25px 0;
height: 95%;
}
wf-chat-message#chat_message .float_left {
float: left;
}
wf-chat-message#chat_message .float_right {
float: right;
}
wf-chat-message-send {
position: relative;
bottom: -10px;
width: 100%;
display: block;
height: 16%;
border-top: 1px solid #F2F3F5;
text-align: right;
}
wf-chat-message-send wf-button.chat_member_button {
width: 90px;
text-align: center;
}
wf-chat-message-send wf-button.chat_content_button {
height: 28px;
line-height: 28px;
padding: 0px 10px;
background-color: #388dfe;
color: #fff;
border-radius: 3px;
letter-spacing: 1px;
}
wf-chat-message-send wf-button.chat_content_button i.remix{
color: #fff;
}
wf-chat-message-send wf-button.chat_content_button wf-span {
color: #fff;
}
wf-chat-message-send wf-button.chat_content_button:hover ,
wf-chat-message-send wf-button.chat_content_button:hover i ,
wf-chat-message-send wf-button.chat_content_button:hover wf-span{
background-color: #388dfe;
color: #fff;
}
wf-chat-message-send textarea#wf_message_content {
resize: none;
color: #1D2129;
word-break: break-all;
height: 100%;
}
wf-chat-message-send wf-button.chat_content_button {
/* text-align: center;
position: absolute;
top: 50px;
right: 3px; */
}
wf-chat-message-list#chat_message_list {
overflow: auto;
height: 80%;
width: 100%;
display: block;
/* background: #F4F5F7; */
background: #fff;
}
wf-chat-message-list#chat_message_list wf-button#history {
width: 95%;
text-align: center;
margin: 0px auto;
display: block;
}
wf-chat-message-info {
clear: both;
display: block;
margin: 10px 0;
}
wf-chat-message-info wf-chat-message-tips {
color: #a9a9a9;
text-align: center;
display: block;
}
wf-chat-message-body {
display: block;
width: 97%;
}
wf-chat-message-body create-time {
display: block;
margin: 15px 0;
width: 100%;
}
wf-chat-message-body.wf_chat_message_body_left create-time,
wf-chat-message-body.wf_chat_message_body_right create-time {
text-align: center;
}
wf-chat-message-body wf-chat-message-body-userinfo {
display: block;
width: 100%;
height: auto;
min-height: 20px;
}
wf-chat-message-body-userinfo wf-chat-message-content {
max-width: 350px;
width: auto;
white-space: pre-wrap;
word-break: break-all;
line-height: 20px;
padding: 10px;
background-color: #fff;
margin: 6px 6px 6px 12px;
}
wf-chat-message-body-userinfo wf-chat-message-content.float_right {
border-radius: 8px 2px 8px 8px;
background-color: #4080FF;
color: #fff;
margin: 6px 12px 6px 6px;
}
wf-chat-message-body-userinfo wf-chat-message-content.float_left {
border-radius: 2px 8px 8px 8px;
}
wf-chat-room-title {
display: flex;
justify-content: space-between;
}
wf-chat-message-body create-time {
color: #bdbdbd;
}
wf-chat-room-title create-time {
color: #999999;
margin: 3px 8px 0 0;
font-size: 12px;
}
wf-chat-room-title wf-user {
max-width: 130px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
wf-chat-room.chat_room_list::-webkit-scrollbar {
width: 6px;
}
wf-chat-message#chat_message wf-chat-message-content.float_left:before {
border-style: solid;
border-width: 10px 10px 10px 0;
/* border-color: transparent #fff transparent transparent; */
border-color: transparent #F2F3F5 transparent transparent;
content: '';
position: absolute;
top: 19px;
left: -8px;
margin-top: -9px;
display: block;
width: 0px;
height: 0px;
z-index: 0;
}
wf-chat-message#chat_message wf-chat-message-content.float_right:after {
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #4080FF;
content: '';
position: absolute;
top: 19px;
right: -8px;
margin-top: -9px;
display: block;
width: 0px;
height: 0px;
z-index: 0;
}
wf-chat-message#chat_message .float_left{
background: #F2F3F5;
}
wf-chat-message#chat_message .float_left,
wf-chat-message#chat_message .float_right {
position: relative;
}
/* 滚动槽 */
wf-chat-room.chat_room_list::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
wf-chat-room.chat_room_list::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
wf-chat-room.chat_room_list::-webkit-scrollbar-thumb:window-inactive {
background: #e2ebf4;
}
wf-chat-message-user wf-user {
float: left;
}
wf-chat-user-name wf-user,
wf-chat-message-user wf-user {
color: #282828;
font-size: 15px;
font-weight: 500;
}
wf-chat-message-user wf-user-tag {
float: left;
}
wf-chat-message-user wf-span.colon {
float: left;
}
wf-chat-message-user.float_left wf-user-head-img wf-p.wf_p_img {
float: left;
}
notify-chat-number {
position: absolute;
color: white;
font-size: 10px;
background-color: red;
min-height: 10px;
min-width: 10px;
line-height: 10px;
right: 12px;
top: 2px;
text-align: center;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px 4px;
}
/* 群聊成员 */
popmask.chat_member {
width: 100%;
}
popmask.chat_member popdialog {
width: auto;
max-width: 600px;
min-width: unset;
}
popmask.chat_member wf-chat-member {
display: block;
width: 100%;
font: 13px Arial, sans-serif;
}
wf-chat-member wf-chat-member-action {
display: block;
width: 100%;
}
wf-chat-member-action wf-button.kick_out {
margin: 0 0 0 40px;
}
wf-chat-member wf-chat_member-list {
display: block;
width: 100%;
}
wf-chat_member-list wf-chat-member-body {
display: block;
width: 100%;
margin: 0 0 5px 0;
}
wf-chat-member-body wf-chat-label {
display: inline-block;
width: auto;
color: rgb(255, 140, 0);
}
/* 用户推荐功能 */
wf-user-recommend-pop * {
position: static;
/* box-sizing: border-box; */
box-sizing: unset;
padding: 0px;
margin: 0px;
}
wf-user-recommend-pop {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1000;
}
wf-user-recommend {
display: block;
font: 14px 'Microsoft YaHei';
color: #333;
box-sizing: border-box;
padding: 0px;
margin: 0 auto;
position: relative;
max-width: 950px;
top: 60px;
}
wf-user-recommend wf-user-recommend-popclose {
display: block;
z-index: 1000;
position: absolute;
right: 24px;
font-size: 20px;
cursor: pointer;
top: 22px;
color: #403f3f;
text-shadow: 0 1px 0 #403f3f;
padding: 0px 9px 3px 11px;
background: #fff;
}
wf-user-recommend wf-user-recommend-content {
max-width: 870px;
width: 100%;
border-top: 7px solid rgb(118, 168, 228);
border-radius: 7px;
box-shadow: 0 0 12px 2px #ddd;
display: inline-block;
max-height: 550px;
height: auto;
padding: 0 30px;
background: #fff;
}
wf-user-recommend wf-user-recommend-content wf-user-recommend-heard {
display: block;
height: 25px;
line-height: 25px;
padding: 20px 0 15px 0;
border-bottom: 1px solid #ddd;
margin: 0 25px 15px 0;
text-align: left;
position: sticky;
top: 0;
background: #fff;
z-index: 99;
}
wf-user-recommend wf-user-recommend-body {
display: block;
width: 100%;
height: auto;
max-height: 350px;
overflow: auto;
}
wf-user-recommend wf-user-recommend-info {
width: 180px;
height: 50px;
display: inline-block;
font-size: 12px;
vertical-align: middle;
border: 1px solid #ddd;
border-radius: 5px;
margin: 10px 20px 10px 0;
padding: 17px 5px;
position: relative;
}
wf-user-recommend wf-user-recommend-info img.avatar-img {
width: 55px;
height: 55px;
border: 1px solid #ddd;
margin-top: -5px;
}
wf-user-recommend wf-user-recommend-info input {
width: 14px;
height: 14px;
border: 1px solid #ddd;
text-align: center;
position: absolute;
right: 10px;
}
wf-user-recommend wf-user-recommend-info input.tag-type-true {
top: 30px;
}
wf-user-recommend wf-user-recommend-info input.tag-type-false {
top: 30px;
}
wf-user-recommend wf-user-recommend-info wf-nickname-type {
display: inline-block;
width: 80px;
border-left: 1px solid #ddd;
padding: 0 0 0 5px;
}
wf-user-recommend wf-user-recommend-info wf-nickname-type.tag-type-true {
margin: 0px;
}
wf-user-recommend wf-user-recommend-info wf-nickname-type.tag-type-false {
margin: 13px 0 0 0;
}
wf-user-recommend wf-user-recommend-info wf-user-tag {
margin-top: 10px;
}
wf-user-recommend wf-user-recommend-info wf-span {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
wf-user-recommend wf-badge {
position: relative;
height: 20px;
margin: 5px 0 0 0;
}
wf-user-recommend wf-badge .img_badge {
top: 5px;
}
wf-user-recommend wf-user-recommend-content wf-oneclickattention-handle {
display: block;
width: 100%;
text-align: center;
}
wf-user-recommend wf-oneclickattention-handle wf-button {
text-align: center;
display: inline-block;
width: 180px;
height: 30px;
line-height: 30px;
border: 1px solid rgb(130, 187, 255);
color: rgb(130, 187, 255);
margin: 20px 0 30px 0px;
border-radius: 4px;
}
wf-user-recommend wf-oneclickattention-handle wf-button:hover {
color: #fff;
background-color: rgb(130, 187, 255);
}
/* 暂无数据 */
wf-no-data{
display: block;
width: 100%;
height: 100%;
align-items: center;
}
wf-no-data wf-img-con {
display: block;
width: 100%;
height: 100%;
text-align: center;
padding: 20px 0 0 0;
}
wf-no-data wf-p {
display: block;
color: #1D2129;
text-align: center;
font-size: 16px;
}
/* 排行列表样式 */
wf-rank-list,
.rank-list-div {
display: block;
}
rank-list-div-container {
margin-top: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
rank-list-div-l {
width: 67%;
/* min-width: 600px; */
height: 100%;
margin-right: 20px;
}
rank-list-div-r {
width: 30%;
min-width: 300px;
height: 100%;
}
wf-rank-list rank-item-div {
display: block;
}
wf-rank-list rank-item {
display: block;
margin: 0px 4px;
padding: 4px 0px;
}
wf-rank-list rank-item wf-user {
padding-right: 4px;
}
rank-item {
display: flex;
flex-direction: row;
border-bottom: 1px solid #e9e9e9;
}
.rankCount-div {
float: right;
margin-top: 7px;
}
.rankCount-div wf-span {
display: flex;
justify-content: flex-end;
}
.rowNumber {
width: 23px;
color: #999;
}
rank-item-container rank-item-div:nth-child(1) .rowNumber,
rank-item-container rank-item-div:nth-child(2) .rowNumber,
rank-item-container rank-item-div:nth-child(3) .rowNumber {
color: darkorange;
font-weight: 600;
}
wf-rank-list .summary {
font-size: 12px;
color: #999;
line-height: 18px;
padding-right: 6px;
}
.rankCountName {
color: darkcyan;
font-weight: 600;
padding-right: 6px;
font-size: 14px;
}
wf-rank-list .overhidden1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
wf-rank-list .rank-nickname {
max-width: 77%;
}
rank-list-div-c {
display: none;
}
wf-rank-list .div-box {
margin-bottom: 16px;
-webkit-box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
background-color: #fff;
padding: 20px 10px;
border-radius: 2px;
margin-bottom: 20px;
}
wf-rank-list .div-item {
-webkit-box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
background-color: #fff;
padding: 20px 40px;
display: inline-block;
}
/* 分享 收藏 */
wf-share-button {
display: inline-block;
}
wf-share-button img.share_img {
width: 16px;
height: 16px;
vertical-align: bottom;
}
wf-share-init-content {
display: block;
}
wf-share-init-content wf-textarea {
display: block;
margin: 10px 0 0 0;
}
/* wf-textarea textarea{
width:98%;
height:120px;
} */
wf-share-init-content wf-handle {
display: block;
margin: 10px 0px;
text-align: right;
}
/* 推荐模块 */
wf-aside-recommend.sticky {
position: sticky;
/* top:0px; */
}
wf-aside-recommend.fixed {
position: fixed;
}
wf-aside-recommend.relative {
position: relative;
}
wf-recommend {
width: auto;
min-width: 300px;
max-width: 350px;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
height: auto;
}
wf-recommend-acs-contract-apps {
display: none;
margin: 0 0 12px 0;
}
wf-recommend-acs-contract-apps wf-recommend-app.one{
justify-content: unset;
}
wf-recommend-acs-contract-apps wf-recommend-app.one .swiper-slide-part{
margin-left: 20px;
}
wf-recommend-acs-contract-apps.show{
display: block;
}
wf-recommend-acs-contract-apps div#swiper-button-prev,wf-recommend-acs-contract-apps div#swiper-button-next{
width: 30px;
height: 30px;
background: rgb(10 10 10 / 3%);
border-radius: 50%;
color: #000;
}
wf-recommend-acs-contract-apps .swiper-button-next:after, wf-recommend-acs-contract-apps .swiper-button-prev:after{
font-size: 12px;
}
wf-recommend-acs-contract-apps .swiper-button-prev{
left: 6px;
top:56%;
}
wf-recommend-acs-contract-apps .swiper-button-next{
right: 6px;
top:56%;
}
wf-recommend-acs-app {
display: inline-block;
background-color: #fff;
border-radius: 6px;
width: 350px;
box-shadow: 0px 3px 10px rgba(139, 159, 229, 0.09);
}
wf-recommend-acs-app wf-recommend-acs-handle {
display: inline-block;
font-size: 14px;
}
wf-recommend-acs-handle .acs_more {
display: inline-block;
cursor: pointer;
color: #4E5969;
font-size: 12px;
font-weight: 500;
}
wf-recommend-acs-handle .acs_pack_up {
display: none;
cursor: pointer;
color: #4E5969;
font-size: 12px;
font-weight: 500;
}
wf-recommend-app-init {
display: block;
}
wf-recommend-app-more {
display: none;
padding: 0 20px;
}
wf-recommend-app-init {
padding: 0px 20px;
}
wf-recommend wf-recommend-apps {
display: block;
margin: 0px 0 12px 0;
width: 350px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 3px 10px rgba(139, 159, 229, 0.09);
}
wf-recommend-apps wf-recommend-app-init{
margin: 0;
}
wf-recommend wf-p.recommend_apps_header {
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
display: flex;
align-items: center;
}
wf-recommend i.fa.fa-angle-right,wf-recommend i.fa-angle-left{
margin-left: 5px;
}
wf-recommend-acs-handle {
flex: 1;
text-align: right;
}
wf-recommend wf-recommend-app {
display: inline-block;
vertical-align: top;
padding: 0px;
padding-bottom: 15px;
margin-right: 12px;
}
wf-recommend wf-recommend-app wf-span.des {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 4px 0 0 0;
font-size: 14px;
color: #1D2129;
text-align: center;
height: 20px;
}
wf-recommend-app-init.recommend_apps_content wf-recommend-app{
margin:0 0 0 0;
}
wf-recommend-app-init.recommend_apps_content wf-recommend-app:first-child {
margin-top: 10px;
}
wf-recommend wf-recommend-app wf-user .name {
display: block;
width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
font-size: 14px;
color: #4E5969;
margin-top: 5px;
}
wf-recommend wf-recommend-app image {
display: block;
width: 113px;
height: 70px;
border-radius: 4px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url('https://img-d.wf.pub/1/2077.2768331862812-开放平台.png');
}
wf-recommend wf-recommend-message {
display: block;
margin: 0 0 12px 0;
background-color: #fff;
border-radius: 6px;
padding: 0 0 11px 0;
}
wf-recommend wf-p.recommend_message_header {
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
display: flex;
align-items: center;
}
wf-recommend message-info {
display: inline-block;
width: calc( 100% - 52px);
margin-left: 10px;
}
wf-recommend message-info wf-p.name{
display: flex;
height: 24px;
margin-top: 3px;
}
wf-recommend wf-recommend-message message-detail {
display: block;
margin-bottom: 12px;
}
wf-recommend wf-recommend-message message-detail:first-child{
margin-top: 12px;
}
/* 知识推荐样式 */
wf-recommend wf-recommend-knowledge {
display: block;
}
wf-recommend wf-recommend-knowledge recommend-head {
display: block;
font-size: 16px;
margin: 5px 0 0 8px;
font-weight: 700;
}
wf-recommend wf-recommend-knowledge recommend-list {
display: block;
background: #F5F5F6;
border-radius: 6px;
margin: 5px 0 0 8px;
}
wf-recommend wf-recommend-knowledge recommend-title {
display: block;
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 5px;
}
wf-recommend wf-p.content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
height: 24px;
width: 96%;
font-size: 14px;
max-width: 259px;
}
wf-recommend wf-p.content:hover {
color: darkorange;
}
wf-recommend message-body {
display: flex;
padding: 0px 20px;
width: 100%;
box-sizing: border-box;
}
wf-recommend message-detail wf-user img.avatar-img {
width: 30px;
height: 30px;
vertical-align: middle;
border-radius: 25px;
}
wf-recommend message-detail wf-user.nickname {
width: 180px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
color: #1D2129;
font-size: 14px;
}
wf-recommend message-body create-time {
cursor: pointer;
/* margin: 2px 0 0 5px; */
width: 67px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
font-size: 12px;
text-align: right;
color: #4E5969;
}
wf-recommend message-body wf-span.details_button {
cursor: pointer;
margin: 0 0 0 5px;
width: calc((100% - 30px) * 0.15);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
}
/* 消息通知样式 */
wf-sns-notify,
wf-sns-message-notify {
position: relative;
margin-right: 10px;
}
notify-total-number {
position: absolute;
color: white;
font-size: 10px;
background-color: red;
min-height: 10px;
min-width: 10px;
line-height: 10px;
right: -10%;
top: -6px;
text-align: center;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 1px;
}
notify-number {
color: white;
font-size: 10px;
background-color: red;
min-height: 10px;
min-width: 10px;
line-height: 10px;
text-align: center;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
}
notify-icon {
max-width: 30px;
height: 20px;
background: #ddd;
box-shadow: 0 0 1px 0px #999, 0 6px 13px -5px rgba(0, 0, 0, 0.3);
border-radius: 2px;
transition: all 1s ease;
vertical-align: middle;
}
notify-icon:hover {
box-shadow: 0 0 1px 0px #999, 0 6px 13px -5px rgba(0, 0, 0, 0.5), inset 0 0 3px rgba(0, 0, 0, 0.3);
}
wf-sns-notify notify-detail-ul,
wf-sns-message-notify notify-detail-ul {
max-width: 120px;
display: block;
position: absolute;
box-shadow: 0 0 6px 0 #ddd;
color: #82bbff;
opacity: 1;
top: 28px;
left: -28%;
/* right: -55px; */
background: #fff;
padding: 5px;
/* z-index: 200; */
}
wf-sns-notify:hover a#sns,
wf-sns-message-notify:hover a#sns {
color: #82bbff;
}
notify-detail-ul::before {
display: block;
content: '';
width: 8px;
height: 8px;
transform: rotate(45deg);
background-color: #ddd;
position: absolute;
z-index: -1;
top: -5px;
left: 26px;
}
notify-detail-li {
display: block;
height: 30px;
line-height: 30px;
}
notify-detail-li:first-child a {
color: #82bbff;
}
notify-detail-li a:hover {
color: #82bbff;
}
/* 认证 */
wf-acc-certificate {
position: absolute;
display: inline-block;
/* cursor: pointer; */
top: 32px;
left: 31px
}
wf-acc-certificate img#organizatioBtn {
width: 14px;
height: 16px;
}
/* 账务组件样式 */
/* 优惠券列表展示 */
.couponList {
font-size: 14px;
display: flex;
flex-flow: row wrap;
}
.couponList .couponBox {
box-sizing: border-box;
display: flex;
border-radius: 5px;
padding: 8px 0 8px 8px;
width: 262px;
height: 90px;
margin: 0 5px 5px 0;
background: url(/img/coupon.png) no-repeat;
color: #fff;
background-size: cover;
}
.couponBox1 {
background: url(/img/coupon1.png) no-repeat !important;
height: 100px !important;
}
.couponList .couponBox .couponInfo {
flex: auto;
display: flex;
justify-content: space-between;
flex-flow: column nowrap;
}
.couponList .couponBox .couponInfo p {
margin: 0;
padding: 0;
}
.couponInfo .info_title {
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.couponInfo .info_title i {
font-style: normal;
font-size: 9px;
border: 1px solid #fff;
color: #fff;
padding: 0 1px;
border-radius: 3px;
margin-right: 3px;
}
.couponInfo .info_period {
font-size: 9px;
}
.couponBox .op {
align-self: center;
text-align: center;
flex: 0 0 auto;
margin: 0 5px;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.couponBox .op .offtip {
font-size: 26px;
font-weight: bold;
}
.couponBox .op .offtip span {
font-size: 16px;
font-weight: normal;
}
.couponBox .op .offtip p {
margin: 0;
padding: 0;
line-height: normal;
font-size: 12px;
}
.couponBox .op .pickbtn {
cursor: pointer;
background: #fff;
border-radius: 10px;
padding: 6px 8px;
vertical-align: middle;
line-height: 12px;
color: #ff6233;
}
/* 新版优惠券样式 */
ul.coupon_list {
margin: 0;
padding: 0;
font-size: 14px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
gap: 10px;
text-align: left;
}
ul.coupon_list li.coupons {
box-sizing: border-box;
display: flex;
border-radius: 5px;
padding: 0;
margin: 0;
min-height: 85px;
width: 100%;
}
ul.coupon_list li.coupons .coupon_left {
flex: 0 1 75px;
min-width: 75px;
font-size: 24px;
font-weight: bold;
color: #fff;
display: flex;
flex-flow: row wrap;
align-content: center;
justify-content: center;
align-items: baseline;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: url(/img/coupon_left.png) no-repeat;
background-size: 100% 100%;
}
ul.coupon_list li.coupons .coupon_left span {
font-size: 16px;
font-weight: normal;
}
ul.coupon_list li.coupons .coupon_left p {
margin: 5px 0 0;
padding: 0;
line-height: normal;
font-size: 12px;
text-align: center;
width: 100%;
}
ul.coupon_list li.coupons .coupon_right {
flex: 1 1 auto;
font-size: 18px;
font-weight: bold;
color: #333333;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background: url(/img/coupon_right.png) no-repeat;
background-size: 100% 100%;
display: flex;
flex-flow: row nowrap;
}
ul.coupon_list li.coupons .coupon_right .coupon_info {
padding: 10px 10px 10px 15px;
flex: 1 1 auto;
box-sizing: border-box;
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_title {
margin: 0 0 5px 0;
padding: 0;
font: inherit;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_period {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #666666;
min-height: 40px;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_period span {
margin-right: 0;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_period span.discount {
font-size: 14px;
color: #ff5c5c;
line-height: 20px;
display: block;
text-indent: -5px;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_detail {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #333333;
user-select: none;
cursor: pointer;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_detail svg.coupon_detail_ext {
margin: 0 5px;
height: 18px;
width: 18px;
vertical-align: bottom;
display: inline-block;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_detail ul.desc {
padding-left: 16px;
font-size: 10px;
color: #999999;
margin: 5px 0 0 0;
display: none;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_detail ul.desc li {
list-style-type: square;
text-indent: -5px;
}
ul.coupon_list li.coupons .coupon_right .op {
font-size: 14px;
flex: 0 1 90px;
min-width: 90px;
padding: 0 5px;
display: flex;
justify-content: center;
align-items: center;
font-weight: normal;
position: relative;
box-sizing: border-box;
}
ul.coupon_list li.coupons .coupon_right .op .pickbtn {
cursor: pointer;
background: linear-gradient(135deg, #fdae6d, #ff8540, #ff612f);
border-radius: 20px;
padding: 0 10px;
vertical-align: middle;
line-height: 40px;
color: #ffffff;
height: 40px;
min-width: 80px;
text-align: center;
box-sizing: border-box;
}
@media screen and (min-width: 500px) {
ul.coupon_list {
margin: 10px;
}
ul.coupon_list li.coupons {
min-height: 110px;
width: 410px;
}
ul.coupon_list li.coupons .coupon_left {
flex: 0 0 90px;
width: 90px;
}
ul.coupon_list li.coupons .coupon_right .coupon_info {
padding: 15px 10px 15px 15px;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_period {
font-size: 14px;
}
ul.coupon_list li.coupons .coupon_right .coupon_info p.info_period span.discount {
display: inline-block;
}
ul.coupon_list li.coupons .coupon_right .op {
flex: 0 0 100px;
}
}
.wf-topic-wrap-part {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 520px) {
.commentStyleBtn{
display: none;
}
message-body-head wf-badge .img_badge {
top: -18px;
}
wf-sns message-detail{
padding: 10px 0 0 0;
}
wf-sns tab.l2 tab-nav{
margin-left: 10px;
}
sns-container {
padding: 0 5px;
}
wf-topic-title {
margin: 0 10px;
}
wf-sns wf-topic-list {
padding: 3px 10px;
}
attention-list {
padding: 0 ;
}
wf-messagesender {
padding: 10px;
}
}
wf-coupon-my {
display: block;
overflow-y: auto;
}
wf-coupon-my ul.coupon_list {
margin: 0;
}
/* 搜索组件样式 */
wf-search-box {
width: 640px;
max-height: 45px;
display: flex;
border: 1px solid #c4c7ce;
border-radius: 11px;
box-sizing: border-box;
}
wf-search-box select {
width: 80px;
height: 35px;
border: 0;
border-radius: 10px 0 0 10px;
vertical-align: middle;
text-align-last: center;
outline: none;
border-right: 1px solid #c4c7ce;
}
wf-search-box input {
width: 500px;
height: 35px;
outline: none;
border: 0;
padding-left: 10px;
vertical-align: middle;
box-sizing: border-box;
justify-content: flex-start;
}
wf-search-box button {
width: 60px;
height: 35px;
margin: 0px;
border: 0;
border-radius: 0 10px 10px 0;
vertical-align: middle;
background-color: #417dc9;
color: #fff;
}
wf-search-box button:hover {
color: #fff;
background-color: rgb(130, 187, 255);
}
wf-search-result {
min-width: 1200px;
display: block;
}
wf-search-aside {
display: block;
float: left;
width: 200px;
height: 100%;
vertical-align: top;
}
wf-search-aside dd {
line-height: 17px;
}
wf-search-aside left-key {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 130px;
color: #82bbff;
cursor: pointer;
}
wf-search-aside left-count {
overflow: hidden;
display: inline-block;
}
wf-search-main {
float: left;
display: block;
padding-left: 5px;
width: 760px;
}
search-filter-list {
display: block;
padding-top: 5px;
overflow: hidden;
font-size: 12px;
}
search-filter-list div {
position: relative;
top: 2px;
float: left;
margin: 3px 4px;
cursor: pointer;
}
search-filter-item {
display: block;
float: left;
margin: 3px 4px;
cursor: pointer;
}
search-filter-item span {
padding: 2px 6px;
display: inline-block;
float: left;
color: #417dc9;
background: #f1f9ff;
border: 1px solid #a0bee4;
}
search-filter-del {
display: inline-block;
width: 13px;
vertical-align: middle;
height: 15px;
background: url(/img/search/filterDel.png) no-repeat -47px 2px;
margin: 0px 0px 2px 6px;
}
wf-search-tab {
display: block;
}
wf-search-main counter {
display: block;
padding: 5px 0px;
font-size: 13px;
}
wf-search-main doc-info {
width: 760px;
display: flex;
margin-top: 3px;
}
wf-search-main doc-info figure {
display: block;
vertical-align: top;
margin: 10px;
justify-content: flex-start;
width: 120px;
}
wf-search-main doc-info figure img {
width: 100%;
max-height: 170px;
cursor: pointer;
}
wf-search-main doc-other {
display: block;
justify-content: flex-start;
width: 620px;
}
wf-search-main doc-info author {
display: inline-block;
margin-right: 5px;
}
wf-search-main doc-info time {
display: block;
margin: 3px 0px;
color: #777;
font-size: 13px;
}
wf-search-main source {
display: inline-block;
font-size: 12px;
}
wf-search-main source a {
color: #48d;
}
wf-search-main pager {
display: block;
margin: 10px 0px;
}
wf-search-main pager a {
display: inline-block;
padding: 4px;
}
/*.wfSearchInputBox {
position: relative;
}
.suggest {
position: absolute;
border: 1px solid #d4d4d4;
border-top: none;
background-color: #fff;
z-index: 99;
width:100%;
}
.suggestItem {
padding: 5px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.suggestItem:hover {
background-color: #e9e9e9;
}
.suggestChecked {
background-color: #e9e9e9;
}*/
/* 用户等级 */
wf-user-level {
display: inline-block;
margin: 0 0 0 5px;
border-radius: 13px;
font-size: 12px;
color: #fff;
padding: 0 7px;
background: url('https://com.wf.pub/images/lv_icon.png') center no-repeat;
background-size: cover;
}
wf-userinfo wf-div.userinfo wf-user-level{
display: inline-block;
margin: 0 0 0 5px;
border-radius: 13px;
font-size: 12px;
color: #fff;
height: 17px;
width: 38px;
text-align: center;
padding: 0 7px;
background: url('https://com.wf.pub/images/lv_icon.png') center no-repeat;
background-size: cover;
height: 15px;
vertical-align: middle;
}
/* 用户经验值 */
wf-user-experience {
width: 100%;
display: block;
text-align: left;
font-size: 12px;
cursor: pointer;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
wf-user-experience wf-user-experience-name {
display: inline-block;
height: 15px;
line-height: 15px;
width: auto;
max-width: 43px;
}
wf-user-experience wf-user-experience-value {
height: 15px;
/* max-width: 115px; */
background-color: #fff;
border-radius: 3px;
display: inline-block;
text-align: left;
position: relative;
font-size: 14px;
top: 1px;
border-radius: 18px;
margin-left: 5px;
}
wf-user-experience wf-user-experience-value.threeFifty{
width: 185px;
}
wf-user-experience wf-user-experience-value.twoEighty{
width: 115px;
}
wf-user-experience wf-exp {
display: inline-block;
height: 15px;
width: 100%;
/* max-width: 115px; */
border-radius: 3px;
background-color: #FDB61E;
position: absolute;
}
wf-user-experience wf-user-next {
display: inline-block;
background-color: #fff;
width: 15px;
border-radius: 50%;
line-height: 13px;
text-align: center;
color: #86909C;
margin-left: 5px;
margin-top: 3px;
}
wf-user-experience wf-user-next i.fa.fa-angle-right{
margin-left: 2px;
margin-top: 2px;
}
wf-usercard wf-region{
font-size: 12px;
color: #4E5969;
}
wf-div.userinfo wf-ip.ip-territory{
height: 20px;
}
wf-usercard wf-ip.ip-territory wf-span{
font-size: 12px;
color:#1D2129;
}
wf-user-experience wf-exp-num {
display: inline-block;
text-align: center;
width: 100%;
/* width: 130px; */
/* max-width: 130px;; */
}
wf-user-experience wf-exp-num wf-exp-num-content {
display: inline-block;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: -1px;
font-size: 13px;
}
/* 用户经验值蒙版*/
wf-popwindow.exp_pop {
max-width: 800px;
width: auto;
padding: 0 10px;
}
wf-popwindow.exp_pop wf-closeicon {
right: 0px;
color: #403f3f;
text-shadow: 0 1px 0 #403f3f;
padding: 0px 9px 3px 11px;
background: #fff;
top: 0px;
}
wf-popwindow.exp_pop wf-popbody{
margin: 0 2%;
}
wf-pop-exp-head {
display: inline-block;
width: 95%;
height: 50px;
line-height: 50px;
text-align: center;
position: sticky;
top: 0;
background: #bfdaff;
border: 1px solid #bfdaff;
border-radius: 3px;
font-size: 20px;
font-weight: 800;
margin-top: 30px;
}
wf-pop-exp-body {
display: block;
height: calc(100% - 90px);
overflow: auto;
width: 95%;
}
wf-pop-exp-des,
wf-pop-exp-rule,
wf-pop-exp-upgrade {
display: block;
margin: 10px 0;
}
wf-pop-exp-body wf-pop-exp-title {
display: block;
font-size: 16px;
font-weight: 600;
margin: 0 0 10px 0;
}
wf-pop-exp-body wf-pop-exp-note {
display: block;
font-size: 15px;
font-weight: 500;
margin: 10px 0;
color: #e81d1d;
}
/* 表格 wf_sns_table */
wf-pop table.wf_sns_table * {
position: unset;
}
table.wf_sns_table {
width: 100%;
border-collapse: collapse;
border: 1px solid #333;
}
table.wf_sns_table tr.wf_sns_tr {
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
vertical-align: middle;
}
th.wf_sns_th {
text-align: center;
border: 1px solid #333;
width: 50%;
margin: 0;
padding: 10px;
vertical-align: middle;
}
td.wf_sns_td {
text-align: center;
border: 1px solid #333;
margin: 0;
padding: 10px;
vertical-align: middle;
}
tbody.wf_sns_tbody>tr.wf_sns_tr:nth-child(odd):hover,
tbody.wf_sns_tbody>tr.wf_sns_tr:hover {
background-color: #ccc;
}
tbody.wf_sns_tbody>tr.wf_sns_tr:nth-child(odd) {
background-color: antiquewhite;
}
/* 收藏中心样式 */
popmask.favPop popdialog popbody {
overflow-y: auto !important;
min-height: 100px;
}
popmask.favPop popheader,
popmask.favPop closeicon {
background: #48d;
color: #fff;
}
/* 添加标签 */
popmask.favPop fav-tips {
margin: 18px;
display: block;
height: 20px;
}
popmask.favPop fav-tips a.tip {
margin: 5px;
color: #48d;
text-decoration: none;
}
popmask.favPop .labelCon .title {
display: block;
margin: 0 0 10px 0;
}
popmask.favPop .labelCon {
background: #fff;
padding: 10px;
display: block;
box-shadow: 1px 1px 5px gainsboro;
margin: 10px 15px;
}
popmask.favPop .labelCon .title::before {
display: inline-block;
content: '';
width: 2px;
height: 14px;
vertical-align: middle;
margin-right: 10px;
border-radius: 2.5px;
background-color: #333;
}
popmask.favPop .labelCon .label_add_input {
width: 200px;
}
popmask.favPop wf-p.prompt {
font-size: 14px;
text-align: center;
width: 100%;
margin: 10px 0;
color: #f90f0f;
}
popmask.favPop wf-footer {
display: block;
text-align: center;
margin: 10px 0;
}
popmask.favPop .renameCon {
display: block;
font-size: 14px;
}
popmask.favPop .renameCon wf-label {
margin: 0 10px;
}
popmask.favPop .renameCon .name {
margin: 10px;
}
popmask.favPop .renameCon #label_rename,
.favAddPop input.label_add {
border: 1px solid #eee;
width: 80%;
height: 30px;
}
popmask.favDelete popdialog popdialog {
min-height: 90px !important;
}
/* 主站的收藏样式 */
.favorites-info-master {
display: block;
}
.favorites-info-master wf-fav-info {
max-width: 1200px;
min-width: 950px;
}
.favorites-info-master wf-fav-info .container wf-fav-left {
height: 770px;
}
.favorites-info-master wf-fav-info fav-type-con {
margin-top: -3px;
}
.favorites-info-master wf-fav-left tag-add wf-button {
height: 24px;
margin: 3px 5px 0 0;
}
wf-fav-info .flex {
display: flex;
align-items: center;
}
wf-fav-info {
display: block;
background: #fff;
width: auto;
height: calc(100% - 30px);
box-shadow: 1px 1px 5px gainsboro;
padding: 10px;
margin: 20px 20px 10px 20px;
box-sizing: border-box;
max-width: 1000px;
min-width: 850px;
}
wf-fav-info * {
font-size: 14px;
box-sizing: border-box;
}
/* wf-fav-info * {
box-sizing: border-box;
} */
/* wf-fav-info button {
height: 30px;
min-width: 55px;
width: auto;
background: #fff;
border: solid 1px #4488dd;
background: #4488dd;
color: #fff;
border: 1px solid #eee;
} */
wf-fav-info literature-div {
display: flex;
}
wf-fav-info literature-left {
margin-right: 10px;
}
wf-fav-info literature-left img {
width: 190px;
}
wf-fav-info literature-right {
display: flex;
width: 100%;
}
wf-fav-info literature-con {
width: auto;
min-width: calc(100% - 100px);
}
wf-fav-info literature-title {
display: block;
margin: 0 0 3px 0;
}
wf-fav-info literature-des {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
wf-fav-info fav-resource {
width: auto;
margin: 0 5px 0 0;
color: #999;
font-size: 12px;
}
wf-fav-info fav-time {
flex: 1;
min-width: 100px;
text-align: right;
font-size: 12px;
color: #999;
margin: 0 6px 0 0;
}
wf-fav-info fav-type-con {
display: block;
}
wf-fav-info fav-type-con wf-span {
width: auto;
margin: 0 5px 0 0;
color: #999;
font-size: 12px;
}
wf-fav-info wf-button,
popmask.favPop wf-footer wf-button {
padding: 2px 8px;
border-radius: 5px;
font-size: 14px;
background: #fff;
height: unset;
line-height: unset;
/* border: 1px solid #aaa;
color: #333; */
border: 1px solid #4488DD;
color: #4488DD;
/* background: #4488dd; */
}
wf-fav-info wf-button:hover,
popmask.favPop wf-footer wf-button:hover wf-span,
popmask.favPop wf-footer wf-button:hover,
wf-fav-info wf-button:hover wf-span {
background: #4488DD;
color: #FFF;
}
wf-fav-info wf-button#more {
width: 100%;
background-color: rgba(250, 250, 250, 0.6);
margin: 0px;
padding: 5px;
text-align: center;
height: auto;
color: #333;
border: none;
}
wf-fav-info wf-button#more:hover {
color: #333;
background-color: #f8f8f8;
}
wf-fav-info wf-button wf-span {
color: #4488DD;
}
wf-fav-info wf-button wf-sapn:hover {
color: #fff !important;
}
wf-fav-info wf-sns wf-button {
width: auto;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0px 15px;
margin: 0px 3px 5px 3px;
cursor: pointer;
background: #fff;
}
wf-fav-info wf-fav-header {
display: block;
margin: 0 0 20px 0;
}
wf-fav-info wf-p.fav-head {
font-size: 15px;
font-weight: 600;
margin-left: 16px;
}
wf-fav-info wf-p.fav-head::before {
display: inline-block;
content: '';
width: 3px;
height: 17px;
vertical-align: middle;
border-radius: 2.5px;
background-color: #333;
margin: -3px 10px 0 0;
}
wf-fav-info .container {
display: flex;
min-width: 0;
overflow: hidden;
/* height: calc(100% - -14px); */
margin: 0 11px;
width: 100%;
justify-content: FLEX-START;
height: 100%;
}
wf-fav-info .container wf-fav-left {
width: 20%;
position: relative;
min-width: 150px;
border: 1px solid #eee;
overflow: hidden;
height: 740px;
height: calc(100%- 60px);
}
wf-fav-info .container wf-fav-left tag-div {
display: block;
height: 100%;
}
wf-fav-info wf-fav-left fav-list {
height: calc(100% - 60px);
display: block;
}
wf-fav-info wf-fav-left fav-list fav-list-body {
display: block;
height: calc(100% - 50px);
overflow: auto;
}
fav-list-body::-webkit-scrollbar,
wf-fav-right::-webkit-scrollbar {
/*滚动条整体样式*/
width: 8px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
}
fav-list-body::-webkit-scrollbar-thumb,
wf-fav-right::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #eee;
}
fav-list-body::-webkit-scrollbar-track,
wf-fav-right::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: rgb(255 254 254);
}
wf-fav-info .container wf-fav-left tag-search {
position: relative;
width: 100%;
display: block;
margin: 6px 0;
padding: 0 5px;
}
wf-fav-info .fa {
font-weight: 700;
font-size: 12px;
}
wf-fav-info .container wf-fav-left tag-search input {
width: 100%;
height: 24px;
max-width: 98%;
min-width: 100px;
padding: 0px 3px;
border-radius: 5px;
color: #6f7582;
background: #f7f8fa;
border: 1px solid transparent;
}
wf-fav-info .container wf-fav-left tag-add {
display: flex;
border-top: 1px solid #eee;
padding: 0px 3px 0px 10px;
}
wf-fav-left tag-add wf-span {
width: 147px;
vertical-align: middle;
margin-top: 3px;
height: 30px;
display: inline-block;
line-height: 30px;
}
wf-fav-left tag-add wf-button {
border-left: none;
border: solid 1px #4488DD;
background: #FFF;
height: 22px;
margin: 6px 6px 0 0;
width: 30px;
text-align: center;
}
wf-fav-left tag-add wf-span wf-fav-info .container wf-fav-left fav-list {
display: block;
overflow-y: auto;
max-height: 750px;
}
wf-fav-info .container wf-fav-left fav-list::-webkit-scrollbar {
width: 3px;
color: #ccc;
}
wf-fav-info .container wf-fav-left fav-list::-webkit-scrollbar-track {
background: #ccc;
}
wf-fav-info .container wf-fav-left fav-tag {
display: block;
position: relative;
padding-left: 16px;
border-bottom: 1px solid #eee;
height: 40px;
line-height: 40px;
}
wf-fav-info .container wf-fav-left fav-tag:nth-child(1) {
border-top: 1px solid #eee;
}
wf-fav-info .container wf-fav-left fav-tag:nth-child(1) wf-pulldown {
top: 2px !important;
}
wf-fav-info .container wf-fav-left fav-tag:hover,
wf-fav-info .container wf-fav-left fav-tag.tag-active {
background: #f8f8f8;
/* border-top: 1px solid #eee; */
}
wf-fav-info .container wf-fav-left fav-tag.tag-active .ladel-name,
wf-fav-info .container wf-fav-left fav-tag:hover .ladel-name {
color: #48d;
}
wf-fav-info .container wf-fav-left fav-tag.tag-active::before,
wf-fav-info .container wf-fav-left fav-tag:hover::before {
background: #48d;
}
wf-fav-info .container wf-fav-left tag-search wf-button {
border-left: none;
position: absolute;
top: 1px;
right: 5px;
width: auto;
border: 1px solid #4488DD;
}
wf-fav-info .container wf-fav-left fav-tag .wf-span-right {
float: right;
margin-right: 2px;
top: 12px;
position: relative;
display: none;
}
wf-fav-info .container wf-fav-left fav-tag .wf-span-right:hover {
background: #fff;
cursor: pointer;
}
wf-fav-info .container wf-fav-left fav-tag .wf-span-right wf-pulldown {
position: absolute;
width: 100px;
display: none;
font-size: 12px;
top: -40px;
left: -100px;
z-index: 1;
text-align: center;
border-radius: 5px;
background: rgb(255, 255, 255);
box-shadow: gainsboro 1px 1px 5px;
padding: 5px 0;
}
wf-fav-info .container wf-fav-left fav-list-body fav-tag .wf-span-right wf-pulldown:nth-child(1) {
background: pink !important;
}
wf-fav-left fav-tag .wf-span-right wf-pulldown wf-button {
margin: 7px;
/* margin: 0; */
padding: 0px;
display: block;
height: 20px;
line-height: 20px;
}
wf-fav-info .container wf-fav-left fav-tag .ladel-name {
display: inline-block;
color: #333;
width: 98px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 11px;
background: none;
border: none;
}
wf-fav-info .container wf-fav-left fav-tag .wf-span-right .label-handle {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #48d;
}
wf-fav-info .container wf-fav-left fav-tag::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
background: #bbb;
border-radius: 50%;
position: absolute;
left: 13px;
top: 18px;
}
wf-fav-info .container wf-fav-left tag-manager {
border-bottom: 1px solid #ccc;
display: block;
line-height: 40px;
text-indent: 5px;
}
wf-fav-info .container wf-fav-left tag-manager add-div {
display: block;
height: 40px;
position: relative;
border-top: 1px solid #ccc;
margin-bottom: 3px;
}
wf-fav-info .container wf-fav-left tag-manager add-div input {
width: 95%;
border-radius: 10px;
}
wf-fav-info .container wf-fav-left tag-manager add-div button {
position: absolute;
top: 3px;
right: 1px;
}
wf-fav-info .container wf-fav-right {
width: 75%;
min-width: 0;
/* margin: 0 18px; */
box-sizing: border-box;
overflow: auto;
padding-right: 18px;
margin-left: 18px;
height: calc(100% - 45px);
}
fav-content.favourites {
margin-bottom: 26px;
margin-left: 3px;
display: BLOCK;
}
wf-fav-info .container wf-fav-right type-div tab {
padding-left: 10px;
border: none !important;
margin: 0px 0 10px 0;
}
wf-fav-info .box-shadow {
-webkit-box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
}
wf-fav-info .div-box {
margin-bottom: 16px;
-webkit-box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
background-color: #fff;
padding: 20px 10px;
border-radius: 2px;
}
wf-fav-info .div-item {
-webkit-box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
background-color: #fff;
padding: 20px 40px;
display: inline-block;
}
wf-fav-info .list-item {
margin-bottom: 2px;
border-bottom: 1px solid rgb(245, 246, 247);
background-color: #fff;
padding: 10px 20px;
margin: 17px 4px 0 0px;
box-shadow: 1px 1px 5px gainsboro;
}
wf-fav-info .list-item .fav_url {
/* font-weight: 600; */
}
wf-fav-info .title-article {
font-size: 28px;
word-wrap: break-word;
color: #333;
font-weight: 400;
margin: 0;
word-break: break-all;
line-height: 38px;
}
wf-fav-info .strong {
font-size: 20px;
word-wrap: break-word;
color: #333;
font-weight: 400;
margin: 0;
word-break: break-all;
line-height: 36px;
}
wf-fav-info .title {
font-size: 16px;
color: #333;
line-height: 20px;
margin-bottom: 8px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
wf-fav-info .text {
font-size: 14px;
color: #333;
line-height: 18px;
margin: 4px auto;
}
wf-fav-info .textInfo {
font-size: 12px;
color: #333;
line-height: 18px;
}
wf-fav-info .strong-summary {
font-size: 14px;
color: #999;
line-height: 18px;
}
wf-fav-info .summary {
color: #333;
line-height: 18px;
padding-right: 6px;
font-size: 14px;
font-weight: 600;
margin: 2px 3px 0 3px;
}
wf-fav-info search-div {
flex: 1;
text-align: right;
}
wf-fav-info .summaryLine {
font-size: 12px;
color: #999;
line-height: 18px;
padding-right: 6px;
}
wf-fav-info .overhidden2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
wf-fav-info .min-height {
min-height: 80vh;
}
wf-fav-info .input {
line-height: 100%;
background-color: #fff !important;
content: "'fill'";
display: block;
width: 95%;
height: 20px;
border-radius: 4px 4px;
line-height: 32px;
font-size: 14px;
color: #4d4d4d;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px 0px 8px 12px;
}
wf-fav-info .successContent {
color: #333;
}
wf-fav-info .errorContent {
color: red;
}
wf-fav-info .active {
background-color: #81c5ba;
color: #fff;
border: 1px solid #81c5ba;
}
wf-fav-info type-div {
display: flex;
width: 100%;
}
wf-fav-info type-div tab {
width: calc(100% - 36px);
}
wf-fav-info type-div wf-button {
flex: 1;
width: 26px;
min-width: 0;
height: 26px;
line-height: 26px;
text-align: center;
padding: 0;
}
wf-fav-info tab-more {
display: none;
}
wf-fav-info .up {
transform: rotate(180deg);
}
wf-fav-info tab-nav {
text-align: center;
width: 106px;
height: 27px;
border: none;
padding: 5px 15px;
margin: 0;
cursor: pointer;
display: inline-block;
padding: 0 4px;
margin-right: 4px;
background: #f5f7f9;
border-radius: unset;
vertical-align: middle;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 4px;
margin-bottom: 10px;
}
wf-fav-info tab-nav.tag-active {
height: 27px;
border: none;
padding: 5px 15px;
margin: 0;
cursor: pointer;
display: inline-block;
padding: 0 5px;
margin-right: 6px;
background: #4488dd;
border-radius: unset;
vertical-align: middle;
color: #fff;
border-radius: 4px;
margin-bottom: 10px;
}
wf-fav-info .tag-active2 {
background-color: #eee;
border: 1px solid #eee;
color: #333;
border-radius: 2px;
}
/*内容*/
wf-fav-info .message-tips {
display: none;
z-index: 10000;
position: fixed;
top: 45%;
left: 50%;
margin-left: -50px;
padding: 0 15px;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.6);
min-width: 200px;
text-align: center;
}
wf-fav-info .message-tips wf-span {
font-size: 14px;
color: #FFF;
}
/* wf-fav-info {
display: block;
margin-top: 20px;
} */
wf-fav-admin {
display: flex;
flex-direction: column;
position: relative;
flex-wrap: wrap;
}
wf-fav-admin-head {
margin-bottom: 8px;
display: flex;
}
wf-fav-admin-head search-div input {
height: 30px;
line-height: 30px;
}
wf-fav-admin-head search-div select {
height: 24px;
border-radius: 5px;
color: #6f7582;
background: #f7f8fa;
border: 1px solid transparent;
}
wf-fav-admin-head search-div select[name='search_type'] {
margin-right: 10px;
}
search-div fav-tag {
/* cursor:default; */
cursor: pointer;
padding: 2px 6px;
background-color: #fff;
border: 1px solid #fff;
color: #333;
border-radius: 2px;
}
fav-div {
display: flex;
flex-direction: column;
/* padding-bottom: 10px;
border-bottom: 1px solid #efefef; */
}
fav-div wf-sns {
margin: 0;
}
fav-div wf-h2 wf-p.title {
display: flex;
width: 100%;
line-height: unset;
margin: 0 0 3px 0;
font-weight: 500;
}
fav-div wf-h2 wf-p.title .fav_url {
flex: 1;
width: 0;
font-weight: 500;
/* white-space: normal;
word-break: break-all;
cursor: pointer;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; */
}
fav-div wf-h2 wf-p.title .fav_url wf-a-span {
white-space: normal;
word-break: break-all;
cursor: pointer;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
wf-fav-info wf-page {
padding: 0 10px 10px 10px;
}
wf-fav-info wf-page input[name='input_name'] {
padding: 0 2px;
/* width: 40px; */
width: 40px;
outline: auto;
outline-color: #417dc9;
height: 25px;
margin: 0 2px;
}
wf-fav-info wf-page wf-span {
margin: 0 5px;
/* width: 30px; */
}
/* d 站点 替换收藏样式*/
.btnFlex .collection wf-favourite {
margin-top: -2px;
margin-left: 13px;
}
wf-favourite-statistic.icon_color wf-span {
color: #2162bb;
}
wf-favourite-statistic.icon_color .icon-fav {
font-size: 18px;
color: #2162bb;
margin-top: 2px;
vertical-align: middle;
}
wf-favourite-statistic.icon_color .fav-text {
padding: 1px 5px;
font-size: 14px;
cursor: pointer;
top: 1px;
position: relative;
}
wf-favourite-statistic.icon_color wf-span.hover {
color: #f2af3a;
}
.icon-fav fav-div fav-resource.message {
display: block;
width: 100%;
text-align: right;
}
fav-div wf-span.favNum {
display: inline;
color: #999;
font-size: 12px;
}
fav-div wf-button.cancelFav {
font-size: 12px;
height: unset;
line-height: unset;
padding: 3px 12px;
border-radius: 5px;
max-height: 23px;
}
/* wf-fav-admin {
} */
search-div input[name='search_key'] {
margin-right: 6px;
height: 24px !important;
width: 200px;
margin-left: 10px;
padding: 0px 8px 0 8px;
font-size: 14px;
height: 100%;
border-radius: 5px;
color: #6f7582;
background: #f7f8fa;
border: 1px solid transparent;
}
/* search-div button,
fav-label button,
.label_delete {
border: none;
background-color: #efefef;
font-size: 12px;
margin-left: 0px !important;
} */
fav-div h2 {
/*display: flex;
flex-direction: column;*/
font-size: 16px;
padding: 6px 0px;
color: darkcyan;
margin-block-start: 0px;
margin-block-end: 0px;
margin: 0px;
/*padding: 0px;*/
font-weight: normal;
}
wf-fav-list a {
color: #008b8b;
text-decoration: none;
cursor: pointer;
}
wf-fav-list a:hover {
color: #417dc9;
}
wf-praise-list .list-item {
margin-bottom: 2px;
border-bottom: 1px solid rgb(245, 246, 247);
background-color: #fff;
padding: 10px 20px;
}
fav-img {
margin-left: 4px;
display: inline-block;
cursor: pointer;
}
fav-img span {
font-size: 14px;
display: inline-block;
float: right;
}
wf-fav-list {
display: block;
min-width: 0;
padding-left: 0px !important;
padding-right: 0px !important;
}
/* fav-resource {
display: inline;
color: #999;
font-size: 12px;
float: right;
/* align-self: flex-end ; */
/* } */
resource-div,
tag-div {
margin-bottom: 10px;
}
wf-fav-info .label_delete,
popmask.favPop .label_delete {
display: inline-block;
cursor: pointer;
position: relative;
padding: 2px 20px 2px 10px;
border-radius: 5px;
font-size: 14px;
background: #fff;
height: 24px;
line-height: 24px;
border: 1px solid #4488DD;
color: #4488DD;
width: auto;
margin-bottom: 5px;
display: inline-flex;
justify-content: center;
align-items: center;
}
popmask.favPop .label_delete {
margin-bottom: 6px;
}
popmask.favPop .label_add_input {
margin-top: 4px;
}
wf-fav-info .label_delete:hover,
popmask.favPop .label_delete:hover {
background: #4488DD;
color: #FFF;
}
.addLabelPop .label_add_input {
background: #fff !important;
border: 1px solid #4488dd !important;
outline: none;
}
wf-fav-info .label_delete i,
popmask.favPop .label_delete i {
display: inline-block;
position: absolute;
font-style: normal;
top: 0;
right: 6px;
}
wf-fav-titlediv {
margin-right: 2px;
}
/*.fav_url {*/
/* font-weight:bold;*/
/*}*/
fav-content-ex {
margin-top: 6px;
margin-left: 20px;
}
fav-label-span {
color: crimson;
font-size: 12px;
}
/* 收藏中心样式 结束 */
/* 收藏标签弹窗样式 开始 */
popmask fav-div wf-span {
height: 20px;
}
popmask fav-span {
text-align: right;
}
popmask .fav_label {
margin-top: 11px;
}
popmask fav-li {
float: left;
display: inline-block;
/* padding: 5px 23px; */
padding: 4px 5px;
cursor: pointer;
position: relative;
background-color: #e3e3e3;
margin: 5px 5px 2px 0px;
/* border: 1px solid #81c5ba; */
border-radius: 10px;
height: 28px;
}
popmask .label_prompt {
color: #c93e40;
}
/* 收藏标签弹窗样式 结束 */
/* 编辑帖子 */
popmask.editor_message popdialog {
max-width: 700px;
overflow: visible;
}
popmask.editor_message popbody {
max-width: 700px;
overflow-y: visible !important;
}
popmask.editor_message wf-messagesender {
padding: 0;
}
popmask.editor_message textarea{
min-height: 150px;
}
/*投诉 */
popmask.complaintPop popbody {
overflow-y: auto !important;
}
popmask.complaintPop div {
padding: 0;
margin: 0;
}
popmask.complaintPop h2 {
padding: 0;
font-weight: 500;
font-size: 16px;
margin: 0 0 20px 0;
border: none;
}
popmask.complaintPop h2.tips {
margin: 6px 0 20px 0;
}
popmask.complaintPop h2 p {
margin: 0;
padding: 0;
color: #1D2129;
height: 22px;
border: none;
font-size: 16px
}
popmask.complaintPop label{
width:100%
}
popmask.complaintPop #complaintLength {
display: none;
}
popmask.complaintPop .illustrate textarea {
width: 98%;
margin-top: 1px;
height: 110px;
line-height: 22px;
border-radius: 4px;
padding: 2px 5px 0 5px;
border: 1px solid #E5E6EB;
resize: none;
outline: none;
font-family: monospace;
}
popmask.complaintPop .complaintButtons wf-p {
display: inline-flex;
width: 90px;
margin: 0 12px 14px 0;
color: #1D2129;
vertical-align: middle;
justify-content: center;
align-items: center;
padding: 0;
background-color: #fff;
border: unset;
}
popmask.complaintPop .complaintButtons wf-p input {
margin-left: 0px;
width: 16px;
height: 16px;
margin-right: 7px;
margin-top: 1px;
}
popmask.complaintPop .complaintButtons wf-span {
color: #1D2129;
}
popmask.complaintPop .complaintButtons wf-p:nth-child(6n) {
margin-right: 0;
}
popmask.complaintPop .complaintButtons wf-p:nth-child(11n) {
margin-right: 0;
}
popmask.complaintPop .footer {
padding: 20px 20px 0px 20px;
text-align: center;
position: unset;
width: 100%;
border-top: unset;
}
popmask.complaintPop .footer button {
margin-left: 8px;
width: 100px;
background: #F2F3F5;
border-radius: 3px;
padding: 6px 15px;
border: none;
}
popmask.complaintPop .footer button.complaint {
color: #fff;
background: #165DFF;
}
/* 分享 收藏 */
wf-share-button {
display: inline-block;
}
wf-share-button img.share_img {
width: 16px;
height: 16px;
vertical-align: bottom;
}
wf-share-init-content {
display: block;
}
wf-share-init-content wf-textarea {
display: block;
margin: 10px 0 0 0;
}
/* wf-textarea textarea{
width:98%;
height:120px;
} */
wf-share-init-content wf-handle {
display: block;
margin: 10px 0px;
text-align: right;
}
/*侧边栏广告位样式*/
:root {
--ad_banner-width: 100%;
}
wf-ad_banner {
position: relative;
display: block;
width: var(--ad_banner-width);
height: auto;
overflow: hidden;
margin: 0 0 12px 0;
}
wf-ad_banner ul.ad_banner-container {
width: 200%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}
wf-ad_banner ul.ad_banner-container li,
wf-ad_banner ul.ad_banner-container li a {
display: block;
height: 100%;
}
wf-ad_banner ul.ad_banner-container li {
display: inline-block;
width: 50%;
}
wf-ad_banner ul.ad_banner-container li a img {
width: 100%;
border-radius: 6px;
}
wf-ad_banner ul.ad_banner-index-container {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
margin: 0;
}
wf-ad_banner ul.ad_banner-index-container li {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 20px;
background-color: #fff;
opacity: 0.5;
border-radius: 50%;
}
wf-ad_banner ul.ad_banner-index-container li.active,
wf-ad_banner ul.ad_banner-index-container li:hover {
opacity: 1;
}
/*侧边栏广告位样式结束*/
/*主站应用商店样式*/
wf-appstore {
display: block;
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
wf-appstore wf-appstore-title {
float: left;
margin-left: 7px;
}
wf-appstore wf-appstore-title a {
font-size: 24px;
font-weight: bold;
color: rgb(0, 0, 0);
text-decoration: none;
}
/* wf-appstore wf-appstore-title a:hover {
color: rgb(130, 187, 255);
} */
/* wf-appstore tab {
padding-left: 0;
margin-left: 140px;
margin-right: 7px;
border-bottom: 1px solid rgb(229, 229, 229);
}
wf-appstore tab tab-nav {
display: inline-block;
border-bottom: 2px solid transparent;
height: auto;
padding: 2px 15px 10px 15px;
color: rgb(51, 51, 51);
}
wf-appstore tab tab-nav.active {
border-bottom: 2px solid rgb(68, 136, 221);
color: rgb(68, 136, 221);
} */
wf-appstore typelist {
padding: 0;
margin: 20px 0;
margin-top: 25px;
display: block;
line-height: 30px;
margin-left: 140px;
}
wf-appstore typelist typename {
display: inline-block;
margin: 0 10px;
border: 1px solid #ddd;
padding: 0 10px;
border-radius: 5px;
height: 30px;
background-color: #fff;
cursor: pointer;
font-size: 13px;
position: relative;
}
wf-appstore typelist typename.active {
border: 1px solid #417dc9;
background-color: #417dc9;
color: #fff;
}
@keyframes fivezhe {
0% {
transform: translateY(1px) scale(0.8);
}
50% {
transform: translateY(-1px) scale(0.8);
}
100% {
transform: translateY(1px) scale(0.8);
}
}
wf-appstore typelist typename span.appstore-hot {
position: absolute;
padding: 2px 5px;
font-size: 12px;
box-sizing: content-box;
line-height: 14px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #ff7709;
background: -moz-linear-gradient(left, hsla(27, 100%, 52%, 1) 1%, hsla(42, 100%, 53%, 1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%, hsla(27, 100%, 52%, 1)), color-stop(100%, hsla(42, 100%, 53%, 1)));
background: -webkit-linear-gradient(left, hsla(27, 100%, 52%, 1) 1%, hsla(42, 100%, 53%, 1) 100%);
background: -o-linear-gradient(left, hsla(27, 100%, 52%, 1) 1%, hsla(42, 100%, 53%, 1) 100%);
background: -ms-linear-gradient(left, hsla(27, 100%, 52%, 1) 1%, hsla(42, 100%, 53%, 1) 100%);
background: linear-gradient(to right, hsla(27, 100%, 52%, 1) 1%, hsla(42, 100%, 53%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7709', endColorstr='#ffb80d', GradientType=1);
z-index: 5;
position: absolute;
top: -20px;
width: 24px;
right: -19px;
animation: fivezhe 1.8s infinite;
animation-duration: 1.8s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: fivezhe;
padding-right: 8px;
background-image: linear-gradient(225deg, #FF4F21 0%, #FF3BC3 100%);
}
wf-appstore typelist typename span.appstore-hot:after {
bottom: -4px;
left: 3px;
border-top: solid transparent;
border-top-color: transparent;
border-top-width: medium;
border-right: solid transparent;
border-right-color: transparent;
border-right-width: medium;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: rgba(136, 183, 213, 0);
border-top-color: #ff7709;
border-width: 5px;
margin-left: 0;
}
wf-appstore container {
display: block;
background-color: #fff;
text-align: center;
}
wf-appstore container app {
vertical-align: top;
display: inline-block;
margin: 10px;
padding: 6px;
box-shadow: 0px 0px 10px #eee;
}
wf-appstore container app {
position: relative;
vertical-align: top;
display: inline-block;
width: 170px;
margin: 7px 2px;
padding: 0;
background-color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* cursor: pointer; */
}
wf-appstore container app:hover {
box-shadow: 0px 0px 15px #ddd;
}
wf-appstore container app>recommend-app {
background-image: url(/images/icon_recommend-app.png);
position: absolute;
width: 20px;
height: 26px;
position: absolute;
/* right: 0; */
width: 20px;
left: 5px;
height: 26px;
top: 0;
text-align: center;
line-height: 20px;
color: #fff;
font-size: 12px;
}
wf-appstore container app a {
text-decoration: none;
}
wf-appstore container app image {
display: block;
width: 170px;
height: 106px;
background-repeat: no-repeat;
background-position: center;
}
wf-appstore container app no-img {
display: inline-block;
line-height: 140px;
width: 226px;
height: 140px;
background-color: lightblue;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
wf-appstore container app app-info {
width: 100%;
height: 88px;
padding-top: 5px;
box-sizing: border-box;
display: block;
width: auto;
font-size: 12px;
color: #333;
text-align: left;
padding: 0 5px;
position: relative;
}
wf-appstore container app app-info app-desc {
height: 16px;
margin-bottom: 5px;
}
wf-appstore container app app-info favorite-info {
display: block;
position: absolute;
right: 10px;
border: none;
/* width: 15px; */
height: 14px;
line-height: 14px;
top: 51px;
color: #999999;
}
wf-appstore container app app-info img {
display: inline-block;
vertical-align: bottom;
width: 14px;
height: 14px;
margin-right: 3px;
}
wf-appstore container app app-info star-number {
display: inline-block;
vertical-align: bottom;
color: #999;
}
wf-appstore container app app-info sold {
display: block;
position: absolute;
font-size: 12px;
right: 10px;
bottom: 4px;
color: #999999;
}
wf-appstore container app app-name,
app-desc {
display: block;
font-size: 14px;
color: #3c3c3c;
margin: 5px 0px;
text-overflow: ellipsis;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
}
wf-appstore container app app-name {
max-width: 160px;
margin-top: 0;
padding-top: 5px;
}
wf-appstore container app app-desc {
color: #999999;
font-size: 12px;
}
wf-appstore container app app-name:hover {
color: rgb(130, 187, 255);
}
wf-appstore container app wf-user a {
display: inline-block;
color: #999999;
font-size: 12px;
width: 110px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
wf-appstore container app i {
width: auto;
color: darkorange;
cursor: pointer;
margin-top: 11px;
float: right;
}
/*主站应用商店样式结束*/
/* 分页组件样式*/
wf-appstore wf-pagination {
display: block;
text-align: center;
margin: 5px 0;
height: 28px;
line-height: 28px;
}
wf-appstore wf-pagination button {
background-color: #fff;
color: #333;
font-size: 12px;
padding: 0 10px;
height: 28px;
border: 1px solid rgb(221, 221, 221);
margin: 0 5px;
border-radius: 0;
vertical-align: top;
}
wf-appstore wf-pagination button:hover {
background-color: #fff;
border-color: rgb(68, 136, 221);
color: #333;
cursor: pointer;
}
wf-appstore wf-pagination span {
display: inline-block;
margin: 0 5px;
font-weight: normal;
padding: 0;
color: #333;
vertical-align: top;
font-size: 12px;
height: 28px;
padding: 0;
}
wf-appstore wf-pagination input {
vertical-align: top;
width: 48px;
height: 26px;
margin: 0 5px;
padding: 0;
text-indent: 5px;
outline: none;
border: 1px solid rgb(221, 221, 221);
}
/*分页组件样式结束*/
/* 移动端蒙版开始 */
wf-m-pop {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #fff;
box-sizing: border-box;
}
wf-m-popwindow {
display: block;
height: 100%;
width: 100%;
position: relative;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
wf-m-closeicon {
display: flex;
z-index: 101;
cursor: pointer;
color: #000;
text-shadow: 0 1px 0 #fff;
text-align: center;
vertical-align: top;
width: 98%;
padding: 5px;
box-sizing: border-box;
}
wf-m-closeicon wf-m-close-btn {
width: 30%;
display: inline-block;
text-align: left;
color: #48d;
}
wf-m-closeicon wf-m-title {
width: 35%;
display: inline-block;
}
wf-m-closeicon wf-m-sender-btn {
width: 30%;
display: inline-block;
text-align: right;
color: #48d;
}
wf-m-popbody {
display: block;
height: 95%;
width: 100%;
overflow-y: auto;
padding: 5px;
box-sizing: border-box;
}
wf-m-popbody message-handle {
display: none;
}
wf-m-popbody forward-message message-handle {
display: block;
}
wf-m-popbody wf-article-content * {
margin: 0;
padding: 0;
}
wf-m-popbody comment-reply-item {
margin: 5px 0;
}
/* 移动端蒙版结束*/
/* 移动端发帖开始功能 */
wf-m-write {
display: block;
text-align: right;
height: 35px;
line-height: 35px;
position: fixed;
bottom: 4%;
right: 0px;
z-index: 2;
}
wf-m-write wf-m-write-add {
display: inline-block;
height: 40px;
line-height: 40px;
width: 40px;
border: 1px solid #48d;
text-align: center;
border-radius: 20px;
font-size: 30px;
margin: 0px 10px 0px 0px;
background: #48d;
color: #fff;
}
wf-m-message-content {
width: 100%;
display: block;
box-sizing: border-box;
}
wf-m-textarea-wrap {
width: 100%;
display: block;
box-sizing: border-box;
position: relative;
}
wf-m-textarea-wrap textarea {
width: 96%;
border: none;
resize: none;
outline: none;
font-family: monospace;
line-height: 20px;
word-break: break-all;
white-space: pre-wrap;
text-align: left;
overflow-y: auto;
min-height: 120px;
/* background-color: #f8f8f8; */
padding: 5px;
line-height: 20px;
font-size: 13px;
}
wf-m-textarea-wrap wf-textarea-mirror {
margin: 0;
/* margin: 36px 0px; */
}
/* 移动端发帖结束功能 */
/* 移动端addlist开始 */
wf-m-add-mes-pop {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
color: rgb(255, 255, 255);
text-align: center;
z-index: 1000;
}
wf-m-add-mes-body {
display: block;
position: fixed;
bottom: 0px;
width: 100%;
height: auto;
background: rgb(255, 255, 255);
text-align: left;
padding: 10px 0px;
}
wf-m-write-list {
display: block;
width: 100%;
height: auto;
text-align: center;
color: #333;
}
m-write-list-item {
width: 100%;
display: inline-block;
width: 70px;
height: 50px;
line-height: 40px;
border: 1px solid #48d;
box-sizing: border-box;
padding: 3px;
background: #48d;
border-radius: 10px;
color: #fff;
margin: 10px;
}
wf-m-btn {
display: block;
color: #333;
text-align: center;
width: 100%;
padding: 5px;
height: 30px;
box-sizing: border-box;
}
/* 移动端alllist结束 */
/* 移动端@功能开始 */
m-follow-list {
width: 100%;
height: 100%;
box-sizing: border-box;
display: block;
padding: 5px;
}
m-follow-list wf-p.prompt {
display: block;
width: auto;
height: 30px;
line-height: 30px;
background-color: rgb(201, 197, 197);
padding: 0px 10px;
}
m-follow-list wf-p.search {
display: block;
width: auto;
height: auto;
margin: 0 0 10px 0;
}
wf-p.search input {
width: 97%;
height: 30px;
line-height: 30px;
}
m-follow-list wf-ul {
display: block;
}
m-follow-list wf-li {
display: block;
width: auto;
height: 30px;
line-height: 30px;
padding: 0px 10px;
}
wf-m-message-button {
position: absolute;
bottom: 0;
padding: 10px 0;
background: #fff;
z-index: 3;
width: 95%;
}
/* 移动端@功能结束 */
/* 移动端font 开始 */
i.mobile {
width: auto;
margin: 0;
float: none;
font-size: 20px;
vertical-align: middle;
}
i.fa-file-video,
i.fa-image,
i.fa-at {
color: #a3a3a3;
}
/* 移动端font 结束 */
/* 移动端上传图片开始 */
wf-m-message-img {
display: block;
width: 100%;
height: auto;
margin: 10px 0;
max-width: 400px;
}
wf-m-message-img wf-m-img-item {
position: relative;
display: inline-block;
width: 30%;
height: 30%;
max-width: 120px;
max-height: 120px;
min-height: 30px;
/* background: violet; */
margin: 0 10px 10px 0;
vertical-align: top;
}
wf-m-img-item img {
width: 100%;
height: 100%;
}
wf-m-img-item.add-img {
position: relative;
width: 30%;
height: 30%;
max-width: 120px;
max-height: 120px;
z-index: 1;
}
wf-m-img-item b {
position: absolute;
right: 0px;
top: 0;
/* display: none; */
font-size: 16px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background: #3c3c3c;
color: #fff;
z-index: 8;
}
wf-m-img-item wf-loading-content {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
max-width: 80px;
max-height: 80px;
background: #fff;
}
/* 移动端上传图片结束 */
/* 移动端转发评论上传图片样式开始 */
.mForwordComent wf-m-img-item {
min-height: 50px;
}
.mForwordComent wf-loading-content wf-loading {
margin-top: 0;
}
/* 移动端转发评论上传图片样式结束*/
/* 移动端上传视频开始 */
wf-m-message-video {
width: 100%;
display: block;
position: relative;
margin: 10px 0;
}
wf-m-message-video video {
width: 70%;
height: auto;
max-width: 400px;
max-height: 200px;
}
wf-m-message-video b {
position: absolute;
left: 70%;
top: 0;
/* display: none; */
font-size: 16px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background: #3c3c3c;
color: #fff;
z-index: 8;
}
/* 移动端上传视频结束*/
/* 移动端转发开始 */
/* 转发 */
wf-m-forword-content {
display: block;
padding: 5px;
margin-top: 3px;
}
wf-m-forward-des {
display: block;
width: 100%;
height: 70px;
padding: 10px;
background: #f5f5f5;
margin-top: 10px;
box-sizing: border-box;
font-size: 13px;
}
wf-m-forward-des wf-m-forward-des-left {
display: inline-block;
width: 100px;
height: 50px;
text-align: center;
}
wf-m-forward-des-left img {
width: auto;
height: auto;
max-width: 100px;
max-height: 50px;
}
wf-m-forward-des wf-m-forward-des-right {
display: inline-block;
width: calc(100% - 110px);
vertical-align: top;
padding: 0px 5px;
}
wf-m-forward-des-right wf-m-nickname {
display: inline-block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/* -webkit-line-clamp: 1;
-webkit-box-orient: vertical; */
}
wf-m-forward-des-right wf-m-content {
display: inline-block;
width: 100%;
color: #5e5e5e;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/* -webkit-line-clamp: 1;
-webkit-box-orient: vertical; */
margin: 5px 0 0 0;
}
/* 移动端转发结束 */
/* 移动端帖子详情页开始 */
wf-m-popwindow.messageDetail wf-m-popbody {
height: calc(100% - 100px);
}
wf-m-popwindow.messageDetail message-list-wrap-right message-list-wrap-button {
box-sizing: border-box;
text-align: right;
}
wf-m-popwindow.messageDetail message-list-wrap-right wf-nickname {
font-size: 14px;
}
wf-m-popwindow.messageDetail message-list-wrap-right wf-create-time {
font-size: 13px;
color: #605f5f;
}
wf-m-popwindow.messageDetail forward-message wf-button * {
vertical-align: unset;
}
wf-m-popwindow.messageDetail message-list-wrap-right wf-content {
font-size: 14px;
}
wf-m-popwindow.messageDetail wf-button img {
width: 18px;
height: 18px;
}
wf-m-popwindow.messageDetail wf-button * {
vertical-align: middle;
}
wf-m-popwindow.messageDetail message-list-wrap wf-article-content {
margin: 0;
}
wf-m-popwindow.messageDetail message-button {
width: 100%;
position: fixed;
bottom: 0px;
margin: 10px 0px;
display: block;
vertical-align: middle;
z-index: 5;
background: rgb(255, 255, 255);
height: 30px;
box-sizing: border-box;
}
wf-m-popwindow.messageDetail message-button wf-button {
box-sizing: border-box;
height: 30px;
line-height: 30px;
width: 31%;
text-align: center;
}
/* 移动端帖子详情页结束 */
/* 移动端消息列表开始 */
message-list-wrap {
display: block;
}
message-list-wrap message-list-wrap-head {
display: block;
width: 100%;
height: 45px;
border-top: 1px solid rgb(204, 204, 204);
text-align: left;
margin: 5px 0;
padding: 10px 0;
}
message-list-wrap-head head-title {
display: inline-block;
width: auto;
padding: 3px;
margin: 0px 10px 0px 0;
}
message-list-wrap-head head-title.active {
border-bottom: 1px solid #df6807d5;
}
head-title wf-span.title {
margin: 0 5px 0 0px;
}
message-list-wrap message-list-wrap-content {
width: 100%;
height: auto;
display: block;
}
message-list-wrap-content wf-p.noData {
font-size: 14px;
color: #5e5e5e;
text-align: center;
}
message-list-wrap-content message-list-wrap-item {
width: 100%;
height: auto;
display: block;
margin: 0px 0px 5px;
}
message-list-wrap-item message-list-wrap-left {
width: 40px;
height: auto;
display: inline-block;
vertical-align: top;
}
message-list-wrap-left img {
vertical-align: middle;
border: 1px solid rgb(204, 204, 204);
width: 40px;
height: 40px;
border-radius: 20px;
}
message-list-wrap-item message-list-wrap-right {
width: calc(100% - 50px);
height: auto;
display: inline-block;
word-break: break-all;
margin: 0 0 0 10px;
}
message-list-wrap-right wf-nickname {
display: -webkit-box;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
message-list-wrap-right wf-content {
display: block;
width: 100%;
}
message-list-wrap-right comment-reply {
width: 100%;
background: rgb(241, 241, 241);
display: block;
height: auto;
}
comment-reply comment-reply-item {
display: block;
margin: 1px 0px;
vertical-align: middle;
overflow-wrap: break-word;
word-break: break-all;
padding: 2px;
}
comment-reply-item nickname {
display: inline-block;
width: auto;
margin: 0px;
color: rgb(129, 197, 186);
}
comment-reply-item wf-span {
margin: 0px 0px 0px 3px;
}
message-list-wrap-right message-list-wrap-button {
display: block;
width: 100%;
margin: 3px 0;
}
message-list-wrap-button wf-button {
width: auto;
display: inline-block;
text-align: left;
color: #333;
}
message-list-wrap-button wf-button img {
width: 20px;
height: 20px;
vertical-align: bottom;
}
message-list-wrap message-list-wrap-footer {
display: block;
width: 100%;
border: 1px solid rgb(204, 204, 204);
text-align: center;
margin: 5px 0;
}
/* 移动端消息列表结束 */
/* 移动端replyPop开始 */
wf-reply-pop {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
color: rgb(255, 255, 255);
text-align: center;
z-index: 1000;
}
wf-reply-pop wf-reply-body {
display: block;
position: fixed;
bottom: 0px;
width: 100%;
height: auto;
min-height: 150px;
background: rgb(255, 255, 255);
text-align: left;
padding: 5px;
}
wf-reply-body wf-m-textarea-wrap {
width: 80%;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
box-sizing: border-box;
}
wf-reply-body wf-m-textarea-wrap textarea {
width: 100%;
height: 50px;
border: 1px solid rgb(204, 204, 204);
resize: none;
outline: none;
font-family: monospace;
word-break: break-all;
overflow-y: visible;
background-color: rgb(255, 255, 255);
border: 1px solid #ccc;
min-height: unset;
box-sizing: border-box;
}
wf-reply-body wf-m-textarea-wrap wf-textarea-mirror {
margin: 0;
height: 50px;
min-height: unset;
box-sizing: border-box;
}
wf-reply-body wf-reply-handle {
width: 15%;
display: inline-block;
min-height: 30px;
vertical-align: middle;
}
wf-reply-handle wf-button {
border: 1px solid rgb(255, 255, 255);
color: #48d;
/* margin-left: 5px; */
padding: 5px;
vertical-align: middle;
}
/* 移动端replyPop结束 */
/* 移动端同时评论转发开始 */
wf-m-meanwhile-handle {
display: block;
position: fixed;
bottom: 45px;
z-index: 3;
background: #fff;
}
wf-m-meanwhile-handle wf-button.meanwhile {
padding: 0px;
margin: 0px;
}
wf-button.meanwhile input[name='meanwhileComment'] {
width: 20px;
height: 20px;
vertical-align: middle;
}
wf-button.meanwhile wf-span {
vertical-align: middle;
margin: 0px 0px 0px 5px;
}
/* 移动端同时评论转发结束 */
/* 移动端长按按钮开始 */
wf-m-button-pop {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
color: rgb(255, 255, 255);
text-align: center;
z-index: 1000;
}
wf-m-button-body {
display: block;
position: fixed;
bottom: 0px;
width: 100%;
height: auto;
background: rgb(255, 255, 255);
text-align: left;
padding: 10px 0px;
}
/* 移动端长按按钮结束*/
wf-page {
display: block;
padding: 10px;
}
wf-page wf-button {
height: 30px;
line-height: 30px;
}
wf-page wf-button:hover {
background: #417dc9;
color: #fff;
}
wf-page wf-span {
color: #417dc9;
margin: 0 10px;
}
wf-page wf-span {
cursor: pointer;
}
wf-page wf-span.default {
cursor: default;
}
wf-page input {
height: 30px;
line-height: 30px;
}
/* 主站论文购买页引期刊专题套餐样式开始 */
wf-acs-package {
display: flex;
/* display: none !important; */
}
wf-acs-package-header {
margin-top: 10px;
line-height: 1.428571429;
font-family: '微软雅黑', '宋体';
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
wf-acs-package-title {
position: relative;
padding: 0px 16px;
outline: none;
font-size: 16px;
font-weight: bold;
display: inline-block;
text-align: left;
line-height: 36px;
text-decoration: none;
color: #333;
}
wf-acs-package-describe {
color: #484848;
font-size: 14px;
}
wf-acs-package-content {
padding: 14px 23px;
border: 1px solid #e0e0e0;
margin-top: 10px;
}
wf-acs-package-wrap-bottom {
display: flex;
}
wf-acs-package .open-sale-link {
cursor: pointer;
}
wf-acs-package {
/* flex-grow: 1; */
flex-direction: column;
}
wf-acs-package-l .package-cate {
/* margin-top: 20px; */
border-left: 3px solid #af701c;
padding-left: 5px;
}
/* wf-acs-package-l ,wf-acs-package-r{
flex-grow: 1;
} */
wf-acs-package-r {
justify-content: center;
align-items: center;
display: flex;
}
wf-acs-package-l ul {
display: inline-block;
margin: 0;
}
wf-acs-package-l ul li {
position: relative;
cursor: pointer;
text-align: center;
height: 83px;
width: 150px;
border: 1px solid #8f8f8f;
border-radius: 6px;
margin: 0 15px 0 0;
float: left;
padding: 5px;
}
wf-acs-package-l ul li .price-con {
position: relative;
top: 50%;
transform: translateY(-50%);
letter-spacing: 2px;
}
wf-acs-package-l ul li .expire-time {
letter-spacing: 1px;
}
wf-acs-package-l ul li .price-con .package-name {
font-size: 14px;
/* font-weight: bold; */
display: inline-block;
margin-bottom: 3px;
}
wf-acs-package-l ul li .price-con .recharge-money {
font-size: 20px;
font-weight: 800;
}
wf-acs-package-l ul li .package-amount-prompt {
color: #af701c;
font-size: 13px;
}
wf-acs-package-l ul li.active {
border: 1px solid #af701c;
overflow: hidden;
}
wf-acs-package-l ul li i.fa-check {
display: none;
}
wf-acs-package-l ul li.active i.fa-check {
display: inline;
color: #f2f9ff;
position: absolute;
right: 2px;
bottom: 2px;
font-size: 12px;
}
wf-acs-package-l ul li.active::after {
content: '';
position: absolute;
right: -60%;
bottom: -55%;
width: 100%;
height: 100%;
background-color: #af701c;
z-index: -1;
transform: rotate(-45deg);
}
wf-acs-package .open-sale-link {
height: 25px;
line-height: 25px;
padding: 2px 8px;
font-size: 14px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #af701c;
color: #af701c;
margin-left: 20px;
min-width: 28px;
}
wf-acs-package .open-sale-link:hover {
background-color: #af701c;
border: 1px solid #af701c;
color: #fff;
}
/* 竖版 */
wf-acs-package.verticalRow {
display: block;
width: 100%;
height: auto;
max-width: 230px;
}
wf-acs-package.packageBorder {
border: 1px solid #eee;
}
.verticalRow wf-acs-package-title {
width: 100%;
display: block;
line-height: 30px;
height: 30px;
background-color: #af701c;
color: #fff;
font-size: 16px;
font-weight: 700;
box-sizing: border-box;
}
.verticalRow wf-acs-package-content {
border: unset;
display: block;
margin: 0;
padding: 10px 0 0 0;
}
.verticalRow .couponList {
padding: 0;
margin: 0;
}
.verticalRow .couponList .couponBox {
font-size: 12px;
margin: 0 2px 8px 3px;
}
.verticalRow .couponBox .couponInfo p {
padding-top: 6px;
}
/* .verticalRow .couponList .couponBox {
width: 230px;
} */
.verticalRow wf-acs-package-wrap-top {
display: block;
}
.verticalRow wf-acs-package-wrap-bottom {
display: block;
text-align: center;
margin: 0;
}
.verticalRow wf-acs-package-l {
display: block;
width: 100%;
text-align: center;
}
.verticalRow wf-acs-package-l ul.b2c {
padding: 10px 25px 10px 37px;
}
.verticalRow ul.b2c li {
margin: 5px 0;
}
.verticalRow wf-acs-package-r {
display: block;
width: 100%;
margin: 0 0 20px 0;
text-align: center;
}
.verticalRow .open-sale-link {
height: 30px;
line-height: 30px;
display: inline-block;
width: 150px;
/* margin: 0 0 0 -15px; */
text-align: center;
margin: 0 0 0 10px;
}
.verticalRow wf-acs-package-describe {
font-size: 12px;
display: block;
text-align: center;
margin: 0 0 10px 0;
}
.verticalRow .topBorder {
border-top: 1px solid #e0e0e0;
}
/* 主站论文购买页引期刊专题套餐样式结束 */
/* 账务资源包整合 开始 */
wf-acs-conformity-resource-package {
display: block;
/* border-bottom: 1px solid #ddd; */
}
wf-acs-conformity-resource-package wf-acs-head {
color: #999;
font-size: 16px;
height: 30px;
line-height: 30px;
display: none;
}
wf-acs-conformity-resource-package wf-acs-body {
display: flex;
margin: 0 0 20px 0;
}
wf-acs-conformity-resource-package wf-acs-package {
margin: 0 20px 0 0;
box-shadow: 0 0 10px #eee;
border: 1px solid #eee;
}
wf-acs-conformity-resource-package wf-acs-package:last-child {
margin: 0;
}
wf-acs-conformity-resource-package .termOfValidity {
padding: 10px 25px 10px 30px;
}
wf-acs-conformity-resource-package p {
font-size: 12px;
color: rgb(175, 112, 28);
}
wf-acs-conformity-resource-package p.package-name {
color: #333;
font-size: 14px;
margin-bottom: 10px;
}
wf-acs-conformity-resource-package .termOfValidity .package-con {
position: relative;
top: 40%;
transform: translateY(-60%);
letter-spacing: 2px;
}
/* 账务资源包整合 结束*/
/* 媒体查询开始 */
/* @media screen and (max-width:320px){ */
@media (max-width: 320px) {
wf-sns {
min-width: 250px;
}
.timer-conten #laydate {
width: 75px;
}
wf-sns ul {
/*无序列表*/
margin: 0;
}
wf-sns ol {
/*有序列表*/
margin: 0;
}
/* 表情 */
wf-emoji-picker {
display: none;
}
/* 图片 */
wf-messagesender upload-image-container {
min-width: 230px !important;
}
/* 视频 */
.vjs-control-bar .vjs-control {
width: 3em !important;
}
upload-video-container {
min-width: 200px;
top: 30px;
left: 0px;
}
upload-video-container::after {
border-width: 10px;
border-bottom-color: #fff;
left: 80px;
}
upload-video-container::before {
border-width: 12px;
border-bottom-color: #d4d2d2;
left: 76px;
}
/* 编辑 */
wf-button.wf-messagesender-editor {
display: none;
}
wf-sns message-body-head message-read-count {
display: none;
}
wf-sns message-body-head wf-user {
width: auto;
max-width: calc(100% - 33px);
min-width: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
message-detail-body message-detail-body-init {
margin: 0px;
}
message-detail-body img-item-ul {
margin: 0px 0 10px 0;
}
message-detail-body message-handle {
width: 100%;
margin: 5px 0;
}
wf-sns message-handle-list {
display: block;
padding-bottom: 5px;
}
wf-sns textarea-wrap {
display: block;
}
message-detail wf-article-content {
padding: 0;
margin: 0px;
}
wf-sns forward-message message-body {
margin: 0px 10px;
padding: 5px 10px;
}
wf-sns forward-message message-handle-list message-detail>message-body {
margin-left: 5px;
}
wf-sns message-handle-list {
display: block;
margin: 0px;
padding: 5px 0;
}
wf-sns message-handle-list textarea-wrap {
margin: 0;
}
message-detail wf-article-content {
margin: 0px;
}
/* 转发列表 */
wf-sns message-handle-list {
display: block;
width: 100%;
margin: 0px;
}
message-detail-body third-message {
margin: 10px 0 0 0;
}
message-detail-body video {
margin: 5px 0 0 0;
width: 100%;
}
/* 隐藏wf-badge */
/* message-body-middle wf-badge{
display:none;
} */
wf-sns message-body-middle create-time {
width: auto;
max-width: calc(100% - 60px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
forward-message message-body-middle wf-badge {
width: 40px;
}
wf-sns message-body-middle edit-state {
display: none;
}
message-list-wrap message-detail-top>wf-user {
top: 8px;
left: 5px;
}
wf-postcard {
display: none;
}
wf-reply {
margin: 0;
}
praise-item-content>wf-user {
width: 100%;
max-width: 200px;
min-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
praise-item-content create-time {
width: calc(100% - 40px);
max-width: 200px;
min-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
message-list.wf-praise-list wf-praise-item-middle {
margin: 0;
}
/*关注列表 */
attention-item user-wrap-right-top wf-badge .img_badge {
display: none;
}
}
@media (min-width: 320px) and (max-width: 520px) {
wf-sns ul {
/*无序列表*/
margin: 0;
}
wf-messagesender .timer-conten{
height: 60px;
}
.timer-conten #laydate {
width: 75px;
}
wf-sns ol {
/*有序列表*/
margin: 0;
}
/* 图片 */
wf-messagesender upload-image-container {
min-width: 230px !important;
}
/* 表情 */
/* 视频 */
upload-video-container {
min-width: 210px;
}
/* 编辑 */
wf-button.wf-messagesender-editor {
display: none;
}
wf-sns message-body-head message-read-count {
display: none;
}
wf-sns message-body-head wf-user {
width: auto;
max-width: calc(100% - 90px);
min-width: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
wf-sns message-handle {
margin: 10px 0;
width: 100%;
}
wf-sns textarea-wrap {
display: block;
margin: 0;
}
message-detail-body message-detail-body-init {
margin: 0px;
margin-top: 20px;
}
message-detail-body img-item-ul {
margin: 0 0 10px 0px;
}
wf-sns forward-message message-body {
margin: 0px;
padding: 0px 10px;
}
/* 转发评论功能 */
wf-sns message-handle-list {
display: block;
margin: 0px;
padding: 5px 0;
width: 100%;
}
wf-sns message-handle-list textarea-wrap {
margin: 0;
}
message-detail wf-article-content {
margin: 0px;
}
message-detail-body third-message {
margin: 10px 0 0 0;
}
message-detail-body video {
margin: 5px 0 0 0;
width: 100%;
}
message-list-wrap message-body {
width: calc(100% - 60px);
padding: 0;
}
wf-sns message-body-middle create-time {
width: auto;
max-width: calc(100% - 60px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
forward-message message-body-middle create-time {
width: auto;
max-width: calc(100% - 60px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
message-list-wrap message-detail-top>wf-user {
top: 4px;
left: 5px;
}
wf-reply {
margin: 0;
}
praise-item-content>wf-user {
width: 100%;
max-width: 200px;
min-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
praise-item-content create-time {
width: calc(100% - 40px);
max-width: 200px;
min-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
message-list.wf-praise-list wf-praise-item-middle {
margin: 0;
}
wf-chat-message-list#chat_message_list {
height: 75%;
}
/*关注列表 */
attention-item user-wrap-right-top wf-badge .img_badge {
display: none;
}
}
@media (max-width: 800px) {
sns-container wf-rank-list rank-list-div-r {
display: none !important;
}
sns-container wf-rank-list rank-list-div-l {
width: 100% !important;
margin-right: 0px !important;
}
}
@media (min-width: 800px) {
wf-popwindow.all_style wf-closeicon {
color: #4E5969;
text-shadow: 0 1px 0 #fff;
right: 790px;
top: 0;
background: #fff;
border-radius: 2px 0 0 2px;
}
}
@media (max-width: 767px) {
sns-container>wf-sns aside,wf-sns.my_chat .chat_room_list {
width: 100px;
}
.my_chat wf-chat-room-info wf-chat-room-detail{
display: none;
}
wf-sns-con .snsTab tab-nav{
width: auto;
min-width: 68px
}
}
/* 媒体查询结束 */
/*分享组件*/
wf-share-container {
display: block;
max-width: 90px;
position: relative;
}
wf-share-container wf-pulldown-font wf-pulldown {
position: absolute;
right: -20px;
top: 5px;
min-width: 140px;
display: grid;
text-align: center;
font-family: Arial, sans-serif;
color: #333;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
position: absolute;
border: solid 1px #ccc;
padding: 10px;
background-color: #fff;
box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 20%);
font-size: 14px;
font-weight: normal;
z-index: 100;
}
wf-share-container wf-button.weixiShareBtn {
position: relative;
height: 120px;
vertical-align: bottom;
}
wf-share-container wf-button.weixiShareBtn wf-qrcode {
display: block;
width: auto;
margin: 5px 0;
/* position: absolute; */
z-index: 100;
}
/*套餐组件*/
.wfPubAcc {
display: flex;
flex-direction: column;
align-items: center;
}
.package-wrap {
background-color: rgb(255, 255, 255);
width: 198px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.package-wrap .package-card-wrap {
margin-top: 10px;
}
.package-wrap .advert img {
height: auto;
width: 100%;
}
wf-acs-package-test a {
text-decoration: none;
}
.package-card-wrap {
border-width: 1px;
border-color: rgb(219, 117, 18);
border-style: solid;
border-radius: 4px;
background-color: rgb(255, 252, 245);
width: 178px;
height: 88px;
text-align: center;
display: flex;
overflow: hidden;
}
.cursor-pointer {
cursor: pointer;
}
.card-unit-wrap {
background: linear-gradient(230deg, #db7512, #fbb36d);
width: 38px;
height: 88px;
flex-direction: column;
display: flex;
align-items: center;
}
.card-unit-wrap .unit-text {
font-size: 16px;
color: rgb(255, 255, 255);
font-weight: bold;
writing-mode: tb-rl;
letter-spacing: 3px;
margin-top: 15px;
}
.card-unit-wrap .arrow-1 {
opacity: 0.702;
border: 6px solid transparent;
border-top: 6px solid #f8f8f8;
margin-top: 7px;
display: inline-block;
}
.card-unit-wrap .arrow-2 {
border: 6px solid transparent;
border-top: 6px solid #f8f8f8;
margin-top: -7px;
display: inline-block;
}
.package-card-wrap .card-detail-wrap {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
flex: 1;
justify-content: center;
}
.card-detail-wrap .package-name {
font-size: 15px;
font-family: "Microsoft YaHei";
color: rgb(0, 0, 0);
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.card-detail-price .price-unit {
font-size: 17px;
font-family: "Microsoft YaHei";
color: rgb(255, 102, 0);
font-weight: bold;
}
.card-detail-price .price-text {
font-size: 27px;
font-family: "Microsoft YaHei";
color: rgb(255, 102, 0);
font-weight: bold;
}
.package-wrap-row {
height: 130px;
display: flex;
align-items: center;
}
.package-wrap .activity_818 {
background: #fff;
}
.package-wrap .activity_818 a{
display: inline-block;
padding-bottom: 10px;
}
.package-wrap .activity_818 img {
width: 198px;
height: auto;
}
.package-wrap-row .package-card-wrap {
margin-right: 20px;
}
.package-card-wrap .expire-time {
font-size: 13px;
font-family: "Microsoft YaHei";
color: #999;
}
wf-acs-head .user-notice {
border-width: 1px;
border-color: rgb(255, 102, 0);
border-style: solid;
border-radius: 4px;
font-size: 15px;
color: rgb(255, 102, 0);
width: 70px;
height: 30px;
display: inline-block;
margin-left: 10px;
text-align: center;
cursor: pointer;
}
/*套餐组件*/
/*套餐支付*/
.test-wrap {
position: fixed;
left: 0px;
top: 0px;
background-color: rgb(51, 51, 51);
opacity: 0.6;
width: 100%;
height: 100%;
}
.test-wrap-body {
position: absolute;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
align-items: center;
}
.test-wrap-content {
width: 896px;
height: 684px;
position: absolute;
background-color: #fff;
z-index: 1000;
}
.head-wrap {
height: 100px;
background-color: rgba(226, 160, 0, 0.41);
}
.package-name-wrap {
height: 90px;
background-color: #ddd;
}
.package-list-wrap {
height: 220px;
background-color: blue;
}
.pay-wrap {
height: 270px;
background-color: black;
}
/*套餐支付*/
/*点赞列表组件*/
wf-praise-list {
display: block;
min-width: 560px;
}
wf-praise-list a {
color: #008b8b;
text-decoration: none;
cursor: pointer;
}
wf-praise-list literature-right h2 {
font-weight: 500;
color: #2d64b3;
margin: 0;
white-space: nowrap;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
padding: 0;
}
wf-praise-list literature-right wf-p {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
wf-praise-list a:hover {
color: #417dc9;
}
wf-praise-list .list-item {
margin-bottom: 2px;
border-bottom: 1px solid rgb(245, 246, 247);
background-color: #fff;
padding: 0px 30px;
}
wf-praise-list literature-div {
margin: 10px 0 0 62px;
display: block;
padding: 10px;
}
wf-praise-list pra-div pra-resource {
max-width: 890px;
display: block;
text-align: right;
font-size: 12px;
color: #999;
margin-left: 62px;
}
wf-praise-list pra-resource {
margin-left: 0;
}
wf-praise-list literature-container {
height: 110px;
background: #f4f4f4;
padding: 20px;
display: block;
max-width: 880px;
}
wf-praise-list literature-container literature-left {
float: left;
}
wf-praise-list literature-container literature-left a img {
width: 113px;
height: 70px;
}
wf-praise-list pra-img {
display: inline-block;
cursor: pointer;
margin: 8px;
}
wf-praise-list pra-img img {
width: 16px;
height: 16px;
}
wf-praise-info pra-tag {
padding: 10px;
cursor: pointer;
}
wf-praise-info .tag-active {
background-color: #d1c7c7;
}
wf-praise-list literature-container literature-left a {
width: 123px;
height: 80px;
display: block;
background: #fff;
padding: 5px;
}
/*点赞列表组件*/
/*用户最近浏览*/
#four_flashs .but_lefts {
background: url('./img/browse/left.png') left bottom no-repeat;
}
#four_flashs .but_rights {
background: url('./img/browse/right.png') left bottom no-repeat;
}
/*用户最近浏览*/
/* 社区问卷弹框 */
.shade {
position: fixed;
left: 0;
top: 0;
background: #000;
width: 100%;
height: 100%;
opacity: 0.55;
}
.window {
position: absolute;
left: 50%;
top: 50%;
background: url(./img/questionnaire/bk.png) no-repeat;
background-size: contain;
width: 322px;
height: 429px;
transform: translate(-50%, -50%);
}
.goto {
position: absolute;
top: 87%;
left: 21.5%;
width: 184px;
height: 45px;
border-radius: 21px;
cursor: pointer;
}
.no-notify {
position: absolute;
bottom: -10%;
left: 34%;
color: #fff;
border: 1px solid #fff;
border-radius: 38px;
padding: 4px 10px;
font-size: 13px;
cursor: pointer;
}
.close {
position: absolute;
right: -20%;
top: 4%;
width: 29px;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
cursor: pointer;
text-align: center;
font-size: 22px;
}
.fa-envelope:before {
line-height: 25px;
margin-right: 5px;
}
wf-recommend .acs-header {
position: relative;
}
wf-recommend .acs-header img {
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 18px;
display: inline-block;
}
wf-recommend .acs-header span {
margin-left: 24px;
font-size: 17px;
}
wf-recommend .hot-apps {
display: flex;
}
wf-recommend .hot-apps-info {
margin-left: 10px;
padding-top: 11px;
}
wf-recommend .hot-apps-title {
font-size: 14px;
color: #1D2129;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 120px;
}
wf-recommend .recommend_apps_content .hot-apps {
height: unset;
}
/* .recommend_apps_content {
margin: 0 10px;
} */
wf-recommend .fav_btn {
color: #165DFF;
width: 62px;
height: 26px;
border-radius: 4px;
font-size: 14px;
padding: 0;
border-color: #165DFF;
background-color: #fff;
margin: 20px 0 0 5px;
cursor: pointer;
border: 1px solid #165DFF;
}
wf-recommend .fav_btn:hover {
background-color: #165DFF;
color: #fff;
}
wf-recommend-message message-detail message-body wf-user.avatar img {
width: 50px;
height: 50px;
}
wf-recommend .swiper-slide {
/* width: auto !important; */
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin: 0 auto;
}
wf-recommend .swiper-wrapper{
/* display: block; */
}
wf-recommend .message_send wf-span {
color: #fff;
}
wf-recommend .swiper-slide.one{
justify-content: unset;
}
wf-recommend .swiper-slide.one wf-recommend-app {
margin-left: 20px;
}
wf-recommend .swiper-slide-part:first-child{
margin-right: 35px;
}
wf-recommend .swiper-slide-part ul{
padding:0;
}
wf-topic-detial message-detail message-detail-top wf-user img {
width: 34px !important;
height: 34px !important;
}
message-handle wf-button img {
position: unset !important;
}
.timed-message-count{
color:#FF7D00 ;
}
.back-to-index {
color: black;
float: unset;
}
message-detail .timed-message-btn{
position: absolute;
right: 0px;
cursor:pointer;
z-index:1;
top:14px;
display: flex;
}
message-detail message-detail-top .timed-message-btn button {
cursor: pointer;
align-items: center;
justify-content: center;
height: 22px;
color: #165DFF;
margin-left: 8px;
background: #ffffff;
border-radius: 6px;
border: 1px solid #165DFF;
font-size: 14px;
padding: 0px 8px ;
}
wf-recommend-app-init .banner-anchor{
position: absolute;
top: 50%;
margin-top: -24px;
width: 48px;
height: 48px;
border-radius: 50%;
color: #fff;
margin-right: 28px;
}
wf-recommend-app-init {
}
wf-recommend-app-init .swiper-button-prev{
left: 10px;
right: auto;
}
wf-recommend-app-init .swiper-button-next, wf-recommend-app-init.swiper-rtl .swiper-button-prev{
right: 10px;
left: auto;
}
wf-recommend-app-init .banner-anchor.prev{
}
