/* 
    Created on : 2018-7-15, 18:02:27
    Author     : aaa
*/
/******* 引入子css文件 ***************/
/*
@import url("subCss/dojoDijitSelect.css");
*/



/* CSS变量定义   全局变量**********************/
:root { /* 在mv.js文件中，用document.documentElement.style.setProperty()设置的css变量，可以不在这里定义！ */
    /* 用于视频和图片的布局，适应pc浏览器和手机app 
    --figure-width: 118px;
    --figure-video-width: 118px;   
    
    --figure-height: 168px;     
    --figure-image-height: 110px;
    --figure-video-height: 110px;
    */
    /* 图片高度 
    --i-figure-height: 0px;  
    --i-figure-image-height: 0px; 
    */
    /* 视频高度 
    --v-figure-height: 0px; 
    --v-figure-video-height: 0px; 
    */
    /*--figcaption-height: 58px; 
    --figcaption-text-row-num: 2;
    --figcaption-text-line-height:20;
    */
    /* 内容区域的页面边距*/ 
    --body-border-width: 0px;

    /* 加号菜单的背景色*/ 
    --mainMenu-backGround-color: #3C3C3C;

    /* 右上角的关注弹出菜单宽度*/ 
    --rightTopMenu-width: 30%;

    /* 右上角的关注弹“...”的颜色*/ 
    --rightTopMenu-color: #000000;

    /* 左下角的预设置消息弹出菜单宽度*/ 
    --leftBottomMenu-width: 30%;

    /* 左下角的预设置消息弹出对话框中文本框的宽度*/ 
    --mvTextBox_leftBottomMenu_edit_width: 68%;

    /* 私信/群信消息div宽度 （手机：88%   PC：68%）  */ 
    --chatMessage-div-width: 88%;

}

/***************  div居中 *******************/
.middle {     
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;  
    padding-top: 18px;
    padding-left: 20px;
    padding-right: 20px;
    /*
    float: left;    
    left: -50%;
    background: #CF3B24;
    */
    background: #F0F0F0;
    width: 258px;
    height: 358px;    
    border-radius: 6px 6px 6px 6px;
}

.middle-regist {     
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;  
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    /*
    float: left;    
    left: -50%;
    background: #CF3B24;
    */
    background: #F0F0F0;
    width: 258px;
    height: 428px;    
    border-radius: 6px 6px 6px 6px;
}

.middle-ValuePicker {          

    /*
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; 
    float: left;    
    left: -50%;
    background: #CF3B24;
    width: 258px;
    height: 358px; 
    isplay: table-cell;
    vertical-align: middle;
    
    background: #696969;  
    border-radius: 6px 6px 6px 6px;
    */


}

.videoDialogDiv {     
    position: absolute;
    z-index: 100;
    margin: 0;
    text-align: center;
    outline: none;
    padding: 5px;
    /*width: 262px;*/


    /*
        margin-left: auto;
        margin-right: auto;
    */
    margin-top: 30px;  
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    /*
    float: left;    
    left: -50%;
    background: #CF3B24;
    */
    background-color: #696969;
    width: 258px;
    height: 188px;    
    border-radius: 6px 6px 6px 6px;
}

/***************  控件 *******************/
.mvTextBox {
    margin-top: 2px;
    width:258px;
    height:32px;
    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    color: #000;
    box-sizing: border-box; /*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。没有这句的话，padding和border不会被包含进width和height*/
    padding-left: 8px;
    margin-top: 8px;
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
}

.mvTextBox_columnList {
    margin-top: 2px;
    width:258px;
    height:32px;
    font-size: 15px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    color: #000;
    box-sizing: border-box; /*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。没有这句的话，padding和border不会被包含进width和height*/
    padding-left: 8px;
    margin-top: 8px;
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
}

.mvTextBox_leftBottomMenu {
    margin-top: 2px;
    width:var(--mvTextBox_leftBottomMenu_edit_width);

    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    padding: 8px;
    color: #000;
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
}

.mvTextBox_leftBottomMenu_d {
    margin-top: 2px;
    width:var(--mvTextBox_leftBottomMenu_edit_width);

    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    padding: 8px;
    color: #FFF;
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom: 0px solid #CF3B24; /*红色*/
    background-color: #111111; /*灰色*/
}

.mvTextBox-138 {
    margin-top: 2px;
    width:168px;
    height:28px;
    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
}

.mvTextBox_SEO {
    margin-top: 2px;
    width:88%;
    height:32px;
    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    color: #000;
    box-sizing: border-box; /*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。没有这句的话，padding和border不会被包含进width和height*/
    padding-left: 8px;
    margin-top: 8px;
    /*color: #989898;*/

    /* 只保留文本框的底部边框 */
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
}

.mvTextBoxLabel { 
    display:block;/* 转为块级元素才能设置宽度 */
    white-space:nowrap;
    overflow:hidden;

    width:98px;
    height:32px;
    font-size: 16px; 
    font-weight: 100; 
    border-top: 0px;
    border-left: 0px;
    border-right: 0px; 
    /*color: #989898;*/
    /* 只保留文本框的底部边框 */
    border:0;    
    background-color: #F8F8F8;
}

.mvTextArea {
    margin-top: 2px;
    width:258px;
    height:198px;
    font-size: 16px; 
    font-weight: 100; 
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
    /*color: #989898;*/
}

.mvTextArea2 {
    margin-top: 2px;
    width:258px;
    height:118px;
    font-size: 16px; 
    font-weight: 100; 
    border:0;
    border-bottom:1px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
    /*color: #989898;*/
}

.mvFlatButtonSingle {
    width:258px;
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 7px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;    
    /*margin-top: 6px;
    
    font-family: "Microsoft YaHei";
    font-size: 16px; 
    font-weight: 100; 
    border-top: 1px;
    border-left: 1px;
    border-right: 1px; 
    color: #8E8E8E;
    cursor: pointer;
    */

}


.mvFlatButtonOk {
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 7px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;    
    width:128px;    
    margin-right:2px
}

.mvFlatButtonCancle {
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 7px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width:128px;    
}

.mvChatFlatButtonSend {    
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;
    width:100%; 
    height:60px;
    align-items: center;
}

.mvChatTextArea {    
    /*background-color: #CF3B24;*/ /*红色*/
    background-color: #5B5B5B; /*灰色*/
    border: none;
    color: white;
    padding: 0px 0px;    
    text-decoration: none;
    display: inline-block;
    align-items: center;
    font-size: 16px;
    margin: 0px 0px;   
    width:100%; 
    height:60px;    

}


.functionButton {
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;    
    cursor: pointer; 
}

.mvLabel {    
    font-size: 14px;    
}

.mvTextBox-regist {
    margin-top: 2px;
    width:188px;
    font-size: 17px; 
    font-weight: 100; 
    border:0;
    border-bottom:2px solid #CF3B24; /*红色*/
    background-color: #F8F8F8;
    /*color: #989898;*/
}

.mvComboBox {
    margin-top: 10px;
    width:258px;
    font-size: 16px; 
    font-weight: 100;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    /*color: #989898;*/
}




.mvMenuItemLabelSpan {    
    color: white;
    /*border-bottom-color:#CF3B24;*/ /*底部红色*/
}

.mvMenuItemLabelSpanReturn { 
    color: #888888;
    border-bottom-color:#CF3B24; /*底部红色*/
}

.mvMenuItemBt {
    height:78px;
    padding: 18px 18px;    
    border: 1px solid #AAAAAA;
    font-size: 17px; 
    color: #CF3B24;
    border-color:#CF3B24; /*底部红色*/    
}

/* 加号菜单的css */
.mvDialog {    

    padding-left: 0px;
    padding-right: 4px;   /*只有这样，左右的padding才一样*/

    padding-bottom: 0px;
    padding-top: 0px;
    display: flex;
    flex-flow: row wrap;   /*定义了flex 项沿主轴方向的对齐方式 */
    justify-content: space-between;   

    top:180px;    
    /*background-color: #3C3C3C; */
    background-color: var(--mainMenu-backGround-color);
    opacity:1; 
    border:0px solid #A9A9A9; 
    border-radius: 0px 0px 0px 0px;
    font-size: 110%;

}

/* 顶部...菜单弹出的右上角菜单的css */
.mvDialogTopMenu {    
    background-color:#696969; 
    opacity:1; 
    border:0px solid #A9A9A9; 
    border-radius: 0px 0px 0px 0px;
    font-size: 118%;
    width: var(--rightTopMenu-width);
}



/* 群信/私信聊天界面底部部消息编辑框左侧的弹出对话框 */
.mvDialogLeftBottomMenu {    
    background-color:#696969; 
    opacity:1; 
    border:0px solid #A9A9A9; 
    border-radius: 0px 0px 0px 0px;
    padding-top: 18px;
    font-size: 110%;
    width: var(--leftBottomMenu-width);
    overflow: auto;

}

/***************  私信/群信 信息显示div居中*****/
.chatMessageDiv {
    margin:8px auto; 
    padding-top: 18px;
    /* width:288px;  */
    width: var(--chatMessage-div-width);
    border:0px solid #F00
}



/***************  view的背景 *******************/
.mvView {
    background-color: #000000;
}

/******  背景透明，文字不透明 （用于顶部右边button） *****/
.topRightBt{ 

    /****实现背景透明文字不透明 ******/
    /*background:#069;*/
    background:rgba(255,255,255,0);
    /*opacity:0.5;*/
    filter:Alpha(opacity=80);

    color: var(--rightTopMenu-color);

}

/******   *****/
.leafList { 
    /*color: white;*/    
    background-color: #3C3C3C;
}





/*********  视频播放iframe区域的自适应 *********/
.wrap {    
    width: 300px;
    margin: auto;
    border: 0px solid greenyellow;
    z-index: 10;
}
.iframe-container {    
    height: 0;
    padding-bottom: 97.6%;
    position: relative; 
    z-index: 11;
}
.iframe-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
}
@media screen and (max-width: 400px) {
    .wrap {
        width: 300px;
    }
}


/*********  根据屏幕宽度设置字体大小 *********/
@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 360px) {
    html {font-size: 16px;}
}
@media screen and (min-width: 400px) {
    html {font-size: 18px;}
}
@media screen and (min-width: 440px) {
    html {font-size: 20px;}
}
@media screen and (min-width: 480px) {
    html {font-size: 22px;}
}
@media screen and (min-width: 640px) {
    html {font-size: 28px;}
}


/*********  将图片和视频与其描述文字放置在一行，
            将图片和视频都放在figure标签内，描述放在figcaption标签内，
            将<img>或<video>及它们相应的figcaption标签的class设为myBlock           
*********/
.mvImgVideoLayout {
    /*
    display: inline-block;// 实现将图片、视频及其描述文字放在同一行
    */

    /*
    width: 100%;
    height: 258px;
    
    
    overflow: hidden;
    background: #F8F8F8;
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 95%;   
    
    */
}



/* 内容显示区域的css */
.contentDiv {    
    width:100%;
    font-size: 100%; 
    line-height:28px; /* 行高 */ 
    height: 688px;      /* 设置height和overflow-y实现图文在PC浏览器端的鼠标滚动浏览  */
    overflow-y: auto;   /* 设置height和overflow-y实现图文在PC浏览器端的鼠标滚动浏览  */


    /*background-color: #585858; */
    background-color: #000000;
    color: #FFFFFF;

}



/* 内容显示区域的css */
.mvBody {
    /* 无效
    padding-right: var(--mvBody-paddingRight); 
    padding-left: var(--mvBody-paddingLeft); 
    
    margin-left: var(--body-paddingLeft); 
    margin-right: var(--body-paddingRight); 
    
    margin-left: 88px; 
    margin-right: 88px; */
    /*
        border-left: 88px solid red;    
        border-right: 88px solid red;    */

    border-left-style: solid;
    border-left-color: #ccc;
    border-left-width: var(--body-border-width);

    border-right-style: solid;
    border-right-color: #ccc;
    border-right-width: var(--body-border-width);

    box-sizing: border-box;  /* 若无此句，右边框不显示！！  */ /* border边框显示不完全是因为大多数浏览器采用了W3C标准盒子模型，它规定
                                                                   一个块的总宽度= width + margin(左右) + padding(左右) + border(左右).
                                                                  使用这样一条css样式 box-sizing: border-box; ，就能解决盒子宽度超出100%，而造成边框显示不完全的问题了。
    */

}



/* 图标img。行内布局 */

.iconImg{
    display: inline;
    object-fit: fill;
    width: 24px;    /*必需*/
    height: 24px;     /*必需*/
}


/* 图片自适应屏幕的宽度 */

.startImg{
    object-fit: fill;
    width:100%;    /*必需*/
    height: 100%;    /*必需*/
}

/* 启动界面view中的“维视”的style */

.startViewText{    
    /*display: flex;实现水平居中*/
    text-align: center;
    color: #CF3B24;
    position: fixed;
    bottom: 58px;
}


/* 管理界面mvMgr.jsp中的的 style */
.mgrContentArea{    
    background-color: #E2E2E2;
    color: #5B5B5B;
}

.mvMgrFlatButton {
    width:516px;
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;    
    /*margin-top: 6px;
    
    font-family: "Microsoft YaHei";
    font-size: 16px; 
    font-weight: 100; 
    border-top: 1px;
    border-left: 1px;
    border-right: 1px; 
    color: #8E8E8E;
    cursor: pointer;
    */

}

.mvMgrFlatButtonOk {
    width:258px;
    background-color: #CF3B24; /*红色*/
    /*background-color: #5B5B5B;*/ /*灰色*/
    border: none;
    color: white;
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;    
    /*margin-top: 6px;
    
    font-family: "Microsoft YaHei";
    font-size: 16px; 
    font-weight: 100; 
    border-top: 1px;
    border-left: 1px;
    border-right: 1px; 
    color: #8E8E8E;
    cursor: pointer;
    */

}

.mvMgrFlatButtonCancel {
    width:258px;
    /*background-color: #CF3B24;*/ /*红色*/
    background-color: #5B5B5B; /*灰色*/
    border: none;
    color: white;
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;    
    /*margin-top: 6px;
    
    font-family: "Microsoft YaHei";
    font-size: 16px; 
    font-weight: 100; 
    border-top: 1px;
    border-left: 1px;
    border-right: 1px; 
    color: #8E8E8E;
    cursor: pointer;
    */

}

.mgrAddNodesDiv {
    margin:8px auto; 
    width:538px;  
    border:1px solid #F00;
    padding: 6px 26px;    
}


/******************* 定义图片和视频的分栏布局 *****************************/
/** 图片布局  **/
.mvGallery {
    /* 首先我们先创建一个flex布局上下文 */
    display: flex;
    /* 然后我们定义flex方向和是否允许flex 项换行
     * 注意这与以下代码等价：
     * flex-direction: row;
     * flex-wrap: wrap;
     */
    flex-flow: row wrap;
    /* 定义了flex 项沿主轴方向的对齐方式 */
    justify-content: space-between;
    /* 定义项目在交叉轴上(垂直)如何对齐 */

    align-items: center;    /* flex-start | flex-end | center | baseline | stretch; */

    margin:1px 1px 2px 0px;  /*上 右 下  左 */
    /* margin: 8px auto;    上下   左右   */

}
div.mvGallery figure {    
    /*width: 118px;   随意设定大小，比父元素要小 */
    /*height: 168px; 同上 */

    /* 以下代码正确，提示错误是由于编辑器落后 */
    /*width: var(--figure-width); */  /* 随意设定大小，比父元素要小 */
    /*height: var(--figure-height); */ /* 同上 */
    width: var(--i-figure-width);   /* 随意设定大小，比父元素要小 */
    height: var(--i-figure-height);  /* 同上 */
    overflow:  hidden;
    text-align: center;
    background-color: #000000; /* #E8E8E8; */
    /*
    background: #fefefe;    
    border: 1px solid #fcfcfc;
    column-break-inside: avoid;
    display: inline-block; 
    box-shadow: 1px 0px 1px rgba(34, 25, 25, 0.4);
    transition: opacity .4s ease-in-out;    
    */

    margin:1px 2px 8px 2px;  /*上 右 下  左 */ 
    padding: 1px;

    padding-top: 5px;
    border-top: 1px solid #585858;

}
div.mvGallery figure img {    
    /*width: 100%; */

    /* max-height: var(--figure-image-height); */ /* 设置max-height，配合div.mvGallery figurecss中overflow:  hidden;，图片比例不变,不能用固定的height */
    max-height: var(--i-figure-image-height);  /* 设置max-height，配合div.mvGallery figurecss中overflow:  hidden;，图片比例不变,不能用固定的height */
    /*border-bottom: 1px solid #ccc;*/


    object-fit: fill;    /* 用于 img 和 video 标签，一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 */
}

div.mvGallery figure figcaption {
    /* width: 100%;   随意设定大小，比父元素要小 */
    /* height: var(--figcaption-height); */  /* 不能设置height，否则会在省略号后面还有文字！！  */


    /*box-sizing:border-box; 为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。*/
    /* padding-bottom: 18px; */


    display: -webkit-box; 
    -webkit-line-clamp: var(--figcaption-text-row-num);   /* 设置显示行数 */
    -webkit-box-orient: vertical;

    text-overflow: -o-ellipsis-lastline; /* 超出显示区文字隐藏，并显示省略号  */
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;

    /* white-space:  nowrap; 不换行！才能隐藏超出部分 */
    line-height: 20px; 
    /* line-height: var(--figcaption-text-line-height);  */
    letter-spacing:0px;
    /*max-height: 23px; */

    /*font-size: .9rem;
    font-size:92%; */
    font-size:86%;

    color: #FFFFFF; 
    background-color: #000000; /* #E8E8E8; */
}

/** 视频布局  **/
.mvVideoDivColumns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;    
    box-sizing: border-box;


}

div.mvVideoDivColumns figure {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    width: 100%; 
    height: auto;
    margin: 0 auto;
    padding-bottom: 18px;

    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    padding-top: 18px;
    padding-bottom: 18px;

}
div.mvVideoDivColumns figure video {
    width: 100%; 
    height: auto;
    
    object-fit: fit;   /*或 fill */
    
    /* ++++++
      在mv.js的createHtml5PlayerVideo函数中，
      将video和控制条的宽度都设为了100%  +++++
    */
    

}

div.mvVideoDivColumns figure figcaption {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 10px; /* 根据需要调整间距 */
    padding-bottom: 18px;

    text-align: center;
    color: white;
    /* 自动换行以适应内容，可选样式 */
    word-wrap: break-word;
}






.notAddedGallery {
    pointer-events: none; 
}



/* 应用于dojo通用对话框函数中，创建dojo mobile对话框 *************************/
.mvInfoDlg {
    width: 218px;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    background-color: #E2E2E2;
    color: #696969;
    font-size: 16px;
    line-height: 28px; /*文字行间距*/
    z-index: 9999999999999;
}

.mvDlgInfoArea {
    width:188px;
    padding:10px;
}

.mblSimpleDialogButton {
    margin: 0px 0 0;
    /*width: 262px;*/
    width: 218px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    opacity: 0.95;
    border: 0px;
    color:  #ffffff;
    background-color: #CF3B24;
}
.mblSimpleDialogButton2l {
    float: left;
    width: 127px;
    margin: 7px 0 0;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.95;
}
.mblSimpleDialogButton2r {
    float: right;
    width: 127px;
    margin: 7px 0 0;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.95;
}
.mblSimpleDialog .mblProgressIndicator {
    position: relative;
    margin: 14px 0 7px;
    top: 0;
}

/** 首页公告对话框中class  ******/

.noticeH1 {
    font-size: 15px;
    font-weight: bold;
    color:  #f8f8f8;
    line-height: 18px; /*文字行间距*/
}

.noticeH2 {
    font-size: 12px;
    font-weight: normal;
    color:  #f8f8f8;
    line-height: 15px; /*文字行间距*/
}



/**   加号主菜单，实现两列多行布局  *****************************************/
.box1 {
    /* 首先我们先创建一个flex布局上下文 */
    display: flex;
    /* 然后我们定义flex方向和是否允许flex 项换行
     * 注意这与以下代码等价：
     * flex-direction: row;
     * flex-wrap: wrap;
     */
    flex-flow: row wrap;
    /* 定义了flex 项沿主轴方向的对齐方式 */
    justify-content:  space-between;
    /* 定义项目在交叉轴上(垂直)如何对齐 */
    align-items: stretch;   /* flex-start | flex-end | center | baseline | stretch; */

    padding-left: 3px;


}


.mvMenuItem {
    width:49%;
    height:58px;
    padding: 16px 16px; 
    padding-top: 6px; 
    border-top: 6px solid #3C3C3C;
    border-bottom: 6px solid #3C3C3C;    
    /*border-left: 1px solid #3C3C3C;  */  
    /*border-right: 0px solid #3C3C3C;*/  

    background-color: #222222;
    font-size: 17px; 
    color: white;
    /*border-bottom-color:#CF3B24;*/ /*底部红色*/
}

.textParagraph {     /* 发布的图文中，文字段落*/
    padding: 18px;
    background-color: #181818;
    color: #FFFFFF;
}






/*** 用@media定义不同屏幕的CSS模板********************************************/
/*** 用@media定义不同屏幕的CSS模板********************************************/
/* @media为不同的屏幕写不同的样式：在media内的css和正常的样式设置是语法一样的, 没有区别
 * 实际屏幕分辨率 手机：mate9 1920 x 1080  平板：2000 x 1200  电脑：1920 x 1200
   （华为mate30pro分辨率为2400*1176）
 * 由于手机、平板、电脑屏幕分辨率比较接近，只是尺寸不同，所以暂不使用@media区分，统一使用两列，留在以后必要时再细化，实现更宽屏幕使用更多列！！！！
*/
@media screen and (max-width: 1199px) {/* 手机 */
    /* css */
}
@media screen and (max-width: 1500px) {/* 其他 */
    /* css */
}


/* 
   获取手机短信验证码的按钮
*/
.getMobileCodeBt {
    width:80px;
    height: 30px;
    border:none;
    outline: none;
    cursor: pointer;
    background-color:#585858;
    color:#D8D8D8;
    text-align: center;
    float: right;
    font-size: smaller;

    margin-top: 8px;

}

/* 
   在底部给栏目添加注释
*/
.noteDiv {


}

/* 
   图文标题左侧图，适应外部div大小
*/
.titleLeftImg {
    width: 100%;
    height: 100%;
    object-fit:  contain;

}

/* 
   用作标记
*/
.notProcessedVideo { 

}


/* 自定义视频播放进度条 **************************/

/* For Firefox */
progress::-moz-progress-bar {
    background: #BBBBBB;
    height: 4px !important;  /*设置进度条  内部动态改变条的高度(宽度) */
}
/* For Chrome or Safari   darkgray */
progress::-webkit-progress-value {
    background: #BBBBBB;                
    height: 4px !important;  /*设置进度条  内部动态改变条的高度(宽度) */
}
/* For IE10 */
progress {
    height: 4px;   /*设置进度条  外部不改变条的高度(宽度) */
    background: #BBBBBB;
}



body {  /* 禁止用户选中页面元素，造成元素变色不便于观看   */
    /* 兼容Safari */
    -webkit-user-select: none; 
    /* 兼容IE 10+ 和 Edge */
    -ms-user-select: none;
    /* 禁止用户选中的标准语法  */
    user-select: none; 
}