.item[data-v-511c91d6]{overflow:hidden;border:.02667rem solid;width:4.48rem;border-radius:.26667rem}.item-head[data-v-511c91d6]{display:flex;align-items:center;justify-content:space-between;padding:.4rem .4rem 0;min-height:.8rem}.item-photo[data-v-511c91d6]{width:.8rem;height:.8rem}.item-btn[data-v-511c91d6]{display:flex;text-align:center}.item-btn .btn[data-v-511c91d6]{width:.64rem;margin-left:.4rem;height:.64rem;line-height:.64rem;border-radius:.32rem;background-size:cover;animation:5s;-webkit-animation:5s;transform:scale(1);-webkit-transform:scale(1);appearance:none;-moz-appearance:none;-webkit-appearance:none}.item-btn .close-btn-on[data-v-511c91d6]:active,.item-btn .close-btn[data-v-511c91d6]:active,.item-btn .open-btn-on[data-v-511c91d6]:active,.item-btn .open-btn[data-v-511c91d6]:active,.item-btn .pause-btn-on[data-v-511c91d6]:active,.item-btn .pause-btn[data-v-511c91d6]:active{transform:scale(1.5);-webkit-transform:scale(1.5)}.item-con[data-v-511c91d6]{padding:.26667rem .4rem 0}.item-foot[data-v-511c91d6]{display:flex;justify-content:space-between;align-content:center;padding:.26667rem 0}.item-foot .item-state[data-v-511c91d6]{display:flex;align-items:center}.item-foot .item-state .item-state-con[data-v-511c91d6]{display:flex;align-items:center;line-height:.53333rem}.item-foot .item-state .item-state-con .percentage[data-v-511c91d6]{margin-left:.26667rem}.dark .item[data-v-511c91d6]{background:#10172b;border-color:#18223e}.dark .item.open[data-v-511c91d6]{background:#3369ff;color:#fff}.dark .item.open .item-state[data-v-511c91d6]{color:#c8d4f9}.dark .item.offline[data-v-511c91d6]{border-color:transparent}.dark .item.offline .item-photo[data-v-511c91d6]{opacity:.3;filter:alpha(opacity=30)}.dark .item.offline .item-state[data-v-511c91d6],.dark .item.offline .item-title[data-v-511c91d6]{color:#525766}.dark .item .toggleBtnGroup[data-v-511c91d6]{display:flex}.dark .item .toggleBtnGroup .open-btn[data-v-511c91d6]{background-image:url(../img/open-s.5d4eeef8.png)}.dark .item .toggleBtnGroup .close-btn[data-v-511c91d6]{background-image:url(../img/open-s-on.dd9cca36.png)}.dark .item .normalBtnGroup[data-v-511c91d6]{display:flex}.dark .item .normalBtnGroup .open-btn[data-v-511c91d6]{background-image:url(../img/open.92a1aa94.png)}.dark .item .normalBtnGroup .open-btn-on[data-v-511c91d6]{background-image:url(../img/open-on.953392dc.png)}.dark .item .normalBtnGroup .close-btn[data-v-511c91d6]{background-image:url(../img/close.b172d2bc.png)}.dark .item .normalBtnGroup .close-btn-on[data-v-511c91d6]{background-image:url(../img/close-on.6689838a.png)}.dark .item .pause-btn[data-v-511c91d6]{background-image:url(../img/pause.41b811da.png)}.dark .item .pause-btn-on[data-v-511c91d6]{background-image:url(../img/pause-on.e4af4320.png)}.light .item[data-v-511c91d6]{background:#fff;border-color:transparent;box-shadow:0 .10667rem .21333rem 0 rgba(0,0,0,.1)}.light .item .item-title[data-v-511c91d6]{font-weight:600;color:#333}.light .item .item-state[data-v-511c91d6]{color:#666}.light .item.open[data-v-511c91d6]{background:#3c83fc;color:#fff;box-shadow:0 .10667rem .21333rem 0 rgba(54,144,248,.23)}.light .item.open .item-title[data-v-511c91d6]{color:#fff}.light .item.open .item-state[data-v-511c91d6]{color:#c8d4f9}.light .item.offline[data-v-511c91d6]{background:#fafafa;box-shadow:0 .10667rem .21333rem 0 rgba(0,0,0,.1)}.light .item.offline .item-photo[data-v-511c91d6]{opacity:.4;filter:alpha(opacity=40)}.light .item.offline .item-state[data-v-511c91d6],.light .item.offline .item-title[data-v-511c91d6]{color:#ccc}.light .item .toggleBtnGroup .open-btn[data-v-511c91d6]{background-image:url(../img/open-s.fb836a9c.png)}.light .item .toggleBtnGroup .close-btn[data-v-511c91d6]{background-image:url(../img/open-s-on.dd9cca36.png)}.light .item .normalBtnGroup .open-btn[data-v-511c91d6]{background-image:url(../img/open.1a9db6d9.png)}.light .item .normalBtnGroup .open-btn-on[data-v-511c91d6]{background-image:url(../img/open-on.953392dc.png)}.light .item .normalBtnGroup .close-btn[data-v-511c91d6]{background-image:url(../img/close.f3b3e1bf.png)}.light .item .normalBtnGroup .close-btn-on[data-v-511c91d6]{background-image:url(../img/close-on.6689838a.png)}.light .item .pause-btn[data-v-511c91d6]{background-image:url(../img/pause.178bf909.png)}.light .item .pause-btn-on[data-v-511c91d6]{background-image:url(../img/pause-on.f0d7a0dc.png)}