#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.global-wrap{display:flex;flex-direction:column;width:100%;max-width:500px;margin:0 auto;min-height:100vh;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}main{flex:1}.top-wrap{display:flex;justify-content:space-between;border-bottom:1px solid #e8e8e8;align-items:center;padding:0 .5vw}#logo{width:15%}.top-nav-wrap ul{display:flex;padding:0}.top-nav-wrap li{list-style:none;margin:0 8px;font-size:14px}.topnav-icon-wrap{display:flex;align-items:center}#search-btn{width:19px;margin-right:10px}#cart-btn{width:25px}footer{border-top:1px solid #ddd;color:#444}button{font-weight:700;border-radius:7px;cursor:pointer;border:0}button.light{background-color:#fff;color:#000;border:1px solid #000}button.dark{background-color:#000;color:#fff}button.large{font-size:16px;padding:8px 15px}button.default{font-size:14px;padding:4px 10px}button:not(:last-of-type){margin-right:10px}.content-width{width:60%;max-width:1200px;min-width:1100px;margin:0 auto}.search-input-area{border:2px solid #000;border-radius:8px;display:flex;background-color:#fff;overflow:hidden;width:400px;height:38px}.search-input-area input{outline:none;border:0;padding:0 10px;border-radius:0;height:100%;font-size:18px;font-weight:700;flex:1}.search-input-area button{background-color:#000;padding:0 20px;border-radius:0;height:100%}.keyword:not(:last-of-type){border-right:2px solid #000;margin-right:5px;padding-right:5px}body{margin:0}.block,body{background-color:#fff}.block{padding:12px;box-shadow:1px 1px 8px 1px #eee;border-radius:5px;margin-bottom:8px}.el-rate__item .el-icon,.el-rate__item .el-icon svg{width:1.5em;height:1.5em}