@import url(./fonts.css); @import url(./rubik.css); /* 通用 */ * { margin: 0; padding: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div, h1, h2, h3, h4, h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin: 0px; padding: 0; outline: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } h1 { font-size: 30px } h2 { font-size: 26px } h3 { font-size: 22px } h4 { font-size: 20px } h5 { font-size: 16px } h6 { font-size: 16px } img { border: 0; display: block } ul, li { list-style: none; } ol li { margin-left: 20px; list-style: decimal; padding-left: 3px; } a { color: #555; text-decoration: none; -webkit-transition: background-color .15s linear, color .15s linear; -moz-transition: background-color .15s linear, color .15s linear; -o-transition: background-color .15s linear, color .15s linear; -ms-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear; } a:focus { outline: 0; } a:hover { text-decoration: none; color: #3355ff } em, i { font-style: normal; } .d-flex { display: flex; display: -webkit-flex; justify-content: space-between } .d-flex-end { align-items: flex-end } .d-center { align-items: center } .d-x-center { flex-direction: column; align-content: center; align-items: center; justify-content: center; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clear { clear: both; } .blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both } .f_l { float: left } .f_r { float: right } .article { width: 1200px; margin: 80px auto 0; overflow: hidden; zoom: 1; } .article.index { margin-top: 15px; } .aside { width: 280px; float: right; display: block; position: relative; z-index: 1; margin-left: -300px; } .r_box, .ra_box { float: left; width: 100%; } .main { margin-right: 325px; } .container { width: 1000px; margin: auto } nav { width: 1200px; margin: auto; position: relative; } .logo { float: left; font-size: 22px; min-width: 105px; } .logo img { height: 30px; margin-top: 14px; } img.nightlogoimg { display: none; } #starlist { float: left; } #starlist li { float: left; display: block; padding: 0 0 0 35px; font-size: 16px; position: relative; } #starlist li i, .sidebar li i { margin-right: 4px; } @media only screen and (min-width: 767.1px) { #starlist ul.sub-nav { position: absolute; visibility: hidden; opacity: 0; padding: 5px; left: 15px; top: 90%; max-width: 165px; min-width: 115px; background: #fff; position: absolute; z-index: 101; border-radius: 3px; -webkit-transition: all 0.33s ease 0s; -o-transition: all 0.33s ease 0s; transition: all 0.33s ease 0s; -webkit-box-shadow: 0 0px 20px rgb(93 115 141 / 10%); box-shadow: 0 0px 20px rgb(93 115 141 / 10%); } } #starlist ul.sub-nav li a { width: 100%; text-align: center; height: 35px; line-height: 35px; font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; position: relative; } #starlist ul.sub-nav li { width: 100%; height: 35px; line-height: 35px; display: block; padding: 0; } #starlist li .jzicon-arrow-down:before { display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #starlist li.on .jzicon-arrow-down:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } #starlist.active li .jzicon-arrow-down:before { display: inline; } #starlist li.on ul.sub-nav { opacity: 1; visibility: visible; margin-top: 0; } #starlist.active li.on ul.sub-nav { display: none; } #starlist.active ul.sub-nav li { height: 40px; line-height: 1; } #starlist.active ul.sub-nav li a { width: auto; text-align: left; margin-left: 40px; padding: 0; font-size: 14px; } #starlist.active li { position: relative; } #starlist.active li em.dot { position: absolute; top: 0; right: 0; width: 50px; height: 40px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0); cursor: pointer; line-height: 50px; } .jzicon-yejian-h:before { color: #ffc107; } #starlist .selected a, #starlist .selected { color: #3355ff; font-weight: 600 } #starlist .selected ul a { color: #161e27; } .header-navigation { position: fixed; top: 0; width: 100%; height: 60px; line-height: 60px; background: #fff; -webkit-box-shadow: 0px 5px 15px -4px rgb(11 19 58 / 7%) !important; box-shadow: 0px 5px 15px -4px rgb(11 19 58 / 7%) !important; text-align: center; z-index: 998; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; } .header-navigation.slideUp { top: -60px; } /* 页脚 */ footer { width: 100%; background-color: #000613; color: #c2c2c2; padding-top: 40px; margin-top: 20px; clear: both; line-height: 1.7; text-align: justify; } footer a { color: #c2c2c2; } footer img { max-width: 100% } .footer { width: 1200px; margin: auto; } .footert, .footerb { overflow: hidden; } .footer .footlogo img { height: 45px; } .footert ul li { list-style-type: none; margin-left: 46px; color: #ffffff; font-weight: 700; font-size: 16px; } .footerb { padding: 30px 0; } .footerb li { text-align: center; } .footerb li i { width: 46px; height: 46px; display: block; background-color: #313131; border-radius: 50%; margin: 10px; line-height: 46px; font-size: 20px; } #go-to-top { width: 40px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; opacity: .8; position: fixed; right: 30px; bottom: 30px; background: rgba(10, 10, 10, 0.2); overflow: hidden; display: none; z-index: 999; } #go-to-top:hover { background: #3355ff; opacity: 1; } #go-to-top::before { font-family: icomoon; font-size: 20px; content: '\e93c'; color: #fff; } #go-to-top.active { display: block } .submenu { float: right; } .submenu li { font-size: 20px; top: 0; padding: 0; margin-left: 20px; line-height: 60px; float: left; z-index: 99; } .submenu li.searchbox { cursor: pointer; } #mnavh { display: none; } /* us 适配 */ li.nav-us { font-size: 16px } .nav-us .nav-avatar img { border-radius: 50%; width: 32px; height: 32px; margin-top: 13px; } .us-dropdown { position: absolute; width: 350px; padding: 0; top: 55px; right: 0; opacity: 0; visibility: hidden; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 5px 20px rgb(93 115 141 / 20%); box-shadow: 0 5px 20px rgb(93 115 141 / 20%); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999; } .show .us-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); display: initial; } .show .us-dropdown a { color: #515c67; display: block } .show .us-dropdown a:hover { color: #161e27 } .us-dropdown .us-head { padding: 20px; line-height: 1.2; text-align: left; } .us-dropdown .us-head .use { vertical-align: middle; font-size: 18px; } .us-dropdown .us-head .commlv { vertical-align: middle; font-size: 14px; } .us-dropdown .us-head .out { float: right; font-size: 20px; line-height: 0.8; } .us-dropdown .row { border-top: 1px solid #f4f4f5; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px } .us-dropdown .row li { margin: 0; line-height: 1.6; padding: 10px; font-size: 16px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .us-dropdown .row li span { font-size: 22px } .us-dropdown .d-block { display: block; } /* 适配end */ .b-nav-search_wrap { -moz-transition: max-height, .5s; -o-transition: max-height, .5s; -webkit-transition: max-height, .5s; transition: max-height, .5s; position: absolute; top: 85px; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: #f8f9fa; z-index: 100; } .b-nav-search_wrap input, .b-nav-search_wrap button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; background-color: #f8f9fa; } .b-nav-search_wrap input[type=search] { width: 100%; padding: 0 5px 0 22px; border: none; } .b-nav-search_wrap button { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #fff; background: #3355ff; border: none; cursor: pointer; font-size: 18px; } .b-nav-search_wrap.active { max-height: 60px; } .sitemap { margin-bottom: 20px; font-size: 14px; color: #888; line-height: 14px; display: none; } .sitemap a { font-size: 14px; color: #888; } .aboxd, .newsview, .share, .nextinfo, .related-list, .news_pl { margin-bottom: 20px; } .aboxd img { max-width: 100%; } /* 通用end */ /* 轮播图 */ .topbox { background: #F7FAFF; padding-top: 80px; overflow: hidden; zoom: 1; } .topboxart { width: 1200px; margin: 0 auto; } .topsige { width: 44%; padding-left: 15px; } .topsige li { width: calc(50% - 7.5px); float: left; margin: 0 15px 15px 0; position: relative; } .topsige li i { height: 170px; display: block; } .topsige li i img { width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; } .topsige li h3 { left: 0; bottom: 0; position: absolute; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85)); color: #fff; font-size: 15px; padding: 5px 10px 10px 10px; width: 100%; } .topsige li:nth-child(2n+0) { margin-right: 0; } .slider { overflow: hidden; width: 56%; height: 355px !important; margin-bottom: 20px; } .slider .slideBox li { padding: 0; border: 0; } .slider .slideBox { position: relative; margin-bottom: 20px; width: 100%; height: 355px } .slider .slideBox .bd { position: relative; z-index: 0; height: 355px !important; } .slideBox .bd ul li { width: 100%; } .slider .slideBox .bd ul { width: 100%; } .slideBox .bd ul li { margin: 0; background-color: transparent; } .slider .slideBox .bd img { width: 100%; height: 355px; -o-object-fit: cover; object-fit: cover; } .slideBox .next, .slideBox .prev { position: absolute; top: 40%; z-index: 10; width: 33px; height: 60px; line-height: 60px; font-size: 30px; margin: 5px; color: #fff; cursor: pointer; text-align: center; } .slideBox .prev { left: -38px; } .slideBox .next { right: -38px; } .slideBox .next:hover, .slideBox .prev:hover { background: #000; opacity: 0.5; } .slider:hover .slideBox .next { right: 0; } .slider:hover .slideBox .prev { left: 0; } .slideBox .list-body { position: relative; z-index: 1; left: 0; bottom: 68px; padding: 0 20px; height: 68px; line-height: 68px; display: block; width: 100%; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85)); color: #fff; font-size: 22px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .r_box .slideBox li:hover img, .r_box li.atopd:hover img { transform: none } @media screen and (max-width:980px) { .slider { margin-top: 0; } .slideBox .prev { left: 0; } .slideBox .next { right: 0; } .slider, .slider .slideBox .bd img, .slider .slideBox .bd, .slider .slideBox { height: 45vw !important; width: 100%; } .topsige { width: 100%; padding-left: 0; } .topbox .d-flex { flex-direction: column; } } @media screen and (max-width:480px) { .slideBox .list-body { font-size: 18px; } .topbox { padding-top: 70px; } .slider { margin-bottom: 10px; } .slideBox .next, .slideBox .prev { top: 30%; } .slider .slideBox { margin-bottom: 5px; border: 0; border-bottom: 1px solid #eee; background: #fff } .topsige li { width: calc(50% - 5px); margin: 0 10px 10px 0; } .topsige li i { height: 130px; } } .m_wnews { width: 100%; background: #f7f7f7; position: relative; zoom: 1; height: 70px; line-height: 1.7; padding: 0 36px; overflow: hidden; margin-bottom: 10px !important; font-size: 13px; } .m_wnews strong { background: #3355ff; position: absolute; left: 0; top: 0; width: 36px; padding: 12px 8px; height: 100%; overflow: hidden; text-align: center; font-weight: normal; color: #fff; font-size: 12px; line-height: 1.3; } .m_wnews b { font-weight: normal; color: #3355ff } .m_wnews a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; } .m_wnews .tempWrap { margin: 15px; } .m_wnews .m_wmore { position: absolute; right: 15px; bottom: 10px } .m_wnews .m_wmore a { color: #3355ff; font-size: 12px; } /* 首页 列表页 */ .sidebar .side-title h3:after, .sidebar .side-title h3:before { position: absolute; top: 2px; left: 0px; content: ''; width: 4px; height: 20px; background: #000; } .sidebar .side-title h3:after { height: 10px; background: #3355ff; } .sidebar { margin-bottom: 20px; } .sidebar img { max-width: 100%; } .sidebar .side-title { font-size: 16px; color: #000; text-align: left !important; margin: 10px 0 15px 0; position: relative; } .sidebar .side-title h3 { position: relative; display: inline-block; font-size: 18px; padding: 0 0 5px 15px; font-weight: normal; } .l_box .sidebar { overflow: hidden; } .l_box .sidebar a { color: #333; } .l_box .sidebar a:hover { color: #3355ff; } .about_me img { width: 100% } .about_me p { line-height: 24px; font-size: 14px } .about_me i { width: 120px; float: left; clear: left; margin-right: 10px; overflow: hidden } #divMisc li { width: 32%; overflow: hidden; float: left; margin-bottom: 2px; margin-right: 2px } #divMisc li img { width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #divArchives li, #divNavBar li, #divStatistics li, #divCatalog li { width: 50%; height: 32px; float: left; line-height: 32px; overflow: hidden; } #divComments li, #divPrevious li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px; height: 32px; line-height: 32px; } #divFavorites li, #divLinkage li, #divAuthors li { display: block; float: left; margin: 0 10px 5px 0; width: calc(50% - 20px); } #divPrevious li:before, #divComments li:before, #divLinkage li:before, #divArchives li:before, #divAuthors li:before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 8px; background: #ddd; align-self: flex-start; margin-top: 10px; } .sidebar li.widlist { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; } .sidebar li.widlist:last-child { margin-bottom: 0; padding-bottom: 0; } .sidebar li.widlist i { width: 100px; display: block; height: 70px; overflow: hidden; float: left; margin: 2px 15px 0 0; background-color: #f8f9fa; } .sidebar li.widlist i img { width: 100%; height: 70px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .sidebar li:hover img { transform: scale(1.15) } .sidebar li.widlist h3 { font-size: 14px; overflow: hidden; text-overflow: ellipsis; height: 42px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; } .sidebar li.widlist .sidefoot { padding-top: 3px; color: #777; } #side-new-about-user {} #side-new-comment-item li { margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #side-new-comment-item li:last-child { margin-bottom: 0; } #side-new-comment-item .avatar { float: left; width: 50px; height: 50px; border-radius: 100%; margin-right: 10px; } #side-new-comment-item li:hover img { transform: none; } #side-new-comment-item li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2 } #side-new-comment-item li span { display: inline-block; color: #777; } .r_box li { overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; } .r_box li h2 { font-size: 20px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; margin-top: 10px; } .r_box .isTop, .r_box .isfenlei, .sticky-fenlei a { padding: 10px 8px 8px 8px; font-size: 12px; vertical-align: 1px; height: 58px; background: #121515; color: #fff; line-height: 36px; position: relative; } .r_box .isTop:before, .r_box .isfenlei:before, .sticky-fenlei a:before { content: ""; position: absolute; width: 10px; height: 10px; left: -5px; top: -6px; background: white; transform: rotate(45deg); } .r_box .isTop { background: #f1404b; margin-right: 10px; } .r_box .isfenlei:hover { opacity: 0.85; filter: alpha(opacity=85); color: #fff; } .r_box li h2 a { color: #222 } .r_box li h2 a:hover { color: #3355ff } .r_box li img { float: right; clear: right; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .r_box li i { width: 288px; height: 192px; display: block; overflow: hidden; float: left; margin-right: 20px; background-color: #f8f9fa } .r_box li p { margin: 10px 0 0 0; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 44px; color: #777; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; } .r_box li:hover img { transform: scale(1.05) } .r_box .postfoot { padding: 35px 1px 0 1px; overflow: hidden; color: #bbb } .r_box .postfoot::after, .r_box .postfoot::before { content: ''; display: table; } .r_box .postfoot div { display: block; } .r_box .postfoot .text-primary { color: #3355ff; } .r_box .postfoot .text-primary { color: #3355ff; } .r_box .postfoot .author img { width: 25px; height: 25px; border-radius: 50%; margin-right: 8px; float: left; } .r_box li:hover .postfoot .author img { transform: none; } .r_box .list-navi ul { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .r_box .list-navi li { display: inline-block; font-size: 16px; padding: 10px 18px 10px 0; color: #848484; position: relative; overflow: visible; margin: 0; display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border: 0; } .r_box .list-navi li.selected a { color: #3355ff; } .r_box .list-navi { width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .r_box .list-navi::-webkit-scrollbar { height: 0 !important } .pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 20px 0; } .pageload { padding: 0; position: relative; height: 50px; margin: 0 30% 20px 30%; } .pageload .view-more-button, .pageload .page-load-status p { position: absolute; top: 0; left: 0; width: 100%; display: inline-block; margin: 0; padding: 10px; width: 100%; border: 1px solid transparent; border-radius: 3px; vertical-align: middle; text-align: center; background: #F7F7F7; white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 2; } .pageload .view-more-button { cursor: pointer; } .pageload .page-load-status p { z-index: 1; } .pageload .page-load-status p.infinite-scroll-last { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #333; } .pagelist a { color: #666; margin: 0 2px 5px 2px; display: inline-block; padding: 5px 10px; border-radius: 3px; background: #f8f9fa } .pagelist a:hover { color: #19585d; } .pagelist b { padding: 5px 10px; background: #3355ff; color: #fff; border-radius: 3px; font-weight: normal } a.curPage { color: #19585d; font-weight: bold; } #divTags ul { margin: -4px; overflow: hidden } #divTags li { font-size: 14px; display: block; color: #666; float: left; line-height: 30px; padding: 0 15px; margin: 4px; border: 1px solid #e5e5e5; } #divSearchPanel .side-title { display: none; } #divSearchPanel { margin: 0; background-color: transparent; padding: 0 0 20px 0; } #divSearchPanel form { border: 1px solid #3355ff; background: #3355ff; border-radius: 0; position: relative; } #divSearchPanel input[type="submit"] { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 10% } #divSearchPanel input[type="text"] { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none; border-radius: 0; } #divCalendar { padding: 0 } #divContorPanel { padding-bottom: 30px; } #divContorPanel .cp-hello { width: 100%; margin-bottom: 10px; padding: 10px 0 10px 0; display: inline-block } #divContorPanel .cp-login a, #divContorPanel .cp-vrs a { text-align: center; line-height: 30px; border: 1px solid #ccc; padding: 4px 8px; } #divContorPanel .sidecon div { padding: 20px; text-align: center; line-height: 24px; border: 1px dotted #f0f0f0; background: #fbfbfb } #divCalendar div { margin-bottom: 0; } #divCalendar table { width: 100%; border-collapse: collapse } #divCalendar table, #divCalendar tr, #divCalendar th, #divCalendar td { border: 1px solid #eee } #divCalendar caption { line-height: 36px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee } #divCalendar caption a { font-size: 15px; color: #123 } #divCalendar thead { background: #f6f7f8 } #divCalendar th { height: 36px } #divCalendar td { height: 36px; text-align: center } #divCalendar td a { font-weight: 700; color: #123 } #divCalendar td a:hover { color: #f63 } .archive-head { position: relative; overflow: hidden; margin-bottom: 16px; color: #fff; padding-top: 60px; } .media { position: relative; display: block; overflow: hidden; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: inherit; } .media-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: inherit; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: #e0e0e0; } .media:after { content: ''; display: block; padding-top: 240px; } .overlay-grad { width: 100%; height: 100%; position: absolute; opacity: .75; top: 0; left: 0; transition: opacity .3s ease-in-out; background: #161d27; background: linear-gradient(to bottom, rgba(35, 41, 50, .1), rgba(35, 41, 50, .8)); } .cover-body { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; padding: 20px 0; z-index: 2; text-align: center; } .cover-content { letter-spacing: 2px } .cover-footer {} .cover-footer p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; } .cover-footer:before { height: 1px; position: absolute; top: -1px; width: 60px; left: 0; background-color: #3355ff; content: ''; } .picbox { width: 100%; overflow: hidden; } .picbox2 { display: none } .picbox ul { overflow: hidden; width: 24%; float: left; margin-right: 10px } .picbox ul li { display: block; background: #FFF; margin: 0 0 20px 0; border: 1px #d9d9d9 solid; } .picbox ul li i { margin: 10px; height: auto; overflow: hidden; display: block; } .picbox ul li img { width: 100%; } .picbox2 ul { overflow: hidden; width: 48%; float: left; margin-right: 10px } .picbox2 ul:nth-child(2) { float: right } .picbox2 ul li { display: block; background: #FFF; margin: 0 0 20px 0; border: 1px #d9d9d9 solid; } .picbox2 ul li i { margin: 10px; height: auto; overflow: hidden; display: block; } .picbox2 ul li img { width: 100%; } .picinfo h3 { border-bottom: #ccc 1px solid; padding: 10px 0; margin: 0 20px; font-size: 16px } .picinfo span { padding: 10px 20px; line-height: 26px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .picbox ul li a:hover { color: #19585d } .tags a { background-color: #f8f9fa; border-radius: 3px; font-size: 14px; padding: 4px 8px; margin: 0 10px 0 0; } .tags { margin: 40px 0 10px 0; } .infosbox img { max-width: 100%; border-radius: 3px; height: auto !important; display: inline; } .share { padding: 20px; text-align: center; } .nextinfo { line-height: 24px; width: 100%; overflow: hidden; } .nextinfo p { padding: 4px 0; } /*赞赏*/ .diggit { width: 80px; height: 80px; margin: auto; background: #f1404b; color: #fff; text-align: center; border: 0; border-radius: 50%; outline: none; font-size: 16px } .diggit a { color: #fff; } .diggit i { font-size: 30px; display: block; } .diggit em { font-size: 14px; display: block; margin-top: 2px; } /* 赞赏浮窗 */ .hide_box { z-index: 999; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(120, 129, 147, .5); color: #fff; opacity: 1; left: 0; top: 0; height: 100%; width: 100%; position: fixed; display: none; } .shang_box { width: 20rem; background-color: #fff; position: fixed; z-index: 1000; left: 50%; top: 50%; margin-left: -12.5rem; margin-top: -13.75rem; border-radius: 3px; overflow: hidden; display: none } .shang_box img { border: none; border-width: 0; width: auto; height: auto; margin: 0; box-shadow: none; max-width: 100%; } .dashang { display: block; width: 6.25rem; margin: .3125rem auto; height: 1.5625rem; line-height: 1.5625rem; padding: .625rem; background-color: #e74851; color: #fff; text-align: center; text-decoration: none; border-radius: 6px; font-weight: 700; font-size: 1rem; transition: all .3s } .dashang:hover { opacity: .8; padding: .9375rem; font-size: 1.125rem } .shang_close { display: inline-block; top: 10px; position: absolute; right: 10px } .shang_logo { display: block; text-align: center; margin: 1.25rem auto } .shang_payimg { margin: 0 auto; border-radius: .1875rem; border-radius: .625rem } .pay_explain { text-align: center; margin: .625rem auto; font-size: .75rem; color: #545454 } .radiobox { width: 1rem; height: 1rem; background: url(images/radio2.svg); display: block; float: left; margin-top: .3125rem; margin-right: .875rem } .checked .radiobox { background: url(images/radio1.svg) } .shang_payselect { text-align: center; margin: 0 auto; cursor: pointer; width: 17.5rem } .shang_payselect img { display: inline !important } .shang_payselect .pay_item { display: inline-block; margin-right: .625rem; float: left; padding: 10px 0; } .shang_info { clear: both } .shang_info a, .shang_info p { color: #c3c3c3; text-align: center; font-size: .75rem !important } @media (min-width:992px) { .list-header-style2 .iconfont { position: absolute; right: 100% } } @media (max-width:768px) { .shang_box { width: 20rem; margin-left: -10rem; margin-top: -13.75rem } } @media (max-width:414px) { .shang_box { width: 20rem; margin-left: -10rem; margin-top: -13.75rem } li.msgarticle { padding-left: 0; } .post-comments-count { display: none; } } @media (max-width:321px) { .shang_box { width: 18rem; margin-left: -9rem; margin-top: -11rem } .shang_payselect { width: 16.2rem; height: 1.5rem } .radiobox { margin-right: .2rem } } /* 首页 列表页end */ /* 正文底部图标 */ .single-share { position: relative; padding-bottom: 15px; height: 60px; } .single-share .jzicon-jzxin-h, .dotGood { color: #f1404b; } .Jz52_guopi_prise.prised, .mochuzan.prised { color: #555; } .Jz52_guopi_prise.prised .jzicon-jzzan-h:before { content: "\e931"; } .single-share i { vertical-align: middle; } .post-like .dotGood { float: left; line-height: 40px; text-align: center; font-size: 23px; margin-right: 15px } .post-like .dotGood i { margin-right: 4px } .post-like .dotGood em { font-size: 20px; } .post-like .dotGood em:last-child { display: none } .post-share { float: right; margin-top: 4px; } .post-share a, .share-icon { float: left; background: #f4f5f9; color: #252c41; margin-left: 10px; width: 38px; height: 38px; line-height: 35px; text-align: center; border-radius: 50%; } .share-icon:hover { opacity: 0.8; } .share-icons { position: absolute; right: 0; margin-right: 50px; z-index: 10 } .share-icons i { border-radius: 50%; font-size: 18px } .single-share .jzicon-jzfenxiang { line-height: 40px; } .share-icons .share-wechat { color: #1aad19 } .share-icons .share-sina-weibo { color: #ff6363 } .share-icons .share-qq { color: #3d93e0 } #wechat-qrcode, #sticky-wrapper span#wechat-qrcodel { position: absolute; top: -165px; left: -45px; width: 150px; height: 150px; padding: 15px; background: #fff; z-index: 999; border: 1px solid #EEEEEE; display: none; } #sticky-wrapper span#wechat-qrcodel { top: 0; left: 0 } #wechat-qrcode.active, #sticky-wrapper span#wechat-qrcodel.active { display: block; } .single_icon { text-align: center; line-height: 40px; font-size: 23px; margin-right: 15px; } /*相关文章*/ .related-list h3 { line-height: 40px; font-weight: normal; font-size: 18px; overflow: hidden; display: inline-block; } .related-list h3, .jz-comment h3 { position: relative; padding-left: 15px; } .related-list h3:after, .related-list h3:before, .jz-comment h3:after, .jz-comment h3:before { position: absolute; top: 9px; left: 0px; content: ''; width: 4px; height: 20px; background: #3355ff; } .related-list ul { overflow: hidden; margin: 0 -10px } .related-list li { float: left; width: 25%; padding: 0 10px; overflow: hidden; margin-bottom: 15px; border: 0 } .related-list li i { width: 100%; height: 120px; overflow: hidden; display: block; border-radius: 3px; float: none; } .related-list li i img { width: 100%; height: 100% !important; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .related-list li:hover img { transform: scale(1.05); } .related-list li p { margin-top: 3px; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; } /* 文章 */ .blpost .main { margin-right: 325px; margin-left: 135px; } .sticky-fenlei { margin-bottom: 15px; font-weight: 600; } .sticky-fenlei a { height: 35px; display: block; font-size: 14px; color: #fff; text-align: right; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #sticky-wrapper { position: fixed; top: 0; bottom: 0; width: 105px; background-color: transparent; margin: 0; z-index: 99; padding: 90px 0; } #sticky-wrapper span { float: left; width: 50px; height: 50px; text-align: center; margin-left: 55px; } #sticky-wrapper span span { float: none; margin: auto; } #sticky-wrapper span a { padding: 0; margin: 0; width: 50px; height: 50px; line-height: 4px; background-color: #F7FAFF; display: block; color: #a3aacc; font-size: 12px; position: relative; border-bottom: 1px solid #f0f0f0; } #sticky-wrapper span a:hover { color: #fff; background-color: #3355ff; } #sticky-wrapper span a.bds_tsina:hover { background-color: #d81e06; } #sticky-wrapper span a.bds_weixin:hover { background-color: #03a84c; } #sticky-wrapper span a.bds_qzone:hover { background-color: #ffcc00; } #sticky-wrapper span a.bds_qq:hover { background-color: #3399ff; } #sticky-wrapper span a i { font-size: 26px; display: block; line-height: 50px } #sticky-wrapper span a.bds_reply i, #sticky-wrapper span a.k_favorite i, #sticky-wrapper span a.Jz52_guopi_prise i, #sticky-wrapper span a.single_icon i, #sticky-wrapper span a.mochuzan i { line-height: 36px; font-size: 22px; } .news_con h1, .news_con h2, .news_con h3, .news_con h4, .news_con h5, .news_con h6 { margin: 10px 0; padding-bottom: 10px; position: relative; display: inline-block; padding-left: 15px; font-weight: normal; } h1.news_title { margin-bottom: 15px; padding-bottom: 10px; position: relative; display: inline-block; } h1.news_title { color: #333; margin-bottom: 0 } .news_con h1:after, .news_con h2:after, .news_con h3:after, .news_con h4:after, .news_con h5:after, .news_con h6:after { position: absolute; left: 0px; content: ''; width: 4px; background: #3355ff; } .news_con h1:after { height: 28px; top: 9px; } .news_con h2:after { height: 26px; top: 6px; } .news_con h3:after { height: 23px; top: 5px; } .news_con h4:after { height: 21px; top: 4px; } .news_con h5:after, .news_con h6:after { height: 18px; top: 3px; } .news_con blockquote { margin-bottom: 16px; padding: 16px; background: #fafafa; border-left: 4px solid #3355ff; } .news_con blockquote p:last-child { margin: 0!important; } .news_con blockquote cite { display: block; margin-top: 8px; font-size: 13px; color: #999999; } .news_con ul, .news_con ol { margin-bottom: 15px; padding-left: 20px; } .news_con ul li { list-style-type: disc; } .news_con ol { list-style-type: decimal; } .news_con li { margin-bottom: 8px; padding: 0; overflow: unset; } .news_con li:last-child { margin-bottom: 0; } .news_con ul ul, .news_con ol ol { margin: 8px 0; } .news_con table { width: 100%; margin-bottom: 16px; border-collapse: collapse; overflow: hidden; } .news_con th, .news_con td { padding: 12px; border: 1px solid #f0f0f0; text-align: left; } .news_con th { background: #fafafa; font-weight: 600; color: #333333; } .news_con tr:nth-child(even) { background: #fafafa; } .news_con tr:hover { background: rgba(51, 85, 255, 0.05); } .news_con img { max-width: 100%; height: auto; } .news_con figure { margin: 16px 0; text-align: center; } .news_con figcaption { margin-top: 8px; color: #999999; font-size: 13px; } .news_con hr { margin: 15px 0; border: none; border-top: 1px solid #f0f0f0; } .news_con a:hover { color: #ff1a1a; } .news_con strong { font-weight: 600; } .news_con em { font-style: italic; color: #666666; } .infosbox { overflow: hidden; margin-bottom: 20px } .news_con a { color: #3355ff } .news_con a:hover { color: #000 } .news_con p { margin: 0 0 15px !important; text-align: justify; height: auto!important; } .intitle { line-height: 40px; height: 40px; font-size: 14px; border-bottom: #000 2px solid; } .intitle a { font-weight: normal; } .bloginfo { width: 100%; overflow: hidden; margin-bottom: 25px; color: #bbb } .bloginfo a { color: #bbb } .bloginfo li { float: left; margin: 0 20px 0 0; padding: 0; border: 0; } .bloginfo li.lmname { display: none; } /* .bloginfo li.uptimer { */ /* float: right; */ /* margin-right: 0; */ /* opacity: .7; */ /* } */ .news_about { color: #515c67; border: 1px solid #f8f9fa; padding: 10px; margin: 20px auto 15px auto; line-height: 23px; background: #f8f9fa; border-radius: 3px; } .news_about strong { color: #38485A; font-weight: 400 !important; font-size: 15px; padding-right: 8px; } .news_content { line-height: 24px; font-size: 14px; } .news_content p { overflow: hidden; padding-bottom: 4px; padding-top: 6px; word-wrap: break-word; } .copyright { color: #9fa0a7; margin: 15px 0; } /* 文章end */ .btn { display: inline-block; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #3355ff; border: 1px solid #3355ff; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; } .btn:hover { color: #fff; opacity: 0.8; } .btn-pointer { position: relative; overflow: hidden; font-size: 14px; color: #fff; background: #ff1d1d; background: -o-linear-gradient(left, #fa7a46, #ff1d1d); background: -webkit-gradient(linear, left top, right top, from(#fa7a46), to(#ff1d1d)); background: linear-gradient(to right, #fa7a46, #ff1d1d); border-radius: 3px; border: 0; } .btn-pointer:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #ff1d1d; background: -o-linear-gradient(left, #ff1d1d, #fa7a46); background: -webkit-gradient(linear, left top, right top, from(#ff1d1d), to(#fa7a46)); background: linear-gradient(to right, #ff1d1d, #fa7a46); -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; transition: opacity .5s ease-out; z-index: 2; opacity: 0; } .btn-pointer:hover:after { opacity: 1; } .btn-pointer span { position: relative; z-index: 3; } /* 评论 */ .commlv { font-size: 11px; color: #fff; background: #ff6651; border-radius: 2px; padding: 1px 4px; margin-left: 4px; vertical-align: middle; } .commlv.lv1 { background: #d16221 } .commlv.lv1.god { background: #ffb347 } .commlv.lv4 { background: #f1404b } .commlv.lv0 { background: #c9c9c9 } ul.msg { margin: 25px 0; padding: 0 0 25px; border-bottom: 1px solid #eee; word-wrap: break-word; position: relative; } ul.msg img.avatar { border-radius: 50%; float: left; width: 48px; height: 48px; } ul.msg li { margin: 0; padding-top: 5px; padding-bottom: 0; border: 0; overflow: visible } li.msgurl { text-align: right; padding: 2px 10px; } li.msggravatar { display: block; float: left; margin-right: 5px; } li.msgarticle { list-style-position: outside; padding: 10px 0 0; line-height: 160%; padding-left: 60px; } li.msgarticle a { opacity: 0.9; } img.avatar { float: left; width: 48px; height: 48px; margin: 0 15px 0 0; } ul.msg small { color: #a6a6a6; } ul.msg h3 small { font-size: 12px; } ul.msg small .revertcomment { position: absolute; right: 0; } ul.msg small .revertcomment a { color: #fff; background: #3355ff; padding: 0 5px; line-height: 20px; border-radius: 2px; display: none; } ul.msg:hover small .revertcomment a { display: block; } ul.msg ul.msg { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #f1f1f1; border-bottom: none; } ul.msg ul.msg li.msgarticle { padding-bottom: 0; } ul.msg ul.msg li.msgname { padding: 0; } ul.msg.msghead { min-height: 38px; margin-bottom: 0; padding-bottom: 0; font-size: 16px; color: #3355ff; } ul.msg.msghead em { color: #f1404b; font-family: Arial; margin-right: 2px; font-style: normal; } ul.pagebar, ul.msghead { border: none; } ul.msghead li.tbname { padding-bottom: 10px; border-bottom: 1px solid #eee; } ul.msg:nth-last-child(3) { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .jz-comment h3, .jz-comments h3 { line-height: 40px; font-weight: normal; font-size: 18px; display: inline-block; overflow: hidden; } .jz-comments h4 { margin-bottom: 10px; text-align: center; padding: 0 10px; font-size: 17px; font-weight: normal; margin-bottom: 8px; } .jz-comment input { line-height: 30px; height: 30px; font-size: 14px; font-family: "Microsoft YaHei", Verdana, sans-serif; width: 100%; padding: 8px; border: 0; } .jz-comment label, .jz-comments label { display: none; } .jz-comment textarea { border: 0; height: 120px; width: 100%; font-size: 14px; font-family: "Microsoft YaHei", Verdana, sans-serif; display: block; padding: 8px; } .jz-comment-box { border: 1px solid #ddd; padding: 4px; position: relative; background: #fff; border-radius: 3px; margin-bottom: 6px; } .jz-comment-ul4 { float: left; width: 49.5%; } .jz-comment-ul3 { float: left; width: 32.66%; } .jz-comment .jz-comment-ul4:nth-child(2n) { float: right; } .jz-comment .jz-comment-ul3-2 { margin: 0 1%; } .jz-comment-box img.jz-code { position: absolute; right: 4px; top: 4px; height: 30px; width: auto; } .jz-comment-box input.button { border: 0; line-height: 40px; height: 40px; width: 100px; background: #3355ff; color: #fff; padding: 0; border-radius: 0; position: absolute; right: 0; bottom: 0; border-radius: 3px 0 3px 0; } .jz-comment-textarea { width: 100%; clear: both; } .reply-frm { margin-top: 15px; } /* 评论end */ /* 自适应 */ @media screen and (max-width: 1200px) { .article, nav, .footer, .topboxart { width: 96%; } .picshowlist { display: none } .tuijian, .guanzhu { width: 270px; } } @media screen and (max-width: 959px) { #starlist li { padding-left: 20px } .picbox ul { width: 23%; } .picshowlist { display: none } #divContorPanel span.cp-login, #divContorPanel span.cp-vrs { display: block; } #divContorPanel span.cp-login a, #divContorPanel span.cp-vrs a { line-height: 1; } } @media only screen and (max-width: 768.1px) { .nav-us .nav-avatar img, .logo img { margin-top: 14px; } header { padding: 0 20px } .article { margin-top: 80px } .article { width: 100%; padding: 0 20px; } .logo a { float: none; margin: 0 auto; } nav { width: 100%; position: relative } #starlist { width: 250px; background-color: #fff; position: fixed; top: 0; bottom: 0; left: -250px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 999; } #starlist.active { left: 0px; } .fademask.active { width: 100%; height: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(120, 129, 147, .5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #starlist { padding-top: 20px; } #starlist li { display: block; width: 100%; padding: 0; text-align: left; } #starlist li a { display: block; margin: 0 25px; letter-spacing: 1px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; height: auto; line-height: 50px; } #mnavh { display: block; } .media:after { padding-top: 200px; } .blpost .main { margin-left: 0 } .r_box, .infosbox, .picsbox, .main { width: 100% } .pagelist a { padding: 2px 6px; } .pagelist b { padding: 2px 6px; } .picbox ul { width: 22%; } .picbox ul li i { margin: 5px } .view, .uptimer, .r_box .postfoot .f_r, .picshowlist, .picinfo, .l_box, #sticky-wrapper, #starlist ul.sub-nav { display: none } .bloginfo li.lmname { display: block } #go-to-top { right: 20px; bottom: 20px; } .related-list li { width: 50%; } footer .footert { display: none; } footer .footerb { text-align: center } footer .d-flex { flex-direction: column; align-content: center; align-items: center; justify-content: center; } footer ul.d-flex { flex-direction: row } } @media only screen and (max-width: 767.9px) { footer { margin-top: 0; padding: 0; } .row {} .article { padding: 0 15px; } } @media only screen and (max-width: 479px) { .us-dropdown { width: 100% } .header-navigation { padding: 0 15px } .logo img { max-height: 30px; margin-top: 14px; } .sitemap { padding: 0 18px; } header { padding: 0 } .article { width: 100%; padding: 0; } nav { width: 100%; position: relative } .r_box, .infosbox, .picsbox, .main { width: 100% } h1.news_title { font-size: 24px; } .picbox { display: none } .picbox2 { width: 96%; margin: auto; display: block } .picbox2 ul { width: 48%; margin-right: 0 } .piclistshow ul li { height: 100px; padding: 0 } .piclistshow .picimg { height: 100px } .picbox ul li i { margin: 2px } .picinfo h3 { border-bottom: 0; font-weight: normal; font-size: 15px; } .picinfo span { display: none } .picshowlist, .pictxt { display: none } .r_box .list-navi ul { padding: 0 15px; } .r_box li { margin-bottom: 15px; padding: 0 15px 15px 15px; } .r_box li p { display: none } .r_box li i { width: 78px; height: 78px; margin-right: 10px; } .r_box li h2 { font-size: 16px; -webkit-line-clamp: 2; margin-top: -3px; } .news_con li { padding:0 } .news_con li p { display: inline; } .bloginfo li { margin: 0 15px 0 0; padding: 0; } .related-list li i { width: 100%; height: 120px; } .related-list li p { display: -webkit-box } .r_box .postfoot { padding-top: 10px; clear: none; } .newsview, .nextinfo, .related-list, .news_pl { padding: 0 15px; } .pagelist { margin: 15px 0; } .aboxd, .newsview, .share, .nextinfo, .related-list, .news_pl { margin-bottom: 15px; } .aboxd { padding: 0 15px; } .single-share { padding: 0 15px 15px; } .share-icons { margin-right: 60px; } .copyright { padding: 0 15px; } .related-list li { width: 50%; padding: 0 5px; margin-bottom: 10px; } .pageload { margin: 0 15px 15px; } .pageload .view-more-button, .pageload .page-load-status p { line-height: 1.5; } .r_box .isTop, .r_box .isfenlei, .sticky-fenlei a { display: none; } } @media only screen and (max-width: 321px) { .r_box .isfenlei { display: none } .r_box li i { width: 55px; height: 55px; margin-right: 10px; } .r_box .postfoot { display: none } .related-list li i { width: 100%; height: 120px; } .media:after { padding-top: 150px; } #go-to-top { right: 10px; bottom: 10px; } .share-icons { display: none; } } /* 重写layui样式*/ .layui-layer-btn .layui-layer-btn0 { border-color: #3355ff !important; background-color: #3355ff !important; } .layui-layer-btn a { margin: 5px !important; } .layui-layer-title { border-radius: 8px 8px 0 0 !important; } /* 重写墨初主题样式 */ .post-like .mccollect span { display: none } .mochu_us_login_user_us { background-color: transparent !important; } .mochu_us_login_user_ul li { border: 0 !important; } #mochu_us_logincelan .mochu_us_login_footerdiv a { margin: 5px !important; background-color: transparent !important; border: 1px solid #e9e9e9 !important; } .mochu_us_login_user_ul { color: inherit !important; } .mochu_us_pst { width: 100% !important; margin: 0 0 20px 0 !important; border: 1px solid #dee2e6 !important; background-color: transparent !important; padding: 13px 15px 15px !important; font-size: 14px !important; color: #888 !important; line-height: 22px !important; border-radius: 3px !important; overflow: hidden !important; } .news_con .mochu_us_pst h2 { font-size: 20px !important; margin: 0 0 10px 0 !important; color: #161e27 !important; padding: 0 0 10px 0 !important; display: block; border-bottom: 1px solid rgba(68, 68, 68, 0.1) !important; } .news_con .mochu_us_pst h2:after { max-width: 82px; } .news_con .mochu_us_pst p { line-height: 2 !important; font-size: 16px !important; margin: 0 0 15px 0 !important; padding: 0 !important; color: #161e27 !important; } .news_con .mochu_us_tip_span a, .news_con .mochu_us_tip_span span { color: #3355ff !important } .mochu_us_xiazai { margin: 0 0 20px 0 !important; border: 1px solid #dee2e6 !important; background-color: transparent !important; padding: 20px !important; } .mochu_us_xiazi_san a { font-weight: 600; } .mochu_us_xiazai_lf { background-image: url(images/xz.svg) !important; } .mochu_us_xiazai_lr a, .mochu-us-shang-div-span { border-radius: 3px !important; background-color: #3355ff !important; } .mochu-us-shang-div p, .mochu-us-shang-div button { color: #555444 !important } .news_con .mochu_us_xiazai_spanspan { color: #8c8e94 !important; } button.mochu-us-shangbuttons { color: #3355ff !important; border: 1px solid #3355ff !important } .night .mochu_us_pst, .night .mochu_us_xiazai { background-color: #2e313a !important; border: 0 !important; color: #FEFFFD !important; } .night .news_con .mochu_us_pst h2, .night .news_con .mochu_us_pst p, .night .mochu_us_xiazi_san a, .night .mochu-us-shang-div p, .night .mochu-us-shang-div button { color: #FEFFFD !important; } /* 夜间模式 */ .night, .night .r_box .isTop:before, .night .r_box .isfenlei:before, .night .sticky-fenlei a:before ,.night .r_box li i { background-color: #282b34; color: #cccdd0 !important; } .night a, .night .sidebar .side-title h3, .night .news_title, .night .diggit, .night .news_about strong, .night .news_con, .night .header-navigation, .night footer, .night .news_about, .night .jz-comments h3, .night .related-list h3, .night .jz-comment h3, .night #starlist .selected ul a { color: #FEFFFD !important; } .night #starlist .selected a { color: #3355ff !important; } .night .logo img { display: none; } .night .logo img.nightlogoimg { display: block; } .night .btn:hover, .night .pageload .view-more-button, .night .pageload .page-load-status p { color: #fff !important; } .night a:hover { color: #448EF6 !important; } .night .r_box li p { color: #cccdd0 } .night .postfoot, .night .sidebar li.widlist .night .sidefoot, .night .bloginfo, .night .sitemap { color: #8c8e94 !important } .night .news_about, .night #divTags li, .night #divContorPanel .cp-login a, .night #divContorPanel .cp-vrs a, .night .tags a, .night .pagelist a, .night textarea, .night input, .night .post-share a, .night .share-icon { background-color: #2e313a !important; border: 0 !important; } .night footer, .night .m_wnews, .night #sticky-wrapper span a, .night .pageload .view-more-button, .night .pageload .page-load-status p, .night .topbox { background-color: #21242b; border: 0; } .night .header-navigation { background-color: #000; } @media only screen and (max-width: 767px) { .night #starlist { background-color: #2e313a; } } .night #starlist ul.sub-nav, .night .us-dropdown { background-color: #2e313a; } .night .us-dropdown .row { border-color: #363a44; } .night #starlist ul.sub-nav:before { border-bottom-color: #1d1f20; } .night .r_box li, .night ul.msg, .night ul.msghead li.tbname, .night ul.msg ul.msg, .night .jz-comment-box, .night .sidebar li.widlist, .night #divCalendar caption, .night #divCalendar table, .night #divCalendar tr, .night #divCalendar th, .night #divCalendar td, .night .r_box .list-navi ul { border-color: #343742; } .night .r_box .list-navi li:before { background-color: #343742; } .night .r_box .list-navi li.selected:before { background-color: #3355ff; } .night textarea, .night input { color: #8c8e94 !important; } .night .b-nav-search_wrap, .night .jz-comment-box, .night #divCalendar thead { background: #2e313a; border: 0 } .night .jz-comment-box input.button, .night .b-nav-search_wrap button, .night #divSearchPanel input[type="submit"] { background: #3355ff !important; color: #FEFFFD !important } .night #divSearchPanel form { border: 0; background: #3355ff !important; } .night .layui-layer { background: #2e313a; color: #FEFFFD !important; } .night .layui-layer button, .night .layui-layer-title { background: #21242b !important; color: #FEFFFD !important; } .night .layui-layer-title { border-color: #21242b }