.situation-config--warpper{padding:0 20px;font-size:16px}.situation-config--warpper .bar{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 0 10px;border-bottom:1px solid #e4e7ed}.situation-config--warpper .bar .photo{width:50px;height:50px;border-radius:50%}.situation-config--warpper .bar .photo img{width:50px;height:50px;border-radius:50%;border:1px solid orange}.situation-config--warpper .bar .content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:6px;padding-left:20px}.situation-config--warpper .bar .content .sub-name{color:#909399;font-size:12px;padding-top:6px}.situation-config--warpper .bar .switch{padding-top:16px}.situation-config--warpper .btns-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 0 0 15px}.situation-config--warpper .btns-box .btn{width:50px;height:30px;line-height:30px;background:#ccc;color:#fff;margin-right:12px;margin-bottom:10px;border-radius:6px;text-align:center;position:relative}.situation-config--warpper .btns-box .btn .round{width:20px;height:20px;line-height:24px;background:#fff;border-radius:50%;position:absolute;right:-6px;top:-6px;color:#ccc;border:1px solid #ccc}.situation-config--warpper .btns-box .btn.active{background:#67c23a}