.center[data-v-0c39dad7]{width:1200px;margin:0 auto;min-height:calc(100% - 148px);overflow:hidden;position:relative}.center .context[data-v-0c39dad7]{position:relative;margin-top:20px;min-height:740px;background:#2d2f3d;border-radius:10px}.center .context ul[data-v-0c39dad7]{overflow:hidden}.center .context ul li[data-v-0c39dad7]{margin:20px;padding:15px 10px;background:#191f28;border-radius:10px;cursor:pointer}.center .context ul li .top[data-v-0c39dad7]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.center .context ul li .top[data-v-0c39dad7],.center .context ul li .top div[data-v-0c39dad7]:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center .context ul li .top div:first-child p[data-v-0c39dad7]:first-child{position:relative;width:50px;height:50px;margin-right:20px}.center .context ul li .top div:first-child p:first-child img[data-v-0c39dad7]{width:100%;height:100%}.center .context ul li .top div:first-child p:first-child .noread[data-v-0c39dad7]{position:absolute;width:12px;height:12px;top:0;right:0;background:#ea4e3d;border-radius:50%}.center .context ul li .top div:first-child p[data-v-0c39dad7]:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.center .context ul li .top div:first-child p:last-child span[data-v-0c39dad7]:first-child{color:#fff;margin-bottom:5px}.center .context ul li .top div[data-v-0c39dad7]:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center .context ul li .details[data-v-0c39dad7]{max-height:0;-webkit-transition:all .3s ease;transition:all .3s ease;padding:0;overflow:hidden}.center .context ul li .details.active[data-v-0c39dad7]{max-height:200px;padding:10px 0;margin-top:12px;border-top:1px solid #2a815f}