.chartBox[data-v-69c20422]{width:100%;height:90%}.chartBox[data-v-1bf4d99c],.chartBox[data-v-5823d910],.chartBox[data-v-b1a71716]{width:100%;height:100%}td[data-v-7a6177ac],th[data-v-7a6177ac]{box-shadow:inset 0 -.005208rem 0 #2f77c9,inset -.005208rem 0 0 #2f77c9}td[data-v-7a6177ac]:first-child,th[data-v-7a6177ac]:first-child{box-shadow:inset 0 -.005208rem 0 #2f77c9,inset .005208rem 0 0 #2f77c9,inset -.005208rem 0 0 #2f77c9}td[data-v-7a6177ac]{line-height:3.2}th[data-v-7a6177ac]{line-height:2}[data-v-7a6177ac] .el-input{width:.708333rem;height:.125rem;line-height:.125rem}[data-v-7a6177ac] .el-input__inner{height:.125rem;border:.005208rem solid #2099c5;background:rgba(31,158,204,.2);color:#fff;font-size:.072917rem}[data-v-7a6177ac] .el-input__inner::-webkit-input-placeholder{color:#2099c5}[data-v-7a6177ac] .el-input .el-input__inner{vertical-align:top!important}[data-v-7a6177ac] .el-input__prefix .el-input__icon{font-size:.072917rem;line-height:.125rem;color:#1f9ecc}[data-v-7a6177ac] .el-input__suffix .el-input__icon{font-size:.0625rem;line-height:.125rem;color:#1f9ecc}.pageContainer[data-v-7a6177ac]{height:100vh;width:100vw;background-color:#282828;background-size:100% 100%}.pageContainer .pageBox[data-v-7a6177ac]{height:100vh;width:100vw;background-size:100% 100%;display:flex;flex-direction:column;gap:.041667rem}.pageContainer .pageBox .pageHeader[data-v-7a6177ac]{flex:1;padding:.026042rem;background:url(https://static-cos.xbov.cn/xbov/common/ScreenRealTimeData_pageHeader.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .pageHeader .header[data-v-7a6177ac]{background-size:100% 100%}.pageContainer .pageBox .pageHeader .header div[data-v-7a6177ac]{height:100%}.pageContainer .pageBox .pageHeader .header .backIcon[data-v-7a6177ac]{width:10rem;height:5rem;background:url(https://static-cos.xbov.cn/xbov/common/ScreenRealTimeData_pageBackIcon2.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .pageHeader .header .pageTitle[data-v-7a6177ac]{text-shadow:0 .041667rem .041667rem rgba(0,0,0,.3);mix-blend-mode:normal;color:#edf6ff;letter-spacing:.052083rem;font-size:250%}.pageContainer .pageBox .pageHeader .header .currentDate span[data-v-7a6177ac]{font-size:150%;color:#acc9e6}.pageContainer .pageBox .pageHeader .header .currentDate .date[data-v-7a6177ac]{font-size:150%;letter-spacing:.015625rem}.pageContainer .pageBox .pageHeader .header .currentDate .weeks[data-v-7a6177ac]{font-size:120%;letter-spacing:.014323rem;line-height:.114583rem}.pageContainer .pageBox .pageHeader .header .currentDate .time[data-v-7a6177ac]{font-size:150%;letter-spacing:.020833rem}.pageContainer .pageBox .pageHeader .header .shareBtn[data-v-7a6177ac]{background:transparent;color:#a6ffff;border:.010417rem solid #a6ffff}.pageContainer .pageBox .top[data-v-7a6177ac]{flex:3;display:flex;gap:.041667rem}.pageContainer .pageBox .top-left[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .top-left .box-header[data-v-7a6177ac]{width:100%;height:.125rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-left .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .top-left .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .top-left .card-content[data-v-7a6177ac]{height:calc(100% - .125rem);width:100%;display:flex;justify-content:flex-start;gap:15%;padding:.041667rem 15%;box-sizing:border-box;background:url(../img/clientBackground.d301c7d5.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-left .card-content-left[data-v-7a6177ac]{flex:1;display:flex;flex-direction:column;justify-content:space-around;color:#fff}.pageContainer .pageBox .top-left .card-content-left .textBox[data-v-7a6177ac]{padding:.052083rem 0;text-align:center;background:url(../img/clineBezelOne.868bda14.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-left .card-content-right[data-v-7a6177ac]{flex:1.8;display:flex;flex-direction:column;justify-content:space-around;color:#fff}.pageContainer .pageBox .top-left .card-content-right .contentBox[data-v-7a6177ac]{padding:.052083rem 0;text-align:center;background:url(../img/clineBezel.ee5c7e23.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-center[data-v-7a6177ac]{flex:1.25;background:pink;background:url(../img/titleBezel.72f0d5ed.png) no-repeat;background-size:100% 100%;position:relative}.pageContainer .pageBox .top-center .playNumber[data-v-7a6177ac]{position:absolute;top:.083333rem;left:.083333rem;color:#fff;display:flex;flex-direction:column;gap:1em}.pageContainer .pageBox .top-center .playNumber .leftActive[data-v-7a6177ac]{font-size:.09375rem;color:#6ff}.pageContainer .pageBox .top-center .playedAmount[data-v-7a6177ac]{position:absolute;top:calc(50% + .11458rem);left:.083333rem;color:#fff;display:flex;flex-direction:column;gap:1em}.pageContainer .pageBox .top-center .playedAmount .leftActive[data-v-7a6177ac]{font-size:.09375rem;color:#6ff}.pageContainer .pageBox .top-center .playedAmount .leftActive span[data-v-7a6177ac]{font-size:.09375rem}.pageContainer .pageBox .top-center .playAmount[data-v-7a6177ac]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;display:flex;flex-direction:column;gap:.020833rem}.pageContainer .pageBox .top-center .playAmount .leftActive[data-v-7a6177ac]{font-size:.104167rem;color:#6ff}.pageContainer .pageBox .top-center .playAmount .leftActive span[data-v-7a6177ac]{font-size:.104167rem}.pageContainer .pageBox .top-center .playAmount .leftName[data-v-7a6177ac]{font-size:.09375rem}.pageContainer .pageBox .top-center .everyDayPlayNumber[data-v-7a6177ac]{position:absolute;top:.041667rem;left:50%;transform:translateX(-50%);text-align:center;color:#fff;display:flex;flex-direction:column;gap:.020833rem}.pageContainer .pageBox .top-center .everyDayPlayNumber .leftActive[data-v-7a6177ac]{color:#6ff}.pageContainer .pageBox .top-center .remainingAmount[data-v-7a6177ac]{position:absolute;top:.083333rem;right:.083333rem;color:#fff;text-align:right;display:flex;flex-direction:column;gap:1em}.pageContainer .pageBox .top-center .remainingAmount .rightActive[data-v-7a6177ac]{font-size:.09375rem;color:#d43030}.pageContainer .pageBox .top-center .remainingAmount .rightActive span[data-v-7a6177ac]{font-size:.09375rem}.pageContainer .pageBox .top-center .playDayNumber[data-v-7a6177ac]{position:absolute;top:calc(50% + .11458rem);right:.083333rem;color:#fff;text-align:right;display:flex;flex-direction:column;gap:1em}.pageContainer .pageBox .top-center .playDayNumber .rightActive[data-v-7a6177ac]{font-size:.09375rem;color:#d43030}.pageContainer .pageBox .top-right[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .top-right .box-header[data-v-7a6177ac]{width:100%;height:.125rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-right .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .top-right .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .top-right .box-content[data-v-7a6177ac]{height:calc(100% - .125rem);width:100%;padding:.020833rem 15%;display:flex;align-items:center;gap:.041667rem;box-sizing:border-box;background:url(../img/clientBackgroundRight.d86ef7dc.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .top-right .box-content .materialImg[data-v-7a6177ac]{flex:2;display:flex;align-items:center}.pageContainer .pageBox .top-right .box-content .materialImg img[data-v-7a6177ac]{height:12vh;width:100%}.pageContainer .pageBox .top-right .box-content .material[data-v-7a6177ac]{height:100%;flex:3;display:flex;gap:.041667rem}.pageContainer .pageBox .top-right .box-content .material .materialClass[data-v-7a6177ac]{flex:1;display:flex;flex-direction:column;justify-content:space-around}.pageContainer .pageBox .top-right .box-content .material .materialClass .materialClassContent[data-v-7a6177ac]{text-align:center;padding:.078125rem 0;background:url(../img/titleBackground.4c79d946.png) no-repeat;background-size:100% 100%;color:#fff}.pageContainer .pageBox .top-right .box-content .material .materialContent[data-v-7a6177ac]{flex:3;display:flex;flex-direction:column;justify-content:space-around}.pageContainer .pageBox .top-right .box-content .material .materialContent .content[data-v-7a6177ac]{text-align:center;padding:.078125rem 0;background:url(../img/contentBackground.35fbc5e1.png) no-repeat;background-size:95% 87%;color:#fff}.pageContainer .pageBox .center[data-v-7a6177ac]{flex:7;display:flex;gap:.041667rem}.pageContainer .pageBox .center .left[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .center .left .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .center .left .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .center .left .box-header .selectAll[data-v-7a6177ac]{cursor:pointer;box-sizing:border-box;color:#fff;padding:.03125rem .041667rem;background:linear-gradient(180deg,rgba(234,241,248,.1),rgba(208,222,238,.1))}.pageContainer .pageBox .center .left .box-header .blue[data-v-7a6177ac]{border:.002604rem solid #159aff;color:#159aff!important}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input{width:.708333rem;height:.125rem;line-height:.125rem}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input__inner{height:.125rem;border:.005208rem solid #2099c5;background:rgba(31,158,204,.2);color:#fff;font-size:.072917rem}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input__inner::-webkit-input-placeholder{color:#2099c5}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input .el-input__inner{vertical-align:top!important}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input__prefix .el-input__icon{font-size:.072917rem;line-height:.125rem;color:#1f9ecc}.pageContainer .pageBox .center .left .box-header[data-v-7a6177ac] .el-input__suffix .el-input__icon{font-size:.0625rem;line-height:.125rem;color:#1f9ecc}.pageContainer .pageBox .center .left .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);box-sizing:border-box;background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%;padding:.0625rem}.pageContainer .pageBox .center .left .content .table[data-v-7a6177ac]{width:calc(25vw - .16667rem);overflow-y:scroll;height:35vh}.pageContainer .pageBox .center .left .content .table .table-header[data-v-7a6177ac]{display:flex;flex-direction:row;justify-content:space-around;height:.208333rem}.pageContainer .pageBox .center .left .content .table .table-header .table-header-cell[data-v-7a6177ac]{padding:.0625rem 0;color:#25e3ff;font-family:SourceHanSansCN;font-size:.067708rem;text-align:center}.pageContainer .pageBox .center .left .content .table .table-row[data-v-7a6177ac]{display:flex;flex-direction:row;justify-content:space-around;border:.005208rem solid #0a434b;background:rgba(28,255,252,.08);color:#fff;margin-bottom:.0625rem;cursor:pointer}.pageContainer .pageBox .center .left .content .table .table-row .table-cell[data-v-7a6177ac]{height:.208333rem;line-height:.208333rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pageContainer .pageBox .center .left .content .table .table-row .table-cell .table-cell-img[data-v-7a6177ac]{width:.3125rem;height:80%;margin:5% 0}.pageContainer .pageBox .center .left .content .table .table-row[data-v-7a6177ac]:last-child{margin-bottom:0}.pageContainer .pageBox .center .left .content .table .table-row.active[data-v-7a6177ac]{background:rgba(28,255,252,.2)}.pageContainer .pageBox .center .left .content .table[data-v-7a6177ac]::-webkit-scrollbar{display:none}.pageContainer .pageBox .center .right[data-v-7a6177ac]{flex:3}.pageContainer .pageBox .center .right .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png);background-size:40% 100%}.pageContainer .pageBox .center .right .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .center .right .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .center .right .box-header .color-white[data-v-7a6177ac]{color:#25e3ff;padding:.020833rem .041667rem;cursor:pointer}.pageContainer .pageBox .center .right .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%;box-sizing:border-box;padding:.083333rem .104167rem}.pageContainer .pageBox .center .right .content .scrollTable[data-v-7a6177ac]{height:35vh;overflow-y:scroll}.pageContainer .pageBox .center .right .content .scrollTable .contentTable[data-v-7a6177ac]{width:100%;border-collapse:collapse}.pageContainer .pageBox .center .right .content .scrollTable .contentTable .tableTr[data-v-7a6177ac]{background:#3296e3;color:#fff;padding:.052083rem 0;position:sticky;top:0;z-index:1}.pageContainer .pageBox .center .right .content .scrollTable .contentTable .trContent[data-v-7a6177ac]{background:rgba(0,106,227,.3);color:#fff;text-align:center;padding:.052083rem 0;opacity:0;transform:translateY(.15625rem)}.pageContainer .pageBox .center .right .content .scrollTable .contentTable .trContent .table-cell-img[data-v-7a6177ac]{vertical-align:middle;margin:5% 0;height:.260417rem;width:.416667rem}.pageContainer .pageBox .center .right .content .scrollTable .contentTable .animate-row[data-v-7a6177ac]{animation:fadeInUp-data-v-7a6177ac .6s ease forwards}@keyframes fadeInUp-data-v-7a6177ac{0%{opacity:0;transform:translateY(.15625rem)}to{opacity:1;transform:translateY(0)}}.pageContainer .pageBox .center .right .content .scrollTable[data-v-7a6177ac]::-webkit-scrollbar{display:none}.pageContainer .pageBox .bottom[data-v-7a6177ac]{flex:5;display:flex;gap:.041667rem}.pageContainer .pageBox .bottom .one[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .bottom .one .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .one .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .bottom .one .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .bottom .one .box-header .dateSelected[data-v-7a6177ac]{text-shadow:0 0 .046875rem rgba(21,154,255,.5);mix-blend-mode:normal;color:#fff;letter-spacing:.004583rem;font-size:.072917rem}.pageContainer .pageBox .bottom .one .box-header .dateSelected a[data-v-7a6177ac]{padding:.010417rem .03125rem;background:linear-gradient(180deg,rgba(234,241,248,.1),rgba(208,222,238,.1));background-blend-mode:normal;border-radius:.005208rem;mix-blend-mode:normal;text-align:center}.pageContainer .pageBox .bottom .one .box-header .dateSelected a.isSelected[data-v-7a6177ac]{border:.002604rem solid #159aff}.pageContainer .pageBox .bottom .one .box-header .dateSelected a[data-v-7a6177ac]:nth-child(2){margin:0 .041667rem}.pageContainer .pageBox .bottom .one .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right[data-v-7a6177ac]{flex:3;display:flex;gap:.041667rem}.pageContainer .pageBox .bottom .right .two[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .bottom .right .two .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right .two .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .bottom .right .two .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .bottom .right .two .box-header .dateSelected[data-v-7a6177ac]{text-shadow:0 0 .046875rem rgba(21,154,255,.5);mix-blend-mode:normal;color:#fff;letter-spacing:.004583rem;font-size:.072917rem}.pageContainer .pageBox .bottom .right .two .box-header .dateSelected a[data-v-7a6177ac]{padding:.010417rem .03125rem;background:linear-gradient(180deg,rgba(234,241,248,.1),rgba(208,222,238,.1));background-blend-mode:normal;border-radius:.005208rem;mix-blend-mode:normal;text-align:center}.pageContainer .pageBox .bottom .right .two .box-header .dateSelected a.isSelected[data-v-7a6177ac]{border:.002604rem solid #159aff}.pageContainer .pageBox .bottom .right .two .box-header .dateSelected a[data-v-7a6177ac]:nth-child(2){margin:0 .041667rem}.pageContainer .pageBox .bottom .right .two .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right .three[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .bottom .right .three .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right .three .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .bottom .right .three .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .bottom .right .three .box-header .dateSelected[data-v-7a6177ac]{text-shadow:0 0 .046875rem rgba(21,154,255,.5);mix-blend-mode:normal;color:#fff;letter-spacing:.004583rem;font-size:.072917rem}.pageContainer .pageBox .bottom .right .three .box-header .dateSelected a[data-v-7a6177ac]{padding:.010417rem .03125rem;background:linear-gradient(180deg,rgba(234,241,248,.1),rgba(208,222,238,.1));background-blend-mode:normal;border-radius:.005208rem;mix-blend-mode:normal;text-align:center}.pageContainer .pageBox .bottom .right .three .box-header .dateSelected a.isSelected[data-v-7a6177ac]{border:.002604rem solid #159aff}.pageContainer .pageBox .bottom .right .three .box-header .dateSelected a[data-v-7a6177ac]:nth-child(2){margin:0 .041667rem}.pageContainer .pageBox .bottom .right .three .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right .four[data-v-7a6177ac]{flex:1}.pageContainer .pageBox .bottom .right .four .box-header[data-v-7a6177ac]{width:100%;height:.15625rem;background:url(../img/bezel.09559880.png) no-repeat;background-size:100% 100%}.pageContainer .pageBox .bottom .right .four .box-header .headerIcon[data-v-7a6177ac]{height:.104167rem;width:.104167rem;padding-left:.041667rem}.pageContainer .pageBox .bottom .right .four .box-header .text-box[data-v-7a6177ac]{padding-left:.125rem;color:#fff}.pageContainer .pageBox .bottom .right .four .box-header .dateSelected[data-v-7a6177ac]{text-shadow:0 0 .046875rem rgba(21,154,255,.5);mix-blend-mode:normal;color:#fff;letter-spacing:.004583rem;font-size:.072917rem}.pageContainer .pageBox .bottom .right .four .box-header .dateSelected a[data-v-7a6177ac]{padding:.010417rem .03125rem;background:linear-gradient(180deg,rgba(234,241,248,.1),rgba(208,222,238,.1));background-blend-mode:normal;border-radius:.005208rem;mix-blend-mode:normal;text-align:center}.pageContainer .pageBox .bottom .right .four .box-header .dateSelected a.isSelected[data-v-7a6177ac]{border:.002604rem solid #159aff}.pageContainer .pageBox .bottom .right .four .box-header .dateSelected a[data-v-7a6177ac]:nth-child(2){margin:0 .041667rem}.pageContainer .pageBox .bottom .right .four .content[data-v-7a6177ac]{width:100%;height:calc(100% - .15625rem);background:url(../img/screenBorder.bea3b51f.png) no-repeat;background-size:100% 100%}