*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}ul,ol{list-style:none}.clear{clear:both}.cf:after{content:"";display:table;clear:both}.visible-xs{display:none}.hidden-xs{display:block}.header{background:#fff;border-bottom:1px solid #e5e5e5;position:relative;height:60px}.header_logo{float:left;padding:10px 0}.header_logo a{display:block;color:#333;font-size:20px;font-weight:bold}.header_logo span{display:block}.header_logo p{font-size:12px;color:#666;margin-top:2px}.header_logo_left{float:left;margin-left:20px;height:60px;line-height:60px}.header_logo_middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:bold}.header_logo_right{float:right;height:60px}.header_logo_right li{float:left;margin-left:10px;height:60px;line-height:60px}.header_logo_right a{display:block;width:40px;height:40px;margin-top:10px;background:#f0f0f0;border-radius:4px}.header_search{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-top:none;padding:15px;display:none}.header_search form{display:flex;max-width:600px;margin:0 auto}.header_search input{flex:1;padding:8px 12px;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px}.header_search button{padding:8px 20px;background:#3373dc;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.nav{background:#3373dc;height:45px}.nav ul{display:flex;justify-content:center;height:45px}.nav li{height:45px}.nav a{display:block;padding:0 20px;height:45px;line-height:45px;color:#fff;transition:background .3s}.nav a:hover{background:rgba(255,255,255,.1)}#main{max-width:1200px;margin:20px auto;padding:0 15px}#hotcontent{display:flex;gap:20px;margin-bottom:30px}#hotcontent .l{flex:2}#hotcontent .r{flex:1}#hotcontent h2{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #3373dc}.item{background:#fff;border:1px solid #e5e5e5;margin-bottom:15px;padding:15px;display:flex;gap:15px}.item .image{flex-shrink:0}.item .image img{width:120px;height:150px;object-fit:cover}.item dl{flex:1}.item dt{font-size:16px;font-weight:bold;margin-bottom:8px}.item dt a{color:#333;transition:color .3s}.item dt a:hover{color:#3373dc}.item dd{color:#666;line-height:1.5;margin-bottom:10px}.item .btm{font-size:12px;color:#999}.item .btm em{margin-left:10px;font-style:normal}.item .btm .orange{color:#ff6600}.item .btm .blue{color:#3373dc}#hotcontent .r ul{background:#fff;border:1px solid #e5e5e5}#hotcontent .r li{display:flex;align-items:center;padding:8px 15px;border-bottom:1px solid #f0f0f0;transition:background .3s}#hotcontent .r li:hover{background:#f8f9fa}#hotcontent .r li:last-child{border-bottom:none}#hotcontent .r .s1{background:#3373dc;color:#fff;padding:2px 6px;border-radius:2px;font-size:11px;min-width:35px;text-align:center}#hotcontent .r .s2{flex:1;margin:0 10px}#hotcontent .r .s2 a{color:#333;transition:color .3s}#hotcontent .r .s2 a:hover{color:#3373dc}#hotcontent .r .s5{color:#999;font-size:12px}.novelslist{margin-bottom:30px}.novelslist .content{background:#fff;border:1px solid #e5e5e5;margin-bottom:20px}.novelslist h2{background:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:12px 15px;font-size:16px;margin:0}.novelslist h2 a{color:#333;transition:color .3s}.novelslist h2 a:hover{color:#3373dc}.novelslist ul{padding:15px}.novelslist li{float:left;width:50%;padding:5px 10px}.novelslist li a{color:#333;transition:color .3s}.novelslist li a:hover{color:#3373dc}.novelslist li i{color:#999;font-style:normal;margin-left:10px;font-size:12px}#newscontent{display:flex;gap:20px}#newscontent .l{flex:2}#newscontent .r{flex:1}#newscontent h2{font-size:18px;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #3373dc}#newscontent ul{background:#fff;border:1px solid #e5e5e5}#newscontent li{display:flex;align-items:center;padding:8px 15px;border-bottom:1px solid #f0f0f0;transition:background .3s}#newscontent li:hover{background:#f8f9fa}#newscontent li:last-child{border-bottom:none}#newscontent .s1{background:#3373dc;color:#fff;padding:2px 6px;border-radius:2px;font-size:11px;min-width:35px;text-align:center;margin-right:10px}#newscontent .s2{flex:1;margin-right:10px}#newscontent .s2 a{color:#333;transition:color .3s}#newscontent .s2 a:hover{color:#3373dc}#newscontent .s3{margin-right:10px}#newscontent .s3 a{color:#666;font-size:12px;transition:color .3s}#newscontent .s3 a:hover{color:#3373dc}#newscontent .s4{color:#999;font-size:12px;margin-right:10px}#newscontent .s5{color:#999;font-size:12px}#firendlink{margin:20px auto;padding:10px 15px;max-width:1200px;color:#666;font-size:14px}.footer{background:#333;color:#fff;text-align:center;padding:30px 0;margin-top:40px}.footer_cont p{margin-bottom:8px;font-size:12px}.footer_cont a{color:#ccc;transition:color .3s}.footer_cont a:hover{color:#fff}.gotop{position:fixed;bottom:50px;right:50px;width:50px;height:50px;background:#3373dc;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s}.gotop.show{opacity:1;visibility:visible}@media(max-width:768px){.visible-xs{display:block}.hidden-xs{display:none}.header{height:auto;padding:10px 0}.header_logo{float:none;text-align:center;margin-bottom:10px}.header_logo_left,.header_logo_middle,.header_logo_right{display:none}.header_search{position:static;display:block;border:none;padding:10px 15px}.nav{height:auto}.nav ul{flex-direction:column;height:auto}.nav li{height:auto}.nav a{height:auto;line-height:1.5;padding:10px 15px}#hotcontent{flex-direction:column}#hotcontent .l,#hotcontent .r{flex:none}.item{flex-direction:column}.item .image{align-self:center}.novelslist li{width:100%;float:none}#newscontent{flex-direction:column}#newscontent .l,#newscontent .r{flex:none}#newscontent li{flex-wrap:wrap;gap:5px}#newscontent .s1{order:1}#newscontent .s2{order:2;flex:100%;margin:5px 0}#newscontent .s3{order:3;flex:100%;margin:0}#newscontent .s4{order:4}#newscontent .s5{order:5}.gotop{bottom:20px;right:20px;width:40px;height:40px}}html{scroll-behavior:smooth}