.system_layout_seven .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_seven .box .system-item-1,.system_layout_seven .box .system-item-5{background:#31ded8;border:1px solid #27f1dc;border-radius:4px;width:16%;height:48%}.system_layout_seven .box .system-item-1 .item .subsystem-logo,.system_layout_seven .box .system-item-5 .item .subsystem-logo{height:32%;width:34%}.system_layout_seven .box .system-item-1 span,.system_layout_seven .box .system-item-5 span{font-size:1.725rem}.system_layout_seven .box .system-item-1:hover,.system_layout_seven .box .system-item-5:hover{border:2px solid #fff;border-radius:4px}.system_layout_seven .box .system-item-2,.system_layout_seven .box .system-item-4{background:#243880;border:1px solid #62c1ff;opacity:.9;border-radius:4px;width:18%;height:56%;z-index:1}.system_layout_seven .box .system-item-2 .item .subsystem-logo,.system_layout_seven .box .system-item-4 .item .subsystem-logo{height:29%;width:31%}.system_layout_seven .box .system-item-2 span,.system_layout_seven .box .system-item-4 span{font-size:2rem}.system_layout_seven .box .system-item-2:hover,.system_layout_seven .box .system-item-4:hover{border:2px solid #fff;border-radius:4px}.system_layout_seven .box .system-item-3{background:#31ded8;border:2px solid #fff;border-radius:4px;width:22%;height:65%;z-index:2}.system_layout_seven .box .system-item-3 .item .subsystem-logo{height:40%;width:45%}.system_layout_seven .box .system-item-3:hover{border:2px solid #fff;border-radius:4px}.system_layout_seven .box .null-item-1{border:2px dashed #27f1dc;border-radius:4px}.system_layout_seven .box .null-item-2{border:2px dashed #62c1ff;border-radius:4px}.system_layout_seven .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_seven .box .item .subsystem-title{font-family:Microsoft YaHei;color:#fafcff}.system_layout_seven .box .item:active .subsystem-logo,.system_layout_seven .box .item:active .subsystem-title{-webkit-filter:brightness(.3);filter:brightness(.3)}.system_layout_seven .box .not-access-item{background:#d1d5db}.system_layout_seven .btnGroup{display:-webkit-box;display:-ms-flexbox;display:flex}.system_layout_seven .btnGroup .btn{width:42px;height:42px;line-height:40px;border-radius:42px;color:#fafcff;font-weight:700;background-color:rgba(35,52,104,.75)}@media screen and (min-width:1024px) and (max-width:1535px){.system_layout_seven .box .system-item-1,.system_layout_seven .box .system-item-5{background:#31ded8;border:1px solid #27f1dc;border-radius:4px;width:16%;height:54%}.system_layout_seven .box .system-item-1 .item .subsystem-logo,.system_layout_seven .box .system-item-5 .item .subsystem-logo{height:40%;width:40%}.system_layout_seven .box .system-item-1 span,.system_layout_seven .box .system-item-5 span{font-size:1.225rem}.system_layout_seven .box .system-item-1:hover,.system_layout_seven .box .system-item-5:hover{border:2px solid #fff;border-radius:4px}.system_layout_seven .box .system-item-2,.system_layout_seven .box .system-item-4{background:#243880;border:1px solid #62c1ff;opacity:.9;border-radius:4px;width:18%;height:62%;z-index:1}.system_layout_seven .box .system-item-2 .item .subsystem-logo,.system_layout_seven .box .system-item-4 .item .subsystem-logo{height:36%;width:40%}.system_layout_seven .box .system-item-2 span,.system_layout_seven .box .system-item-4 span{font-size:1.25rem}.system_layout_seven .box .system-item-2:hover,.system_layout_seven .box .system-item-4:hover{border:2px solid #fff;border-radius:4px}.system_layout_seven .box .system-item-3{background:#31ded8;border:2px solid #fff;border-radius:4px;width:22%;height:70%;z-index:2}.system_layout_seven .box .system-item-3 .item .subsystem-logo{height:42%;width:45%}.system_layout_seven .box .system-item-3 span{font-size:1.5rem}}