.head{text-align:center;background-color:#316cd6;color:white;line-height:44px;font-size:18px}.works-list{height:calc(100vh - 44px - 31px);overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-bottom:20px}.works-list .list-item{padding-bottom:10px;width:47%;box-shadow:0 4px 8px rgba(103,103,103,0.2);margin-top:10px}.works-list .list-item .img-warp{height:115px}.works-list .list-item .img-warp img{height:100%;width:100%;margin:0 auto;display:block}.works-list .list-item .title{color:#333;padding:5px 5px}.works-list .list-item .data{padding:5px 5px;color:#666666;font-size:12px;display:flex}.works-list .list-item .data .writer{flex:1;margin-right:5px}.works-list .list-item .vote-btn{width:100px;padding:5px 0;margin:10px auto;border:1px solid #00a9ff;background-color:#00a9ff;color:#fff;border-radius:10px}.row_1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.nav-warp{overflow-x:auto}.nav-warp::-webkit-scrollbar{width:0;height:0}.nav-warp .list-nav{white-space:nowrap;display:inline-block}.nav-warp .nav-item{display:inline-block;width:100px;text-align:center;padding:5px 0}.nav-warp .avtive a{color:#00a9ff}.nav-warp .avtive span{border-bottom:3px solid #00a9ff}a{text-decoration:none;color:#666}.login-show{position:fixed;left:0;bottom:0;top:0;right:0;background-color:rgba(0,0,0,0.2);display:none}.login-show .login-box{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:300px;padding:20px;background:#fff}.login-show .login-box .title{text-align:center;color:#00a9ff}.login-show .login-box .inp-item input{width:100%;margin:10px 0;border:1px solid #dddddd;height:34px;padding-left:10px}.login-show .login-box .inp-code{display:flex;align-items:center}.login-show .login-box .inp-code input{flex:1}.login-show .login-box .inp-code .btn{width:100px;height:34px;margin-left:10px;border-radius:3px;color:#fff}.login-show .login-box .inp-code .get-code{background-color:#00a9ff}.login-show .login-box .inp-code .timeout{background-color:#ccc;display:none}.login-show .login-box .login-btn{width:100%;height:34px;border-radius:3px;background-color:#00a9ff;color:#fff;margin-top:20px}.login-show .login-box [disabled]{background-color:#ccc}.login-show .login-box .icon-guanbi{position:absolute;right:5px;top:5px;color:#ccc}