2 lines
3.1 KiB
CSS
2 lines
3.1 KiB
CSS
.homeBox[data-v-df5dc4b2]{width:720px;margin:90px auto 15px;min-height:calc(100vh - 255px);text-align:center}.homeBox .logoBox[data-v-df5dc4b2]{display:inline-flex;align-items:center}.homeBox .logoBox .logo[data-v-df5dc4b2]{width:50px;height:50px}.homeBox .logoBox .title[data-v-df5dc4b2]{margin-left:18px;font-size:24px;font-weight:700}.homeBox .subTitle[data-v-df5dc4b2]{padding:15px 0;opacity:.6}.homeBox .search[data-v-df5dc4b2]{position:relative;margin:30px auto auto;background-color:#fff;height:48px;border-radius:12px;box-shadow:0 1px 6px rgba(32,33,36,.145);max-width:540px}.homeBox .search .selectBox[data-v-df5dc4b2]{position:absolute;top:0;bottom:0;width:90px}.homeBox .search uni-input[data-v-df5dc4b2]{text-align:left;height:100%;padding:0 60px 0 100px}.homeBox .search .iconfont[data-v-df5dc4b2]{position:absolute;top:10px;right:25px;font-size:18px}.homeBox .search.noSelect .selectBox[data-v-df5dc4b2]{display:none}.homeBox .search.noSelect uni-input[data-v-df5dc4b2]{padding:0 60px 0 24px}.homeBox .content[data-v-df5dc4b2]{box-shadow:0 0 5px rgba(214,214,214,.5);background-color:#fff;border-radius:12px;padding:15px 15px 5px;margin-top:72px}.homeBox .content .tabs[data-v-df5dc4b2]{display:flex}.homeBox .content .tabs .item[data-v-df5dc4b2]{padding:5px 0;margin-right:20px;cursor:pointer}.homeBox .content .tabs .item.active[data-v-df5dc4b2]{font-weight:700;color:#1e80ff}.homeBox .content .list[data-v-df5dc4b2]{text-align:left;margin-top:10px}.homeBox .content .list .item[data-v-df5dc4b2]{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f2f2;padding:13px 0 11px;cursor:pointer;transition:transform .4s;opacity:.9}.homeBox .content .list .item .name[data-v-df5dc4b2]{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeBox .content .list .item .num[data-v-df5dc4b2]{color:#ff6d29;flex:none;margin-left:30px;font-weight:700}.homeBox .content .list .item[data-v-df5dc4b2]:hover{opacity:1;transform:translateY(-2px)}.homeBox .content .list .item:hover .name[data-v-df5dc4b2]{color:#1e80ff}@media screen and (max-width: 768px){.homeBox[data-v-df5dc4b2]{margin:5vw 4vw;width:auto;min-height:calc(100vh - 60vw)}.homeBox .logoBox[data-v-df5dc4b2]{display:none}.homeBox .logoBox .logo[data-v-df5dc4b2]{width:9vw;height:9vw}.homeBox .logoBox .title[data-v-df5dc4b2]{margin-left:3.2vw;font-size:5.2vw}.homeBox .subTitle[data-v-df5dc4b2]{padding:4vw 0}.homeBox .search[data-v-df5dc4b2]{margin-top:4vw;height:13vw;border-radius:3vw}.homeBox .search .selectBox[data-v-df5dc4b2]{width:20vw;font-size:30vw}.homeBox .search uni-input[data-v-df5dc4b2]{padding:0 14vw 0 22vw}.homeBox .search .iconfont[data-v-df5dc4b2]{top:2.5vw;right:5vw;font-size:5vw}.homeBox .search.noSelect uni-input[data-v-df5dc4b2]{padding:0 14vw 0 6vw}.homeBox .content[data-v-df5dc4b2]{border-radius:3vw;padding:4vw 4vw 2vw;margin-top:12vw}.homeBox .content .tabs .item[data-v-df5dc4b2]{padding:1.5vw 0;margin-right:5vw}.homeBox .content .list[data-v-df5dc4b2]{margin-top:2vw}.homeBox .content .list .item[data-v-df5dc4b2]{padding:4vw 0}.homeBox .content .list .item .num[data-v-df5dc4b2]{margin-left:8vw}}
|