.mes-client-page{width:100vw;height:100vh;background-color:#0a0d35}.function-btn{text-align:center;width:130px;height:35px;line-height:35px;background:url(../img/btn_bg.ab965e59.png) no-repeat;background-size:100% 100%;border:none;color:#fcfdfd;font-size:1rem;outline:none;cursor:pointer}.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.light-console-body,.light-console-head{width:100%}.light-console-head{height:50px;padding:6px 10px}.light-console-body{height:calc(100% - 51px);border-top:1px solid #4379a5}.light-console-head .info-label,.light-console-head button,.light-console-head input{float:left;margin-right:8px}.light-console-head input{width:300px;height:38px}.light-console-head button{width:80px;height:38px;border-radius:3px}.light-console-head .info-label{width:80px;height:38px;line-height:38px;padding-left:10px;text-align:left;font-size:1rem;background:#c9e6f5}.dark-console-body,.dark-console-head{width:100%}.dark-console-head{height:54px;padding:8px 0}.dark-console-body{height:calc(100% - 54px)}.dark-console-head .info-label,.dark-console-head>button,.dark-console-head>div,.dark-console-head>input{float:right;margin-left:8px}.dark-console-head>input{width:180px;height:38px}.dark-console-head>button{width:100px;height:38px;border-radius:3px;letter-spacing:2px}.dark-console-head .info-label{width:80px;height:38px;line-height:38px;padding-left:10px;text-align:left;font-size:1rem;background:#c9e6f5}.success-record{width:calc(100% - 351px);height:100%;border-right:1px solid #4379a5;float:left}.scan-history{width:350px;height:100%;float:left}.jy-dark-input{border:2px solid #3c5d93;border-radius:5px;background:#0d2458;color:#b8e0f3}.jy-dark-input,.jy-light-input{width:100%;height:100%;font-size:1rem;padding:0 10px}.jy-light-input{border:2px solid #4379a5;border-radius:5px;background:#c9e0f8}.return-materials-top ::-webkit-input-placeholder{color:#155ca8;font-size:1rem}.return-materials-top :-moz-placeholder,.return-materials-top ::-moz-placeholder{color:#155ca8;font-size:1rem}.return-materials-top :-ms-input-placeholder{color:#60a9f8;font-size:1rem}.preloader[data-v-765b76bc]{position:absolute;top:0;left:0;width:100vw;height:100vh;text-align:center;background:url(../img/loading.6294376b.gif) no-repeat;background-size:100px 100px;background-position:50% calc(50vh - 90px);z-index:10;background-color:rgba(0,0,0,.8)}.content[data-v-765b76bc]{position:relative;top:calc(50vh + 10px);font-size:1.8rem;font-weight:500;color:#00c0dd}.percentage[data-v-765b76bc]{position:fixed;top:calc(50vh - 50px);left:calc(50vw - 40px);width:80px;height:80px;color:#00c0dd;font-size:1rem}.select[data-v-3f30237e]{width:200px;height:40px;text-align:center;color:#60a9f8;font-size:1rem}.select-label[data-v-3f30237e]{width:200px;height:40px;line-height:40px;cursor:pointer;background:#0736a5;overflow:hidden;border:1px solid #155ca8;border-radius:5px}.select-label span[data-v-3f30237e]{display:inline-block}.select-label span[data-v-3f30237e]:first-child{width:calc(100% - 4vh)}.select-label span[data-v-3f30237e]:last-child{width:4vh;padding:0 1vh;border-left:1px solid #3c5d93}.select-label span i[data-v-3f30237e]{padding:1vh;background:url(../img/select_down.e6dbc660.png) no-repeat;background-size:2vh 2vh;background-position:50%}.select-option-mask[data-v-3f30237e]{position:relative;width:200px;height:160px;margin-top:3px;background:#0736a5;border:1px solid #155ca8;border-radius:5px;z-index:5;overflow:hidden}.select-option-box[data-v-3f30237e]{position:relative;width:100%;height:160px;overflow-y:auto;overflow-x:hidden;color:#60a9f8}.select-option[data-v-3f30237e]{width:200px;height:40px;line-height:40px;padding:0 20px 0 10px;cursor:pointer;border-bottom:1px solid #155ca8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option[data-v-3f30237e]:last-child{border-bottom:none}.select-option.active[data-v-3f30237e]{color:#eee;background:#3c5d93}.filter-group{position:absolute;top:0;right:137px;width:calc(100vw - 157px);height:50px;background:rgba(0,0,0,.5)}@media screen and (max-width:1024px){.filter-group{right:108px;width:calc(100vw - 128px)}}.left{width:calc(100vw - 130px);overflow:hidden;padding:20px 0 20px 20px}.left,.right{height:100vh;float:left}.right{width:130px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1024px){.left{width:calc(100vw - 101px)}.right{width:100px;padding:20px 5px}}#nameSelect,#rankSelect{float:right;margin-left:20px}.list-box{width:calc(100vw - 130px);height:96vh;padding:0 10px 0 0;overflow-y:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#0a0d35}@media screen and (max-width:1024px){.list-box{width:calc(100vw - 101px)}}.item{height:250px;padding:15px;background:#0d2458;color:#bce5dd;font-size:.8rem;border-radius:.8vw;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;background-color:#0a0d35}@media screen and (min-width:1920px){.item{width:338px}}@media screen and (min-width:1360px) and (max-width:1366px){.item{width:298px}}@media screen and (min-width:1280px) and (max-width:1359px){.item{width:275px}}@media screen and (max-width:1024px){.item{width:221px}}.active{background:#3c5d93;border-radius:.8vw}.double-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-col{width:270px;float:left}@media screen and (min-width:1920px){.single-col{width:308px}}@media screen and (min-width:1360px) and (max-width:1366px){.single-col{width:278px}}@media screen and (min-width:1280px) and (max-width:1359px){.single-col{width:248px}}@media screen and (max-width:1024px){.single-col{width:198px}}.double-col{width:140px;float:left}.single-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.double-row{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bold-line{font-size:1rem}.info-label{width:90px;height:160px;padding:5px;border-radius:8px;cursor:pointer;background:#0d2458}.info-label table{width:90px;height:150px;margin:0 auto;font-size:.8rem;color:#eee;text-align:left}.right button{width:90px;height:60px;text-align:center;font-size:1rem;color:#eee;border:1px solid #3c5d93;border-radius:10px;outline:none;cursor:pointer;background:#0d2458}