.select_system{height:100%;background:url(../img/selectSystem_bac.35e6f3b0.png) no-repeat 50%;background-size:cover;display:flex;justify-content:center;align-items:center;position:relative}.select_system .header_box{position:absolute;top:0;left:0;right:0;height:50px;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-right:20px}.select_system .header_box .time_box{font-size:24px;font-weight:700}.select_system .header_box .el-dropdown{color:#fff;cursor:pointer}.select_system .system_box{width:30%;padding-top:30%;background:url(../img/system_bac.e9a44634.png) no-repeat 50%;background-size:100% 100%;position:relative}.select_system .circle_box{position:absolute;top:0;bottom:0;width:2px;left:calc(50% - 1px);transition:all 1s}.select_system .circle_box .circle_min{position:absolute;top:-7px;left:-7px;width:14px;height:14px;background:#fff;border-radius:50%}.select_system .circle_box .circle_max{position:absolute;top:-15px;left:-15px;width:30px;height:30px;background:hsla(0,0%,100%,.57);border-radius:50%;cursor:pointer}.select_system .circle_box .name_box{position:absolute;top:-20px;left:-20px;width:40px;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;z-index:1}.select_system .circle_box .name_box>div{cursor:pointer;white-space:nowrap}