.system_layout_one .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.system_layout_one .box .system-item{width:30%;height:48%}.system_layout_one .box .system-item-1{background:#31ded8;border:1px solid #27f1dc;opacity:.9;border-radius:4px}.system_layout_one .box .system-item-1:hover{border:2px solid #fff;border-radius:4px}.system_layout_one .box .system-item-2{background:#32abf8;border:1px solid #62c1ff;opacity:.9;border-radius:4px}.system_layout_one .box .system-item-2:hover{border:2px solid #fff;border-radius:4px}.system_layout_one .box .null-item-1{border:2px dashed #27f1dc;border-radius:4px}.system_layout_one .box .null-item-2{border:2px dashed #62c1ff;border-radius:4px}.system_layout_one .box .item{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.system_layout_one .box .item .subsystem-logo{height:84px;width:84px}.system_layout_one .box .item .subsystem-title{font-family:Microsoft YaHei;color:#fafcff;font-size:22px;line-height:22px;margin-top:24px}.system_layout_one .box .item .system-detail{font-size:14px;padding:16px 26px;text-align:center}.system_layout_one .box .item:active .subsystem-logo,.system_layout_one .box .item:active .subsystem-title{-webkit-filter:brightness(.3);filter:brightness(.3)}.system_layout_one .box .not-access-item{background:#d1d5db}.login-middle-page-style9 .header .main-title>div{background:none!important;-webkit-text-fill-color:#fff!important}@media screen and (min-width:1024px) and (max-width:1535px){.login-middle-page-style9 .header{height:5rem;margin-top:.5rem}.login-middle-page-style9 .system_layout_nine{height:83%}.login-middle-page-style9 .system_layout_nine .box{padding-top:10px!important;width:64.5%}.login-middle-page-style9 .system_layout_nine .system-item{margin-bottom:38px!important}.login-middle-page-style9 .main-title{font-size:2.8rem}}@media screen and (min-width:1536px){.login-middle-page-style9 .system_layout_nine .box{width:60%}.login-middle-page-style9 .main-title{font-size:3.5rem}}.system_layout_nine{height:72%}.system_layout_nine .box{width:58%;padding-top:5px;-ms-flex-pack:distribute;justify-content:space-around}.system_layout_nine .box .system-item{height:53%;background:none;margin-bottom:32px;-webkit-transition-duration:.3s;transition-duration:.3s;border-radius:4px}.system_layout_nine .box .system-item .item{cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.system_layout_nine .box .system-item .item .subsystem-logo{width:auto;height:100%}.system_layout_nine .box .system-item .item .content{width:100%;background:#fff;padding-top:25px;text-align:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.system_layout_nine .box .system-item .item .subsystem-title{color:#222}.system_layout_nine .box .system-item .item .system-detail{color:#666;min-height:74px}.system_layout_nine .box .system-item .item .enter-btn-wrap{position:relative;width:34%;height:auto;top:-6%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;-webkit-animation:control-pointer .6s;animation:control-pointer .6s}.system_layout_nine .box .system-item .item .enter-btn-wrap .enter-btn{width:100%;height:auto}.system_layout_nine .box .item:hover{margin-top:-10px;-webkit-transition-duration:.3s;transition-duration:.3s}.system_layout_nine .box .item:hover .enter-btn-wrap{opacity:1;visibility:visible;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;-webkit-animation:none;animation:none;cursor:pointer}.system_layout_nine .box .system-item-1:hover{border:none}@-webkit-keyframes control-pointer{0%,49.9999%{pointer-events:auto}50%,to{pointer-events:none}}@keyframes control-pointer{0%,49.9999%{pointer-events:auto}50%,to{pointer-events:none}}