body{background-color:#fff;color:#000;font-size:16px}ul{list-style:none;padding:1rem 0 0 1rem;position:relative}ul li{height:3rem;line-height:3rem}.title{color:#777}.content{position:absolute;left:30%}.top{height:42px;font-size:20px;background-color:#ededed;text-align:center;padding:6px}.hr{height:1rem;width:100%}.content-box,.hr{background-color:#f2f2f2}.content-box{width:90%;height:auto;margin:1rem 0 0 1rem;padding:1rem;border-radius:10px;border:1px solid #a6a6a6}.content-title{margin:1rem 0 0 1rem;display:block}.input-a{margin-left:10%;width:40%;background-color:#f2f2f2;border-color:#b0b0b0;color:#000}.media{margin:1.3rem 0;display:-webkit-box;display:-ms-flexbox;display:flex}.fl-l{float:left;margin-right:1rem}.tiny{width:4rem;height:4rem;border-radius:5px}.big{width:100%;-ms-flex-item-align:center;align-self:center}.layer{width:100%;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:9999;display:grid}.butt-quit{width:80%;margin:0 0 10% 10%}