html{-webkit-font-smoothing:antialiased;background:#fff;}
body{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;cursor:default;-ms-content-zooming:none;-webkit-text-size-adjust:100%;height:100%;color:#000;font-family:songti,YaHei,microsoft YaHei,Helvetica,Tahoma,sans-serif;font-size:16px;line-height:1.5;padding:0;margin:0;}
body{font-size:14px;}
:root{--bs-nav-link-font-size:16px;}
.block{display:block}
.relative{position:relative}
.absolute{position:absolute;}
.rounded-lg{border-radius:0.5rem}
.w-full{width:100%}
.h-60{height:15rem}
.object-cover{object-fit:cover}
.bg-gradient-to-r{background-image: linear-gradient(to right, rgb(0 0 0 / 0.7) , transparent);}
.text-white-80{color:rgba(255, 255, 255,0.8);}
.max-w-md{max-width:28rem}
.top{height:80px;position:fixed;top:0;background-color:#fff;right:0;left:0;z-index:1000;}
.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998;display:none;}
.top .container{height: 80px;display:flex;justify-content:space-between;align-items:center;}
.header_blank{height:100px;}
.top h1{margin:0;width:210px;height:100%;overflow:hidden;background:url(./logo/logo_with.png) 0 50% no-repeat;background-size:auto 40%;text-indent:-20000px;}
.top h1 a{width:180px;height:100%;display:block;}
.top .menu{display:flex;align-items:center;gap:20px}
.top .menu .sign_in{border-radius:20px;width:110px;text-align:center;}
.top .menu .other{color:#1677ff;}
.banner{height:95px;border-radius:12px;overflow:hidden;background:#2a64f2 url(./image/banner.png) right 0 no-repeat;background-size:auto 100%;color: #fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.banner b{font-size:18px;margin-left:20px;}
.banner span{font-size:12px;margin-left:20px;}
.dropdown-menu{right:0;padding:0;overflow:hidden;}
.dropdown-menu li{height:50px;line-height:50px;text-indent:10px;border-bottom:1px solid #eee;}
.dropdown-menu li a{text-decoration:none;;}
.dropdown-menu li:last-child{border-bottom:none;color:#fff;background-color:#1677ff;}
.dropdown-menu li:last-child a{color:#fff;}
.search-bar{padding-top:16px;}
.search-bar dl{display:flex;padding:10px;border-bottom:1px solid #eee;margin-bottom:0;}
.search-bar dl dt{width:50px;line-height:36px;color:#999;font-weight:normal;font-size:16px;}
.search-bar dl dd{flex:1;display:flex;flex-wrap: wrap;gap: 12px;}
.sort-bar{font-size:16px;}
.sort-bar span{cursor:pointer;}
.sort-bar span:hover{color:#1677ff;}
.navigation{display:flex;justify-content:center;padding:50px 0;}
.card-hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;}
.card-hover:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.card-img-top{height:200px;object-fit:cover;}
.card-title{height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
footer{background-color: #333;font-size:16px;}
.aside{position:fixed;right:20px;bottom:280px;z-index:10;display:flex;flex-direction:column;gap:20px;}
.aside .item{width:66px;height:66px;cursor:pointer;background:#fff;border-radius:50%;display:flex;
justify-content:center;align-items:center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);position:relative;font-size:32px;transition: all 0.3s ease-in-out;}
.aside .chat{color:#1677ff;}
.aside .wechat{color:#07c160;}
.aside .item:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.2);transform:translateY(-2px);}
.aside .wechat .qr_code{display:none;width:280px;height:280px;position:absolute;bottom:0;right:80px;background:#fff url(./image/wechat_qr_code.png) center center no-repeat;background-size:200px 200px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);border-radius:8px;}
.aside .wechat:hover .qr_code{display:block;}

.top,.top .container,.header_blank{height:64px;}
.top_nav{flex:1;}
.nav_title{margin:0;font-size:24px;font-weight:800;}
.card-title-1{-webkit-line-clamp:1;height:24px;}
.card{overflow:hidden;}
.card-image{height:160px;position:relative;overflow:hidden;}
.card-image h3{position:absolute;left:0;right:0;top:50%;color:#fff;text-align:center;z-index:2;transform:translateY(-50%);font-size:22px;font-weight:normal;}
.card-image h3 p{font-size:16px;}
.card-image img{width:100%;height:100%;object-fit:cover;}
.doc_card,.software_card{padding:16px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;}
.doc_card{border:none;border-left-width:4px;border-left-style:solid;}
.doc_card.doc_card_1{border-left-color:rgb(22, 93, 255)!important;}
.doc_card.doc_card_2{border-left-color:rgb(54, 207, 201)!important;}
.doc_card.doc_card_3{border-left-color:rgb(34, 197, 94)!important;}
.doc_card.doc_card_4{border-left-color:rgb(168, 85, 247)!important;}
.doc_card{padding:16px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;}
.object-cover {object-fit: cover;}
.card-image span{position:absolute;background-color:rgba(0, 0, 0, 0.7);padding:4px 8px;color:#fff;font-size:12px;border-radius:4px;right:8px;bottom:8px;}
.software_card_image{width:80px;height:80px;}
.btn-tiny{font-size:12px;padding:2px 8px;}
.news-items{padding:12px;}
.news_items{gap:16px;display:flex;flex-direction: column;}
.news-top{height:100%;}
.news-top .image{flex:2;}
.news-top .image img{width:100%;height:100%;object-fit:cover;}
.news-top .info{flex:3;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.news-top .info .news-top-title{}
.news-top .info .news-top-title .title{}
#buyback .absolute{left:0;top:0;right:0;bottom:0;}
.video-container{position:relative;height:500px;}
.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-container .cover{position:absolute;left:0;top:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.video-container .cover .title{position:absolute;left:0;top:15%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;font-size:32px;font-weight:500;gap:20px}
.video-container .cover .title div{font-size:24px;}
.btn-circle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(2);}
.bar_title{padding:16px;font-size:16px;border-bottom:1px #ddd solid;}
.bar_title i{color:#0d6efd}
.bar_item{display:flex;gap:12px;padding:16px;border-bottom:1px #ddd solid;height:97px;text-decoration:none;}
.bar_item .bar_item_image{height:64px;width:96px;overflow:hidden;position:relative;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;font-size:10px;border-radius:4px;}
.bar_item .bar_content{flex:1;color:#111;font-size:12px;display:flex;flex-direction:column;justify-content:space-around;}
.bar_item .bar_content b{-webkit-line-clamp:2;font-size:13px;}
.bar_item .bar_time{color:rgb(134, 144, 156);width:60px;font-size:12px;display:flex;justify-content:center;align-items:center;}
.bar_more{text-align:center;height:45px;line-height:45px;display:block;}
.bar_more:hover,
.bar_item:hover{background-color:rgba(33, 37, 41, 0.15);}
#main{min-height:360px;}