@charset "UTF-8";
body, p, ul, li { padding: 0; margin: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

[v-cloak] { display: none; }

a { color: #ffffff; text-decoration: none; }

.sinput::-webkit-input-placeholder { color: #eeeeee; }

.ht-alert { position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 400px; height: 200px; z-index: 99; padding: 2px; font-family: "宋体"; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ht-alert .ht-alert-m { border: 2px solid #ffffff; height: 100%; position: relative; }

.ht-alert .ht-alert-m .ht-alert-title { padding-left: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#142674), to(#a1c9f5)); background-image: linear-gradient(to right, #142674, #a1c9f5); height: 26px; line-height: 26px; }

.ht-alert .ht-alert-m .ht-alert-main { background-color: #d9cfc6; height: 166px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #232323; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-ico { height: 60px; width: 60px; background-image: url(./htalert.png); background-size: cover; margin-left: 20px; margin-top: 20px; margin-right: 30px; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-right .ht-alert-text { padding-top: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1em; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-right .ht-alert-btn { height: 40px; width: 100px; text-align: center; border: 1px solid; line-height: 28px; margin-bottom: 10px; margin-left: 50px; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-right .ht-alert-btn:hover { background-color: #d7d4d2; cursor: pointer; }

.ht-alert .ht-alert-m .ht-alert-main .ht-alert-right .ht-alert-btn .ht-alert-btn-m { margin: 4px; border: 1px dotted #232323; }

.xunlei { width: 36px; height: 36px; position: fixed; top: 40px; right: 60px; background-image: url("./xunlei.png"); background-size: cover; z-index: 99; }

body { background: #000; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

.con { width: 80%; margin: 0 auto; }

.nav-top { overflow: hidden; }

.nav-top .nav-m li { padding: 5px 24px; float: left; list-style: none; }

.search-w { background-color: #1b1b1b; height: 160px; }

.search-w .search-m { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.search-w .search-m .search-block { width: 6.25rem; height: 40px; margin-left: 1rem; position: relative; }

.search-w .search-m .search-block input { width: 100%; height: 100%; line-height: 40px; border: none; background-color: #363636; color: #cacaca; padding: 0 2em; }

.search-w .search-m .search-block input:focus { border: 0px solid #eeeeee; -webkit-box-shadow: none; box-shadow: none; outline: none; color: #eeeeee; }

.search-w .search-m .search-block .search-btn { position: absolute; right: 0; top: 0; height: 100%; background-color: #ff9900; width: 1rem; text-align: center; line-height: 40px; }

.bloglist-w.best { margin-bottom: 1.3em; }

.bloglist-w .bloglist-title { margin: 1em 0 1em 0; }

.bloglist-w .bloglist-m { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bloglist-w .bloglist-m .bloglist-i { width: 2.5rem; margin-bottom: 30px; }

.bloglist-w .bloglist-m .bloglist-i a { text-decoration: none; }

.bloglist-w .bloglist-m .bloglist-i .blog-pic { position: relative; width: 1.95rem; height: 1.95rem; margin-bottom: 0.13rem; }

.bloglist-w .bloglist-m .bloglist-i .blog-pic .vip { position: absolute; right: 7px; top: 6px; color: #ffffff; font-size: 12px; background-color: #3a88e9; border-radius: 50%; overflow: hidden; text-align: center; width: 22px; height: 22px; line-height: 22px; }

.bloglist-w .bloglist-m .bloglist-i .blog-pic img { width: 100%; }

.bloglist-w .bloglist-m .bloglist-i .blog-name { color: #f90; }

.bloglist-w .bloglist-m .bloglist-i .blog-text { color: #999999; padding-top: 0.3em; }

footer { margin-top: 30px; text-align: center; padding: 20px 50px; background-color: #151515; }

@media screen and (max-width: 749px) { .con { width: 86%; }
  .search-w .search-m { display: block; }
  .search-w .search-m .search-block { width: 100%; margin-left: 0; }
  .search-w .search-m .search-block .search-btn { width: 60px; }
  .bloglist-w .bloglist-m .bloglist-i { margin-bottom: 30px; }
  .bloglist-w .bloglist-m .bloglist-i .blog-pic { width: 90%; height: auto; }
  .bloglist-w .bloglist-m .bloglist-i { width: 50%; }
  .nav-top .nav-m li { width: 33.3%; text-align: center; padding: 0; line-height: 30px; }
  .xunlei { display: none; } }
/*# sourceMappingURL=style.min.css.map */