@keyframes fade-in{0%{opacity:0}
40%{opacity:0}
100%{opacity:1}}
@-webkit-keyframes fade-in{0%{opacity:0}
40%{opacity:0}
100%{opacity:1}}
textarea#jinsom-pop-contents::-webkit-input-placeholder{color: #999;}
.jinsom-music-percentx,.jinsom-video-percentx{position:absolute;top:1px;left:2%;line-height:16px;color:var(--jinsom-color);}
.jinsom-music-barx,.jinsom-video-barx{background-color:#ff9d7e;display:block;width:1%;height:18px;border-radius:2px;}
.ls-fbk{position: relative; height: auto; margin:0 auto 10px; padding: 10px; background: #fff; border-radius: var(--jinsom-border-radius);}
.ls-fbk-x{width: 100%;height: 186px;position: absolute;z-index: 9;}
.ls-fbk-xa li{float:left;margin:0 10px;padding:3px 10px;width:30px;border-radius:3px;color:#fff;cursor:pointer;}
.ls-fbk-xa{position: relative;top: 85px;overflow: hidden;margin: auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.ls-fbk-xa li.login{background:#6d89bb;}
.ls-fbk-xa li.reg{background:#5fb878;}
.ls-fbk-a{position: relative; overflow: hidden; padding: 0 0 5px 0; height: 30px; line-height: 30px; display: flex; align-items: center;}
.ls-fbk-aa{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left; align-items: center; justify-content: center;animation: fade-in; animation-duration: .5s; -webkit-animation: fade-in .5s;}
.ls-fbk-aa input{width: 230px; padding: 5px; border: 1px #d2d2d2 solid; float: left; height: 18px;}
.ls-fbk-aa em{font-style:normal;font-size:14px;color:#086794;display:inline-block;float:left;}
.ls-fbk-aa em a{color:#086794;}
.ls-fbk-aa .yya{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px;pointer-events:none;}
.ls-fbk-aa .yyb{overflow:hidden;max-width:150px;color:#607d8b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;pointer-events:none;}
.ls-fbk-aa input.fbkbt{width:230px!important;margin:0!important;padding:3px 5px!important;border:1px #ccc solid!important;box-shadow:0 0 3px 0 rgba(0,0,0,.15) inset;float:left;}
.ls-fbk-aa span{padding-left: 10px; color: var(--jinsom-color); cursor: pointer; height: 30px; line-height: 30px; float: left;}
.ls-fbk-aa span:hover{opacity:.7;}
.ls-fbk-aa span:nth-of-type(2){color:#ff9800;}
.ls-fbk-aa span:nth-of-type(3){color:#009688;}
.ls-fbk-aa span:nth-of-type(4){color:#e91e63;}
.ls-fbk-aa span:nth-of-type(5){color:#9c27b0;}
.ls-fbk-ab{overflow:hidden;width:calc(100% - 510px);float:right;flex: 1;}
.ls-fbk-ab>em{font-style:normal;color:#eb7350;float:right;font-size: 12px;}
.ls-fbk-ab a{color: #eb7350; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: calc(100% - 90px); float: right; font-size: 12px;}
.ls-fbk-b{position:relative;}
.ls-fbk-b>textarea{width:calc(100% - 12px);min-height:80px;padding:5px;border: 1px solid #d2d2d2;}
.ls-fbk-b>span{position:absolute;right:10px;bottom:10px;font-size:12px;color:#aaa;}
.ls-fbk-b>span strong{color:var(--jinsom-color);opacity: .7;}
.ls-fbk-c{position: relative; padding: 5px 0 0 0; height: 30px; line-height: 30px; display: flex; align-items: center;}
.ls-fbk-ca{position: relative;float: left;z-index: 2;}
.ls-fbk-ca>li{float: left; cursor: pointer; position: relative; z-index: 9999; font-size: 14px; display: flex; align-items: center; justify-content: center; margin-right: 20px; font-family: monospace; color: #607D8B;}
.ls-fbk-ca>li:hover{opacity: .7;}
.ls-fbk-ca>li>i{font-size: 16px; margin-right: 5px; width: 17px;}
.ls-fbk-ca>li.fbkxgj:before{position: absolute; bottom: -10px; left: 20px; z-index: 999; width: 10px; height: 10px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-radius: 2px; background: #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ls-fbk-ca>li:last-of-type:after{content: "\e65c"; color: #607D8B; font-family: "jinsom-icon" !important; padding-left: 5px;}
.ls-fbk-ca>li:last-of-type:before{display: none;}
.ls-fbk-ca>div{box-shadow: 0 0 5px rgba(0,0,0,.3); top: 35px;position: absolute;background: #fff; border-radius: var(--jinsom-border-radius); z-index: 1000;}
.ls-fbk-ca>div.xgjbqx{width: 500px; left: 0; padding: 15px;}
.ls-fbk-ca>div.xgjbqx .header{border-bottom: 1px #ddd solid; margin-bottom: 10px; display: flex;}
.ls-fbk-ca>div.xgjbqx .header li{padding: 5px 0;color: #666;margin-right: 15px;font-size: 16px;cursor: pointer;}
.ls-fbk-ca>div.xgjbqx .header li.on{color: var(--jinsom-color);}
.ls-fbk-ca>div.xgjbqx .content span{padding: 0 !important; border: 1px solid rgba(241, 123, 114, 0); margin: 0 2px; cursor: pointer;}
.ls-fbk-ca>div.xgjbqx .content span img{max-width: 100%; vertical-align: inherit;}
.ls-fbk-ca>div.xgjtpx{left: 0; width: 220px; padding: 15px;}
.ls-fbk-ca>div.xgjtpx>span{width: 60px; height: 60px; color: rgb(210, 210, 210); font-size: 50px; line-height: 60px; text-align: center; font-family: 宋体; display: inline-block; cursor: pointer; border-width: 1px; border: 1px dashed #d2d2d2 !important; margin: 5px;}
.ls-fbk-ca>div.xgjtpx li{width: 60px; height: 60px; float: left; margin: 5px; border: 1px solid #f4f4f4; position: relative;}
.ls-fbk-ca>div.xgjtpx li img{width: 100%; height: 100%;}
.ls-fbk-ca>div.xgjtpx li .bar{position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.6) none repeat scroll 0 0; box-sizing: border-box; display: none;color: #fff;height: 20px; line-height: 20px;}
.ls-fbk-ca>div.xgjtpx li:hover .bar{display: flex;}
.ls-fbk-ca>div.xgjtpx li .bar i{float: left;width: 33%;cursor: pointer;}
.ls-fbk-ca>div.xgjtpx li .bar i:hover{color: #E91E63;}
.ls-fbk-ca>div.xgjhtx{left: 0;width: 300px;padding: 15px;}
.ls-fbk-ca>div.xgjhtx input{box-sizing: border-box; padding: 5px 10px; width: 100%; border-radius: 3px; font-size: 14px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15) inset; border: 1px #ccc solid;}
.ls-fbk-ca>div.xgjhtx .content{padding-top: 10px;}
.ls-fbk-ca>div.xgjhtx .content .contenta{width: 100%; position: relative; overflow: hidden;padding-bottom: 10px;}
.ls-fbk-ca>div.xgjhtx .content .contenta>li{float: left; background: #f2f2f5; border: 1px #e6e6e6 solid;}
.ls-fbk-ca>div.xgjhtx .content .contenta>li.on{background: #fff; color: #eb7350;}
.ls-fbk-ca>div.xgjhtx .xgjhtxss{padding-top: 10px;}
.ls-fbk-ca>div.xgjhtx li{font-size: 13px; display: flex;align-items: center; height: 30px; padding: 0 10px; cursor: pointer; line-height: 30px; color: #333;}
.ls-fbk-ca>div.xgjhtx li>span{flex: 1;text-align: right;}
.ls-fbk-ca>div.xgjhtx li>em{font-style: normal; flex: 2;}
.ls-fbk-ca>div.xgjhtx li:hover{background: #f2f2f5;color: #eb7350;}
.ls-fbk-ca>div.xgjhtx li.new{display: block; overflow: hidden; text-align: center;}
.ls-fbk-ca>div.xgjhtx li>p{float: left; width: 100%; color: #E91E63;}
.ls-fbk-ca>div.xgjatx{left: 200px; width: 200px; padding: 15px;}
.ls-fbk-ca>div.xgjatx input{box-sizing: border-box; padding: 5px 10px; width: 100%; border-radius: 3px; font-size: 14px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15) inset; border: 1px #ccc solid;}
.ls-fbk-ca>div.xgjatx li{color: #0078b6; font-size: 14px; cursor: pointer; padding: 5px; display: flex; margin: 5px 0;align-items: center;}
.ls-fbk-ca>div.xgjatx li:hover{background: #f1f1f1;}
.ls-fbk-ca>div.xgjatx li>img{width: 35px; height: 35px; border-radius: 100%; background-color: #f1f1f1; object-fit: cover;}
.ls-fbk-ca>div.xgjatx li>font{padding: 0 10px;}
.ls-fbk-ca>div.xgjatx li>em{border: 1px solid; height: 16px; line-height: 16px; font-size: 12px; padding: 0 5px; border-radius: 3px;}
.ls-fbk-ca>div.xgjatx .content{padding-top: 10px;}
.ls-fbk-ca>div.xgjatx .content .jinsom-empty-page{padding: 0;}
.ls-fbk-ca>div.xgjatx .content .jinsom-empty-page .title{margin: 0; height: 20px; line-height: 20px;}
.ls-fbk-ca>div.xgjgdx{right: 10px; width: 100px;padding: 10px 0 5px;}
.ls-fbk-ca>div.xgjgdx>li{width: 80px; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; padding: 10px; font-family: monospace; color: #607D8B;}
.ls-fbk-ca>div.xgjgdx>li:hover{background: #eee;}
.ls-fbk-ca>div.xgjgdx>li>i{padding-right: 5px;font-size: 16px;}
.ls-fbk-ca>span{box-shadow: 0 0 3px 0 rgb(0 0 0 / 0.5) inset;top: 35px;position: absolute;background: #fff;border-radius: var(--jinsom-border-radius);z-index:999;}
.ls-fbk-ca>span:before{position: absolute; top: -5px; right: 35px; z-index: 999; width: 10px; height: 10px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-radius: 2px; background: #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ls-fbk-ca>span.xgjyyx,.ls-fbk-ca>span.xgjspx{right: 10px; width: 410px; padding: 15px;}
.lsfbk-music-progress, .lsfbk-bg-music-progress, .lsfbk-video-progress{display: none;color: #fff;position: relative;margin-bottom: 10px;}
.lsfbk-music-bar, .lsfbk-bg-music-bar, .lsfbk-video-bar{background-color: var(--jinsom-color);display: block;width: 1%;height: 18px;border-radius: 2px;}
.lsfbk-publish-set-music, .lsfbk-publish-set-video, .lsfbk-publish-set-video-img{display: flex;align-items: center;}
.lsfbk-publish-set-music-input, .lsfbk-publish-set-video-input, .lsfbk-publish-set-video-img-input{flex: 3;height: 30px;margin-right: 10px;border-radius: 4px;}
.lsfbk-publish-set-music-input input, .lsfbk-publish-set-video-input input, .lsfbk-publish-set-video-img-input input{border: 1px solid #ddd;width: 100%;box-sizing: border-box;padding: 0px 8px;height: 30px;font-size: 12px;}
.lsfbk-publish-set-music-upload, .lsfbk-publish-set-video-upload, .lsfbk-publish-set-video-img-upload{flex: 1;height: 30px;text-align: center;background-color: var(--jinsom-color);color: #fff;border-radius: 3px;cursor: pointer;position: relative;}
#lsfbk-upload-music, #lsfbk-upload-video{position: absolute;top: 0;left: 50%;margin: 0;border: solid transparent;opacity: 0;cursor: pointer;width: 96px;height: 32px;margin-left: -50px;border-radius: 100%;}
.lsfbk-publish-set-music-upload:hover, .lsfbk-publish-set-video-upload:hover, .lsfbk-publish-set-video-img-upload:hover{opacity: .7;}
.lsfbk-publish-set-video-img{margin-top: 10px;}
.lsfbk-music-percent,.lsfbk-video-percent{position: absolute; top: -5px; font-size: 12px; left: 5px;}
.ls-fbk-cb{position: relative; flex: 2; display: block; height: 30px;}
.ls-fbk-cba:hover,.ls-fbk-ccb:hover{opacity: .7;}
.ls-fbk-cba{float: right; background: var(--jinsom-color);color:#fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); display: inline-block; width: 60px; font-size: 14px; padding: 0 10px; text-align: center; border-radius: var(--jinsom-border-radius);cursor: pointer;}
.ls-fbk-cbb{float: right; display: flex; line-height: 30px; align-items: center; justify-content: center; position: relative; cursor: pointer; margin-right: 15px;font-family: monospace; color: #607D8B;}
.ls-fbk-cbb.fbkxgj:before{content: ""; position: absolute; bottom: -10px; right: 0; z-index: 999; width: 10px; height: 10px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-radius: 2px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ls-fbk-cbb>i{padding-right: 5px;}
.ls-fbk-cbb:after{content: "\e65c"; color: #607D8B; font-family: "jinsom-icon" !important;padding-left: 5px;}
.ls-fbk-cbc{right: 80px;padding: 15px 0 10px; z-index: 9; box-shadow: 0 0 5px rgba(0,0,0,.3); top: 35px; position: absolute; background: #fff; border-radius: var(--jinsom-border-radius);min-height: 50px;}
.ls-fbk-cbc>li{display: flex; align-items: center; font-size: 14px; cursor: pointer; padding: 5px 15px; font-family: monospace; color: #607D8B;}
.ls-fbk-cbc>li:hover{background: #eee;}
.ls-fbk-cbc>li>i{padding-right: 3px;}
.ls-fbk-cbd{width: 280px;font-size: 14px; box-shadow: 0 0 5px rgba(0,0,0,.3); top: 35px; right: 0; position: absolute; background: #fff; border-radius: var(--jinsom-border-radius); z-index: 8; padding: 15px;}
.ls-fbk-cbd i{font-style: normal; color: #666;}
.ls-fbk-cbd>i{float: left;line-height: 28px;}
.ls-fbk-cbd input{padding: 5px;border: 1px solid #e1e1e1;border-radius: 2px;width: 80px;float: left;margin: 0 15px 0 0;font-size: 12px;}
.ls-fbk-cbd>span{display: flex;align-items: center;float: left;height: 24px;width: 100%;}
.ls-fbk-cbd>input+span,.ls-fbk-cbd>i+span{margin-top: 10px;}
.ls-fbk-cbd>span input{width: 40px;margin: 0 15px;}
.ls-fbk-cbd>textarea{width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #e1e1e1; border-radius: 2px; height: 100px; margin-top: 10px; clear: both;}
.ls-fbk-cbd>span>div{margin: 0 15px 0 0;width: 30px;min-width: 30px;border-radius: 2px;}
.ls-fbk-cbd>span>.layui-form-switch em{margin-left: 17px;}
.ls-fbk-cbd>span>.layui-form-onswitch em{margin-left: 0;}
.ls-fbk-cbc:before, .ls-fbk-ca>div.xgjgdx:before {
position: absolute;
top: -6px;
right: 12px;
z-index: 999;
width: 10px;
height: 10px;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
border-radius: 2px;
background: #fff;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ls-fbk-cbc:before {
right: 16px;
}.single-bbs .lskjhf {
width: 100%;
}
.lskjhf {
width: 80%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-wrap: wrap;
padding-top: 25px;
}
.lskjhf>p {
position: absolute;
top: 0;
font-size: 14px;
color: #666;
font-weight: bold;
}
.lskjhf>p>em {
color: #888;
padding: 0 10px;
font-weight: unset;
}
.lskjhf>li {
position: relative;
margin: 5px;
cursor: pointer;
box-shadow: inset 0 0 10px #ddd;
border-radius: 5px;
padding: 5px;
}
.lskjhf>li>img {
display: block;
width: 50px;
height: 50px;
margin: auto;
}
.lskjhf>li>p {
position: absolute;
background: #333;
color: #fff;
padding: 10px;
font-size: 12px;
transform: scale(0.9);
width: 100px;
left: -30px;
top: -25px;
border-radius: 5px;
opacity: 0;
pointer-events: none;
z-index: -1;
transition: .3s;
}
.lskjhf>li>p:before {
bottom: -5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #333;
left: 50%;
content: "";
height: 10px;
position: absolute;
width: 10px;
margin-left: -5px;
z-index: -1;
}.ls-rmph {
background: #fff;
}
.ls-rmph>ul {
display: flex;
}
.ls-rmph>ul>span {
color: #000;
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
padding: 0 15px;
}
.ls-rmph>ul>li {
flex: 1;
min-width: inherit;
background: #f5f5f5;
}
.ls-rmph>ul .layui-this {
background: #fff;
}
.ls-rmph>ul .layui-this:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 3px;
background: var(--jinsom-color);
}
.layui-tab>div {
padding: 5px 10px;
}
.layui-tab>div>div>a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 37px;
color: #000;
border-bottom: 1px #eee dashed;
}
.layui-tab>div>div>a>span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 100%;
margin-right: 7px;
font-size: 12px;
background: #f2f2f2;
}
.layui-tab>div>div>a .num1 {
background: #f44336;
color: #fff;
}
.layui-tab>div>div>a .num2 {
background: #ff9800;
color: #fff;
}
.layui-tab>div>div>a .num3 {
background: #8bc34a;
color: #fff;
}
.layui-tab>div>div>a:last-of-type {
border: 0;
}.lszxpl>h3 {
float: left;
width: calc(100% - 31px);
}
.lszxpl>div {
display: block;
float: left;
position: relative;
overflow: hidden;
width: 100%;
}
.lszxpl>div>ul>li {
padding: 3px 10px;
}
.lszxpl>div>ul>li>div {
position: relative;
display: flex;
height: 38px;
padding: 0 0 7px;
}
.lszxpl>div>ul>li>div>a {
flex: 2;
position: relative;
}
.lszxpl>div>ul>li>div>a:before {
content: "";
bottom: -12px;
left: 13px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #f5f5f5;
height: 8px;
position: absolute;
width: 8px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
z-index: 1;
}
.lszxpl>div>ul>li>div>a>img {
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #f3f3f3;
margin-right: 10px;
}
.lszxpl>div>ul>li>div>span {
line-height: 36px;
font-size: 12px;
color: #999;
}
.lszxpl>div>ul>li>span {
position: relative;
padding: 5px 10px;
background: #f5f5f5;
border-radius: 1px;
color: #666;
border: 1px #e6e6e6 solid;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 0.6vw;
line-height: 25px;
height: 50px;
}
.lszxpl>div>ul>li>span i {
transform: translateY(2px);
display: inline-block;
}
.lszxpl>div>ul>li>span img {
width: 25px !important;
height: 25px !important;
transform: translateY(5px);
}
.lszxpl>div>ul>li>p {
padding: 5px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #f0f0f0;
font-size: 12px;
color: #999;
}
.lszxpl>div>ul>li>p>a {
color: #999;
transition: .5s;
}
.lszxpl>div>ul>li>p>a:hover {
color: #03A9F4;
}.ls-zsw>span {
display: flex;
align-items: center;
line-height: 35px;
padding: 0 10px;
}
.ls-zsw>span>em {
flex: 1;
font-style: normal;
font-size: 14px;
border-left: 3px solid var(--jinsom-color);
padding-left: 8px;
line-height: 16px;
font-weight: bold;
}
.ls-zsw>span>span {
display: flex;
align-items: center;
}
.ls-zsw>span>span>em {
font-style: normal;
font-size: 12px;
color: #999;
}
.ls-zsw>span>span>span {
color: red;
font-size: 12px;
margin-left: 10px;
text-shadow: 0 0 5px #FFEB3B;
cursor: pointer;
}
.ls-zsw>span>span>span:hover {
text-shadow: 0 0 5px #03A9F4;
}
.ls-zsw>div {
padding: 0 10px 5px;
position: relative;
overflow: hidden;
}
.ls-zsw>div>a {
line-height: 30px;
float: left;
padding: 0 5px;
width: calc(100% / 3 - 10px);
text-align: center;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ls-zsw-add {
text-align: center;
padding: 15px;
}
.ls-zsw-add>div {
display: flex;
align-items: center;
padding: 7px 5px;
}
.ls-zsw-add>div>input {
border: 1px #aaa solid;
font-size: 12px;
line-height: 25px;
padding: 0 5px;
min-width: unset;
flex: 1;
}
.ls-zsw-add>span {
display: inline-block;
background: var(--jinsom-color);
color: #fff;
line-height: 30px;
width: 80px;
border-radius: 3px;
margin-top: 10px;
cursor: pointer;
}
.ls-zsw-add>span:hover {
opacity: .7;
}
.ls-zsw-add>p {
width: 280px;
display: flex;
align-items: center;
}
.ls-zsw-add>p>i {
font-size: 18px;
padding: 0 5px;
color: #607D8B;
}
.ls-zsw-add>p>em {
font-style: normal;
font-size: 12px;
color: #607D8B;
text-align: left;
}
.ls-zsw-add>div>div {
margin-left: 5px;
}
.ls-zsw-add>div>div>div {
width: 27px!important;
height: 27px!important;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: 0;
}
.ls-zsw-add>div>div>div>span {
flex: 1;
background: #333;
border-radius: 2px;
}
.ls-zsw-add>div>div>div>span>span {
height: 27px;
display: flex;
align-items: center;
justify-content: center;
}