.main{padding:30px 0}.main .layout-center{padding:20px;background-color:#fff}.vipcenter-container{padding:16px;border:1px solid var(--color-border)}.vipcenter-header{padding-bottom:10px;border-bottom:3px solid var(--color-border)}.vipcenter-header p{font-size:24px;font-weight:700}.vipcenter-header>div{margin-top:10px;display:flex;gap:12px}.vipcenter-header>div a{display:inline-block;padding:12px 14px;color:#fff;background-color:var(--color-blue);border-radius:30px;line-height:1}.vipcenter-contenter{margin-top:10px;display:grid;grid-template-columns:150px 1fr;gap:10px}.vipcenter-menu{padding:0 10px;border-right:1px solid var(--color-border)}.vipcenter-menu li{padding:12px 10px;margin-bottom:10px;text-align:center;cursor:pointer}.vipcenter-menu li.checked,.vipcenter-menu li:hover{background-color:#eee}.vipcenter-article{overflow:hidden}.article-container{overflow-x:auto}.article-list{min-width:700px}.article-list li:not(:first-child){border-bottom:1px solid var(--color-border)}.article-list li:first-child{background-color:#eee;display:grid;grid-template-columns:80px 1fr 1fr 120px 100px;text-align:center}.article-list li:first-child p{padding:10px 0}.article-list li a{display:grid;grid-template-columns:80px 1fr 1fr 120px 100px;transition:color .3s}.article-list li a:hover{color:var(--color-blue)}.article-list li a p{padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-list li a p:not(:nth-child(2)){text-align:center}@media screen and (max-width: 992px){.vipcenter-contenter{grid-template-columns:repeat(1, 1fr)}}