html { background-color: #ffffff; }
body { margin: 0 auto; min-height:100vh; transform: translateX(0) }

.sidebar { background: #303030; min-height:100vh; width:200px; float:left; }
.sidebar .logo { height:60px; line-height:60px; text-align:center; background:#16baaa; }
.sidebar .logo a { color:#ffffff; font-size:24px; }
.sidebar .layui-icon { width:24px; float:left; text-align:center; }

.main { width:calc(100% - 200px); float:left; height:100vh; padding:0px;overflow-x:hidden }
.main .layui-form { border-right:solid 1px #ddd; padding:30px; background:#f5f5f5; height:calc(100vh - 60px); }
.main .layui-form .media { overflow: hidden; }
.main .layui-form .media .item { border:solid 1px #eee; background:#ffffff; width:80px; height:80px; text-align:center; }
.main .layui-form .media .item .layui-icon { font-size: 30px; color:#666666; }
.main .layui-form .media .item span { font-size:12px; color:#666666; }

.main .login .form-item { margin-top:30px; }
.main .login .form-item label { height:30px; }

.main .list { padding:0px 30px; height:100vh; overflow-x: hidden; }
.main .list .item { border-bottom:solid 1px #dddddd; padding:30px 0px; }
.main .list .item .text { padding-bottom:15px; line-height:30px; font-size:14px; }
.main .list .item .pics .pic { background: #f5f5f5; text-align:center; }
.main .list .item .pics .pic img { height:300px; }