/*菜单栏下拉时，全屏背景色*/
.dlMainMenuBar {
    /*全屏*/
    height: 100%;
    /*背景色*/
    background-color: var(--jwcBlue);
    /*透明度*/
    opacity: 0.9;
    
    position: absolute;
    /*留出上部logo栏的位置：如果要遮挡则 top:0;*/
    /*top: 1.45rem;*/
    
    /*初始时菜单样隐藏*/
    display: none;
}

/*菜单定位div*/
.TanMenu01Div {
    /*下拉菜单左右再留白*/
    width: 90%;
    margin: auto;
    /*上边距*/
    margin-top: 1.8rem;
    /*行高恢复自动*/
    line-height: normal;
}

/*所有 ul li 共用*/
.TanMenu01Div ul, li {
    /*转换文本：每个单词以大写字母开头*/
    text-transform: capitalize;
    /*不显示前缀圆点*/
    list-style-type: none;
}


/*主菜单栏（第1个 ul ）：位置*/
.TanMenu01Div>ul {
    padding: 0;
}
/*第1个 ul 下面的所有 ul（所有 子菜单栏）：不含第 1 个 ul*/
.TanMenu01Div>ul ul {
    /*字体大小为 0.26rem ，左边 0.39 为缩进 1.5 个字符*/
    padding-left: 0.39rem;    
    /*开始时隐藏*/
    display: none;
}

/*所有 a 共用*/
.TanMenu01Div a {
    /* 行高不小于 箭头 的行高（overflow: hidden 时可以相等） ：此值要大于右边按钮的高度，否则右边按钮错位*/
    line-height: 0.5rem;
    font-size: 0.26rem;

    color: white;
    display: inline-block;
    /* a 在左边 80%，箭头 在右边 15%，中间间隔 5%*/
    width: 80%;
    /*不设置此值，会影响 箭头 位置*/
    overflow: hidden;
}

/*所有 hr 共用：作为下拉按钮使用*/
.menuPhoneArray {
    display: inline-block;
    height: 0.45rem;
    width: 0.45rem;
    /* 行高不大于 a 的行高（overflow: hidden 时可以相等） */
    line-height: 0.45rem;
    
    font-size: 0.3rem;
    color: white;
    text-align: center;
    
    padding: 0;
    margin: 0;
    border: 0;
    float: right;

    /*background-color: red;*/
}
/*显示箭头*/
.menuPhoneArray::after {
    font-family: bootstrap-icons !important;
    content: '\f285';
    
    /*向右：\f231 \f285 */
    /*向下：\f229 \f282 */
}
.menuPhoneArrayChange{
    /*旋转：注意，是将对象本向旋转（对象旋转后，附加的 ::after 也跟着旋转），不是将元素的 ::after 旋转 */
    transform: rotate(90deg);
}



/* 单独设置：主菜单栏，链接 a 样式：字号、颜色、行高*/
.TanMenu01Div>ul>li>a {

}
/* 单独设置：二级子菜单栏*/
.TanMenu01Div>ul>li>ul {
    /*开始时隐藏
    display: none;*/
    /*padding-left: 0.5rem;*/
}
/* 单独设置：二级子菜单，链接 a 样式： 字号、颜色、行高*/
.TanMenu01Div>ul>li>ul>li>a {
    /*font-size: 0.30rem;
    color: #eee;
    line-height: 0.5rem;*/
}