/**右侧内容**/





/* 顶部发布八卦 */

.goss-input{background:#16161a; padding-top: 24px; margin-bottom:24px; border-radius: 4px;}
.goss-input .goss-textarea{ margin: 0px 18px 14px 18px; }
.goss-input .goss-textarea .layui-textarea{ background: #3e3e48; border:1px solid #3e3e48!important;  color: #d3d3d3; padding: 18px 20px; height: 120px; border:none; border-radius: 6px; line-height: 24px;font-size: 14px; resize:none; }
.goss-input .goss-textarea .layui-textarea:actived{ background:#16161a; border:1px solid #f3bb6c!important; }
.goss-input .layui-form-label {float: left;display: block; width:50px; padding: 0;}
.goss-input .layui-form-label img{ width: 50px; border-radius: 50%; }
.goss-input .layui-input-block{ margin-left: 64px; margin-bottom: 15px; }


.goss-input .goss-setgo{ padding-bottom: 12px; }
.goss-input .goss-setgo .goss-flex{ text-align: right; padding: 0 18px; clear: both;display: flex;} 
.goss-input .goss-setgo .goss-flex .addicon{float: left; display: inline-block; height:34px; width: 34px; text-align: center; background: #3e3e48; border-radius: 50%;  cursor: pointer;  }
.goss-input .goss-setgo .goss-flex .addicon span{ font-size: 22px; color: #838383; line-height: 34px; }
.goss-input .goss-setgo .goss-flex .addicon:hover{ opacity: 0.85   }
.goss-input .goss-setgo .goss-flex .addicon:hover span{  color: #ff5900 }
.goss-input .goss-setgo .goss-flex button{display: inline-block;height: 34px;line-height: 34px;width:100px;font-size: 14px;background: #ff813d;color: #fff; border-radius: 20px;  cursor: pointer;}


.img-list{  }
.img-list ul{ padding: 0 18px; }
.img-list li{float: left;margin: 0 10px 10px 0;position: relative;}
.img-list ul li i { cursor: pointer; width: 16px;height: 16px; text-align: center; line-height: 16px;background:rgba(0,0,0,0.2); font-size: 10px; color: #fff;position: absolute;top: 6px;right:6px; border-radius: 50%; font-style: normal;}
.img-list ul li i:hover { opacity: 0.8 }
.img-list ul li i .iconfont{ font-size: 10px; margin-left: 1px;  text-align: center; }
.img-list ul li img {width: 100px;height:100px;border-radius: 8px;border: 1px solid rgba(221,221,221,0.2); -o-object-fit: cover;object-fit: cover;}



/****旧版发布框 暂时隐藏****/
.input-commentext{}
.send_weibo .title {outline-style: none;font: normal 16px Tahoma;line-height: 16px;*line-height: 22px;float: left;width: 200px;height: 21px;}
.input-commentext .ficon_swtxt{padding: 10px;height: 21px;display: block;white-space: nowrap;overflow: hidden;color: #1b7fb6;font-family: "WBswficon" !important;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;}
.input-commentext .ficon_swtx .spac1 {display: inline-block;vertical-align: top;height: 21px;letter-spacing: -3px;font-style: normal;font-weight: normal;}
.input-commentext .ficon_swtxt .spac2 {display: inline-block;vertical-align: top;height: 21px;padding-left: 4px;font-style: normal;font-weight: normal;}
.input-commentext .ficon_swtx .spac3 {display: inline-block;vertical-align: top;height: 21px;letter-spacing: -3.8px;font-style: normal;font-weight: normal;}
.input-commentext .ficon_swtx .spac4 {display: inline-block;vertical-align: top;height: 18px;padding: 3px 0 0 4px;font-style: normal;font-weight: normal;}
.input-commentext .layui-form-label {float: left;display: block; width:50px; padding: 0;}
.input-commentext .layui-form-label img{ width: 50px; border-radius: 50%; }
.input-commentext .layui-input-block{ margin-left: 64px; margin-bottom: 15px; }
.input-commentext .layui-form-item{ margin-bottom: 0; text-align: right;padding: 0 10px;}
.input-commentext .layui-form-item button{display: inline-block;height: 28px;line-height: 29px;width: 60px;font-size: 14px;background: #ffc09f;color: #fff;border: 1px solid #fbbd9e;box-shadow: none;cursor: default;}
.input-commentext .layui-form-item span{float: left;width: 24px;height: 20px;background: url(../../images/tupian.svg) no-repeat;background-size: 100% 100%;}



/* 八卦列表筛选 */
.goss-column{ background:#16161a; margin-bottom:12px; border-radius: 4px; position: relative;display: block;box-sizing: border-box;  }
.goss-column .col-warp{height: 40px; padding: 0 10px; border-bottom:0px solid  #e6e7ea;border-left:0px solid #e6e7ea; }
.goss-column .col-warp ul{  display: inline-block; }
.goss-column .col-warp ul li{position: relative; display: inline-block;  padding: 0 10px; height: 40px; line-height:40px;float: left;  list-style: none; text-align: center; cursor: pointer; }
.goss-column .col-warp ul li:hover{ opacity: 0.8 }
.goss-column .col-warp ul li a{ color: #666; font-size: 12px; display: block; font-weight: 300; } 
.goss-column .col-warp ul .cur{  border-left: none; border-top-width: 2px;border-top-color: #CE9940; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.goss-column .col-warp ul .cur a{ color: #d3d3d3; font-weight: 500;}
.goss-column .col-warp ul .cur:after {content: '';position: absolute;display: block;bottom: 0px;height: 2px; -webkit-border-radius: 2px;border-radius: 2px;
									left: 36%; width: 0; height: 0; border-top: 7px solid #16161a; border-right: 7px solid #16161a; border-bottom: 7px solid #0c0c0c; border-left: 7px solid #16161a; }
.goss-column .fm-publish{ position:absolute; top: 0;  right: 20px; height: 40px; display: inline-block; }
.goss-column .fm-publish a{ color: #666; font-size: 12px; display: block; font-weight: 300; line-height: 40px; } 



/* 八卦列表  */
.goss-list{}
.goss-list .item{ padding: 14px 16px 0; background:#16161a; margin-top: 12px; border-radius: 4px; }
 
.goss-list .item .reinfo{ height:46px; padding-top: 5px; }
.goss-list .item .reinfo .img-info{color:#CE9940;margin-right:14px; text-align:center; float:left;}
.goss-list .item .reinfo .img-info .b-img{ max-width: 50px; border: 1px solid #202025; border-radius: 50%;overflow: hidden; }
.goss-list .item .reinfo .img-info .b-img img{ width: 50px; height: 50px; object-fit: cover; } 
.goss-list .item .reinfo .detail{ font-size:12px;margin-left:54px; padding-left:4px;position: relative;}
.goss-list .item .reinfo .detail .name{color:#d3d3d3;font-weight:500;font-size:14px; margin-top: 6px;}
.goss-list .item .reinfo .detail .time{font-size: 12px; font-weight: 300; margin-top: 4px; } 
.goss-list .item .reinfo .detail .time a{ color:#8c8c8c;}

.goss-list .item .recont{ margin-left:66px;  }
.goss-list .item .recont p{ color:#d3d3d3; line-height: 28px; margin-bottom: 6px; font-size: 16px;  text-align:justify;overflow-wrap: break-word;white-space: pre-wrap;word-break: break-word;}
.goss-list .item .recont .isText{overflow: hidden;}
.goss-list .item .recont .isText .button{float: right;margin-bottom: 10px;}
.goss-list .item .recont .isText em{color: #ff9155;margin-left: 4px;font-size: 16px;background: none;border: none;cursor: pointer;font-style: normal;}
.goss-list .item .recont .isText span{color: #ff9155;font-size: 18px;margin-top: 1px;font-weight: 700;display: inline-block;vertical-align: top;}
.goss-list .item .recont .linkqw{ color:#ff9155; margin-left: 4px; font-size: 16px; background: none; border:none; cursor: pointer; }
.goss-list .item .recont .linkqw em{font-style: normal;}
.goss-list .item .recont .linkqw .iconfont{ font-size: 18px; margin-top: 1px; font-weight:700; display: inline-block; vertical-align: top;}

.goss-list .item .recont .goos-img1{ margin-top: 8px;}
.goss-list .item .recont .goos-img1 .imgitem{ margin-bottom: 10px; width: 320px; max-height:400px;border:1px solid #202025; overflow: hidden;  border-radius: 6px;}
.goss-list .item .recont .goos-img1 .imgitem img{ width: 100%; }

.goss-list .item .recont .goos-img2{ margin-top: 8px; display: inline-block;width: 520px;}
.goss-list .item .recont .goos-img2 .imgitem{ float: left; width: 154px; height: 154px; border:1px solid #202025; overflow: hidden; margin-right: 10px; margin-bottom: 10px; border-radius: 6px; }
.goss-list .item .recont .goos-img2 .imgitem img{width: 100%;height: 100%;object-fit: cover;vertical-align:top;background-position:center;}

.goss-list .item .refunc{ border-top: 1px solid #202025; padding:8px 4px; }
.goss-list .item .refunc .fun{  text-align: center;cursor: pointer;  } 
.goss-list .item .refunc .fun a{cursor: pointer; width: 100%; height: 22px; line-height: 22px; border-right: 1px solid #202025;font-size: 12px; font-weight: 300; color: #808080; display: block;}
.goss-list .item .refunc .fun:last-child a{ border-right:none; }
.goss-list .item .refunc .fun a .ondian{color: #f00;}
.goss-list .item .refunc .fun a em{vertical-align: top; font-style: normal; padding-left: 4px;}

.goss-issue{ margin-bottom: 10px; }
.goss-issue button{ background:#d59e42  }




.right-nav-l{position: absolute;top: 0;right: 0px; background: none; z-index: 10;}
.right-nav-l a{height: 30px;line-height: 30px;padding: 0;position: relative;display: block;}
.right-nav-l a span{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 50%;right: 3px;margin-top: -4px;border-width: 6px;border-top-color: rgba(255,255,255,.7);border-top-color: #696e78;}
.right-nav-l-open a span{margin-top: -9px;border-style: dashed dashed solid;border-color: transparent transparent #696e78;}
.right-nav-l ul{width: 100px;display: none;padding: 8px 0;border-radius: 4px;box-shadow: 0 2px 4px rgb(0 0 0 / 12%);border: 1px solid #373741;background-color: #16161a}
.right-nav-l ul li{color: #d3d3d3;text-align: center;line-height: 30px;height: 30px;}
.right-nav-l ul li:hover{background: #25252c;}
/* 八卦管理菜单 */
.right-nav{position: absolute;top: 0;right: 0; background: none; z-index: 10;}
.right-nav .layui-nav{ background: none;  text-align: right; width: 100px }
.right-nav .layui-nav-tree .layui-nav-itemed:after { height: 0px!important;}
 
.right-nav .layui-nav-tree .layui-nav-item a{height: 30px;line-height: 30px; padding: 0;}
.right-nav .layui-nav-tree .layui-nav-item a:hover{ background: none }
.right-nav .layui-nav-tree .layui-nav-item a .layui-nav-more{right: 0px; border-top-color: #696e78;}
.right-nav .layui-nav-tree .layui-nav-itemed a .layui-nav-more{margin-top: -9px;border-style: dashed dashed solid;border-color: transparent transparent #696e78;}


.right-nav .layui-nav-itemed>.layui-nav-child {display: block;padding: 8px 0; border-radius: 4px; box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #373741;background-color:#16161a!important}
.right-nav .layui-nav-itemed>.layui-nav-child a{ color: #d3d3d3; text-align: center; font-size: 12px;}
.right-nav .layui-nav-tree .layui-nav-item .layui-nav-child a:hover{background: #25252c!important;}
.right-nav .layui-nav-tree .layui-nav-bar{position: absolute;left: 0;top: 0;width: 0;height: 0px;background-color: #5FB878;transition: all .2s;-webkit-transition: all .2s;}


.layui-layer-imgbar{display: none !important;}