/* 二屏样式 */
.Level1Box {
    /*width: 430px;
    height: 824px;*/
    opacity: 1;
    /*border: 1px solid #226DC8;*/
    border-style: solid;
    border-width: 1px;
    border-color: #088DF2;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 1px #088df2;

    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
}
.Level1Panel {
    background-image: url('../img/cy_title.png')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    padding-left: 15px;
    height: 35;
}
.Level1Panel img {
    height: auto;
    margin-top: 0px;
    margin-bottom: 5px;
}
.Level2Box {
    background: #062F61;
    border-radius: 0px 0px 0px 0px;
    opacity: 0.9;
    /*border: 1px solid #226DC8;  */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: calc(1vh);
}
.Level2Panel {
    height: calc(4vh);
    background: #062F61;
    border-radius: 0px 0px 0px 0px;
    opacity: 0.9;
    border: 1px solid #226DC8;
    text-align: center;
}
.Level3Box {
    background-image: url('../img/cy_small_box.png')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;     
    margin: 5px;
}
.Level3Panel {
    height: auto;
    text-align: center;
}
.CyTitle {
    width: 80px;
    font-size: .2rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 20px;
    line-height: calc(4vh);
}
.Cy2Title {
    width: 80px;
    height: 20px;
    font-size: .2rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 600;
    color: #00FFF8; 
    line-height: calc(3.5vh);
}
.Cy3Title {
    line-height: calc(2.5vh);
    font-size: .2rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #00FFF8;     
}




#W0041TABLEMAIN .WorkWith .ReadonlyTableListW {
    font-size: .16rem;
    line-height: calc(3.5vh);
    word-break: break-all;
}

/* 二屏加图标 */
.P2ndImg {
    background-image: url('../img/fenzhi.png')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    padding-left: 15px;
    height: calc(33vh);
    margin-top: calc(3vh);
    margin-left: 10px;
    margin-right: 10px;
}


/* 二屏弹窗 */
#fenzhimain.popcontent {
    position: absolute;
    display: none;
    padding: 10px;
    width: 1600px;
    height: 850px;
    background: black;
    border-radius: 6px;
    border: solid #F5BA76 1px;

    background-image: url('../img/fenzhiimg.png')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    z-index: 99999;
}

#fenzhimain.popcontent::before {
    content: "";
    position: relative;
    top: 840px;
    left: 470px;
    width: 0;
    height: 0;
    display: block;
    border-style: dashed dashed dashed solid;
    border-color: #F5BA76 transparent transparent transparent;
    border-width: 10px;
}


.p2popover, .p1popover, .p3popover, .p3popovera {
    position: absolute;
    display: none;
    width: 400px;
    height: auto;
    border-radius: 6px;
    border: solid #F5BA76 1px;
    background: #0d1f3a;
    z-index: 99999;
    padding: 10px 0px;
}
.p1popover {
    width: 300px!important;
}
.p1popover::before {
    content: "";
    position: relative;
    top: 20px;
    left: 299px;
    width: 0;
    height: 0;
    display: block;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #F5BA76;
    border-width: 10px;
}
#WWPDATEPICKER_MPAGEContainer .p1popover::before {
    /*top: 120px;*/
     display: none!important;

}

.p3popover::after {
    content: "";
    position: relative;
    top: -350px;
    left: -22px;
    width: 0;
    height: 0;
    display: block;
    border-style: dashed solid dashed dashed;
    border-color: transparent #F5BA76 transparent transparent;
    border-width: 10px;
}
.p3popovera::after {
    content: "";
    position: relative;
    top: -350px;
    left: 400px;
    width: 0;
    height: 0;
    display: block;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #F5BA76;
    border-width: 10px;
}

.P2Hidden {

}

.p2popoverTitle {
    font-size: .2rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #00FFF8;
    line-height: calc(2vh);
}
.p1popover hr,.p2popover hr,.p3popover hr {
    height:1px;border:none;border-top:1px solid #F5BA76;
    margin: 10px 0px;
}
.p2point {
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #F5BA76;    
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.p2point1 {
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #F5BA76;    
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}
.p2popoverDesc {
    font-size: .15rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(1.5vh);   
    margin-left: 5px;
}
.p2popoverDesc p {
    margin-left: 10px;
    margin-right: 10px;
    line-height: 25px;
}
.p2popoverDescL {
    font-size: .15rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(1.5vh);   
    margin-right: 10px;   
    position: absolute;
    right: 0px;
}
table.popovertable{ 
    font-size: .15rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.popovertable td,.popovertable th{
    border: 1px solid #F5BA76;
    padding: 5px;
}

/* 二屏分支弹窗 */
.popFenzBox {
    position: absolute;
    display: none;
    background: #232121b8;
    padding: 15px;
    border-radius: 6px;
    border: solid #F5BA76 1px;
}
.popFenzBox span{
    font-size: .15rem;
    color: #00FFF8;
}
.popFenzBox table{
    margin: 5px 0;
    width: auto;
}
.popFenzBox td{
    font-size: .15rem;
    color: #FFFFFF;
    margin: 15px;
}


#W0041W0014TABLELEVELE {
    height: calc(35.8vh);
}

div[id$='TABLELEVELA'] {
    height: calc(90vh);
    width: calc(27vw);
    margin-left: 10px;
    margin-right: 5px;
}
div[id$='TABLELEVELB'] {
    height: calc(90vh);
    width: calc(28vw);
    margin-left: 5px;
    margin-right: 5px;
}
div[id$='TABLELEVELD'] {
    height: calc(90vh);
    width: calc(42vw);
    margin-left: 5px;
    margin-right: 0px;
}


.cytable {
    font-size: .14rem;'
    line-height: 45px;'
}
.cytslist {
    padding: 5px 15px;    
    overflow: hidden;
    color: #fff;
}
/*
div[id$='CYTSLIST1']{
    height: calc(18vh);
}
div[id$='CYTSLIST2']{
    height: calc(21vh);
}
div[id$='CYTSLIST3']{
    height: calc(19vh);
}
*/
#cy1, #cy2, #cy3 {
    height: calc(19vh);
    overflow: hidden;
}
#cy1 table, #cy2 table, #cy3 table {
    width: 97%;
    font-size: .14rem;
}
.cytable1 {
    width: 45%;
    text-align: left;
}
.cytable2 {
    width: 15%;
    text-align: center;
    padding-left: 10px;
}
.cytable3 {
    width: 20%;
    text-align: center;
    padding-left: 10px;
}
.cytable4 {
    width: 20%;
    text-align: center;
}

#W0041W0010LEVELB2 {
    margin-top: calc(1vh);
}

#W0041W0008CYTSLIST1 {
    padding: 0px 20px;
}
.marquee {
    margin-top: 0px;
    float: left;
}