body{ background-color:#666 }  
      *{ font-size:revert }
      .communitywrap{ padding:30px 0 }
      .communitycontainer{width: 1000px; position: relative; margin:auto; overflow: hidden; border-radius: 5px; background-color: #fff;}
      .communitywrap .layui-input{ width:50%; display:inline-block; }
      .communitywrap .layui-btn-sm{ margin-left:20px }
      .communitywrap .layui-progress{ margin:10px 0 }
      .uploadwrap .layui-icon{ margin:10px 15px 0 0; display: inline-block; cursor:pointer; color: #888; font-size: 20px; line-height: 1; border: none; background: none}
      .uploadwrap .layui-icon:hover,.showcon .layui-upload-drag:hover{ opacity:.8; color:#1173D6 }
      .communitywrap .layui-icon-video{ font-weight:600; padding-top:2px; }
      .communitywrap .layui-tips{display: inline-block; text-align: left; font-size: 16px; color: #1173D6}
      .communitywrap .layui-tips span{ display:block; font-size:14px; color:#999 }
      .communitywrap .layui-progress-bar{ background-color:#1173D6 }
      .communitywrap .kg{ margin-top:20px; position:relative; }
      .communitywrap .kg .layui-form-label{ width:auto; padding:9px 0; }
      .communitywrap .kg .layui-input-block{ margin-left:20px; display:inline-block; position:initial }
      .communitywrap .inline{ display:inline-block; }
      .communitywrap .kg .inline{ margin-right:30px; }
      .comfirmwrap{margin-top: 40px; text-align: center;}
      .comfirmwrap button{ padding:0 40px; }
      .showcon{ width: 100%;  margin-top: 20px; }
      .showcon .layui-upload-drag{ width:100%; padding:30px 0; background-color:#F9F9F9 }
      .showcon .layui-upload-drag .layui-icon{ color:#1173D6 }
      .cmupload{ position: relative; margin-bottom: 20px; padding: 20px; border:solid 1px #ccc; border-radius:5px }
      .communitywrap .fmwrapper{ margin-top:30px; }
      .communitywrap .fmupload{width: 188px;height: 112px;position: relative;display: inline-block;border-radius: 5px;background-color: #ccc;overflow: hidden;
          margin-right: 10px;}
      .communitywrap .fmupload img {width: 100%;height: 100%;border-radius: 5px;}
      .communitywrap .pro-infor {display: -webkit-box;display: -webkit-flex;display: flex;width: 100%;background: linear-gradient(transparent, #666);position: absolute;left: 0;bottom: 0;padding: 0.1rem 0.16rem;box-sizing: border-box;justify-content: center;color: #fff;}
      .communitywrap .pro-infor a {margin: 0 15px;color: #fff;cursor: pointer;}
      .communitywrap .fmtips {margin-bottom: 7px;color: #999;}
      .communitywrap .fmmould li {display: inline-block;cursor: pointer;}
      .communitywrap .fmmould li img {width: 141px;height: 84px;border-radius: 5px;margin-right: 5px;border: solid 2px #fff;}
      .communitywrap .fmmould .selectfm img {border: 2px solid #1173D6;}
      .communitywrap .fmtips {margin: 0 0 5px;color: #999;}
      .mgt10{ margin-top:10px; }
      .colorred{ color:#F01616 }
      .colorblue{ color:#1173D6 }
      .vdinfo{ margin-top:20px; }
      .communitywrap .del{position: absolute;top: 20px;right: 20px;}
      .communitywrap .delbtn{ cursor:pointer; }
      .communitywrap .vdtit{ width:100% }
      .communitywrap .ks{ width:41%; border:solid 1px #eee; }
      .communitywrap .ks .layui-input{ width: 63%; border:none }
      .communitywrap .ks .layui-icon{ display:inline-block; }
      .communitywrap .ks #ks{ width:50% }
      .communitywrap #editor—wrapper {border:none;z-index: 100;}
      .communitywrap #toolbar-container { border-bottom: 1px solid #ccc; }
      .communitywrap #editor-container { height: 300px; }
      .communitywrap .layui-upload-img{ width:68px; height:68px; display:inline-block; margin-right:10px; border:solid 1px #eee; }
      .communitytitle{padding:15px; background-color: #EEF5FD; color: #464952; font-size: 18px;}
      .communitycon{width: 80%; margin:30px auto}
      .communitywrap .layui-form-onswitch{ background-color:#1173D6}
      .communitycon .uploadwrap{display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}

      /* byeric 2023-2-2 */
      .communitywrap .layui-upload-img{margin-right:0px;border-radius:5px}
      .close,.closemv{background:url(../../../Web/Community/images/a7.png) no-repeat;background-size:20px 20px;position:absolute;top:0px;right:0px;width:20px;height:20px;cursor:pointer}
      .closemv{margin:4px}
      .imgdiv{display:block;float:left;position:relative;margin-right:5px}
      .upload-progress{display:block;float:none;width:100%;padding:0;font-size:20px;line-height:1}
      .progressDiv,.actionBar{position:relative}
      .progressDiv{font-size:0}
      .progressbar{width:100%}
      .progressbar{display:inline-block;background:#dedede;border-radius:50px;width:260px;height:5px;top:5px;position:relative}
      .proinner{display:inline-block;position:absolute;left:0;top:0;background:#328ce4;height:100%;border-radius:50px}
      .hidediv{display:none}
      .progressps{position:absolute;right:0;left:260px;width:50px;top:0px}
      .pronum{display:inline-block;color:#328ce4;font-size:12px;margin-left:10px}
      video::-webkit-media-controls-mute-button{display:none !important}
      video::-webkit-media-controls-fullscreen-button{display:none !important}
      .vprogress{margin-top:6px;font-size:10px;display:inline-block}
      .showfm{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:none}
      .showfm img{max-width:90%;margin:20% auto 0;display:block}
      .closemask{position:absolute;right:2%;top:10px;font-size:36px;color:#545454;cursor:pointer}
      .showfm a:hover{color:#fff}
      .mydropdown .layui-menu li{height:25px}
      .tagdiv{min-width:9rem;color:#1173D6}
      .cmt-tree{padding:2%; height: 94%; overflow-y: scroll;}
      /* tree */
      .closefm {
    float: right;
    margin: 5px;
    cursor: pointer;
}
      .ztree{padding:0 30px;}
      .ztree *{ font-size:16px }
      .ztree li{ margin:10px 0 }
      .ztree li span.button{ background:none }
      .ztree li span.ico_open,.ztree li span.ico_close{ display:none }
      .ztree li span.button.switch{ text-align:center; line-height:21px }
      .ztree li span.ico_docu{ display:none }
      .noline_close,.noline_open,span.add,span.edit,span.remove{font-family: layui-icon!important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;}
      .noline_close:before{content: "\e624"}
      .noline_open:before{content: "\e67e"}
      .ztree li span.button{ line-height:21px }
      .ztree li span.button.add:before{content: "\e61f"}
      .ztree li span.button.edit:before{content: "\e642"}
      .ztree li span.button.remove:before{content: "\e640"}
      .ztree li a input.rename{ height:auto; font-size:16px; border:none; background:none }