.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}