@charset "UTF-8";
/*header*/
.header{width:100%;background-color:#fff;z-index:99;position:fixed;top:0;box-shadow:0 1px 3px rgba(158,158,158,.22);transition:all .3s;border-top:1.5px solid #ff3636}
.header:before{content:'';display:block;height:2px;background:linear-gradient(to right,#f3005c,#ffde00);margin-top:-2px}
.page-top{max-width:1160px;width:96%;position:relative;z-index:3;margin:0 auto;height:63px;display:flex;align-items:center;justify-content:space-between}
#logo-text img{max-height:39px;width:auto;transition:all .3s ease-out;vertical-align:top}
.con{display:none;cursor:pointer;padding:10px;margin-left:10px}
.icon-menu{display:block;font-size:24px;line-height:20px;color:#222831;font-family:inherit}
.icon-menu::before{content:"≡"}
.menu{list-style:none;font-size:12px;display:flex;justify-content:flex-start;align-items:center;margin-right:2rem;height:100%;margin-bottom:0;margin-top:0}
.menu li{position:relative;display:block;padding:10px 0 10px 40px;font-size:16px}
.menu li a{color:#222831;font-size:16px;text-decoration:none;white-space:nowrap;transition:color .2s;padding:1.2rem 0}
.menu .active,.menu a:hover{color:#ff3636!important}
.mobile-sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;z-index:100;transition:left .3s ease;box-shadow:2px 0 5px rgba(0,0,0,.2);padding-top:63px;display:none}
.mobile-sidebar.active{left:0;display:block}
.mobile-sidebar .menu{flex-direction:column;padding:10px}
.mobile-sidebar .menu li{width:100%;padding:10px 0;text-align:left}
.mobile-sidebar .menu li a{padding:10px;display:block}
.bgDiv{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99}
.bgDiv.active{display:block}
@media (min-width:768px){.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.mobile-sidebar{display:none}
.con{display:none}
.bgDiv{display:none}
.menu{display:flex}
}
@media (max-width:767px){.page-top .menu{display:none}
.col-md-4{display:none}
.bei{display:none}
.con{display:block}
#logo-text{margin:0 auto}
.mobile-sidebar .menu{display:none}
.mobile-sidebar.active .menu{display:flex;flex-direction:column}
}
 body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f1f5f8}
.container{max-width:1160px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:20px}
.left{flex:0 0 800px;max-width:800px;box-sizing:border-box}
.right{flex:1;min-width:250px;box-sizing:border-box;border-radius:8px}
.card{background:#fff;padding:20px;margin-bottom:20px;border-radius:8px}
h1{font-size:22px;margin:0 0 10px;color:#333}
.bac {clear:none;margin-bottom:4rem;}
.meta{font-size:12px;color:#999;margin-bottom:10px}
.answer-header{display:flex;align-items:center;margin-bottom:10px}
.answer-header img{width:40px;height:40px;border-radius:50%;margin-right:10px}
.best-tag{background:#ffefef;color:#d33;font-size:12px;padding:2px 6px;border-radius:4px;margin-left:10px}
.answer-content{font-size:1.1rem;color:#333;line-height:1.8;word-break:break-word;font-family:'Microsoft yahei'}
.answer-content p{margin:0 0 12px}
.answer-content a{color:#d33;text-decoration:none}
.answer-content a:hover{text-decoration:underline}
.answer-content h2,.answer-content h3,.answer-content h4{margin:16px 0 8px;line-height:1.4;font-weight:700;color:#222}
.answer-content h2{font-size:18px;border-left:4px solid #d33;padding-left:6px}
.answer-content h3{font-size:16px}
.answer-content h4{font-size:15px;color:#444}
.answer-content ol,.answer-content ul{margin:0 0 12px 20px;padding:0}
.answer-content li{margin:6px 0;line-height:1.6}
.answer-content table{border-collapse:collapse;margin:12px 0;width:100%;font-size:14px}
.answer-content td,.answer-content th{border:1px solid #ddd;padding:8px 10px;text-align:left}
.answer-content th{background:#f5f5f5;font-weight:700;color:#333}
.answer-content tr:nth-child(even){background:#fafafa}
.answer-content img{max-width:100%!important;height:auto!important;padding:3px;border:2px solid #eee;border-radius:10px;display:block;margin:auto;width:75%;}
table{border-collapse:collapse;font-size:13px;margin:0 0 15px;word-break:normal;margin-left:auto;margin-right:auto;width:98%}
td,th{border:2px solid #f4f4f4;padding:8px 12px}
.section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;border-left:4px solid #d33;padding-left:8px}
.latest-qa{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}
.latest-qa a{font-size:1rem;color:#333;text-decoration:none}
.latest-qa a:hover{text-decoration:underline;color:#d33}
.expert{font-size:24px;color:#d33;font-weight:700;margin:10px 0;text-align:center}
.expert-avatars{text-align:center}
.avatar-wrap{position:relative;display:inline-block;width:40px;height:40px;margin:5px}
.avatar-wrap img{width:100%;height:100%;border-radius:50%}
.avatar-wrap.first::before{content:"";position:absolute;top:0;left:0;width:20px;height:40px;background:linear-gradient(90deg,#fff 0,#fff0 25%,#fff0 75%,#fff 100%);border-radius:50%;pointer-events:none}
.ask-btn-wrap{text-align:center;margin-top:15px}
.ask-btn{display:inline-block;background:#d33;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px}
.ask-btn:hover{background:#b22}
.tip{font-size:12px;color:#666;margin-top:10px;text-align:center}
.expert{font-size:24px;color:#fd5a5b;font-weight:700;margin:10px 0;text-align:center}
.expert-avatars{display:flex;justify-content:center}
.avatar-wrap{position:relative;display:inline-block;width:40px;height:40px;margin:5px}
.avatar-wrap img{width:100%;height:100%;border-radius:50%}
.avatar-wrap.first::before{content:"";position:absolute;top:0;left:0;width:20px;height:40px;background:linear-gradient(90deg,#fff 0,#fff0 25%,#fff0 75%,#fff 100%);border-radius:50%;pointer-events:none}
.ask-btn{display:inline-block;background:#fd5a5b;color:#fff;padding:10px 20px;margin-top:15px;border-radius:5px;text-decoration:none;text-align:center}
.ask-btn-wrap{text-align:center}
.qa-category{margin-top:30px;background:#fff;padding: 1px 15px 20px 15px;}
.qa-category ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:10px}
.qa-category li a{display:inline-block;padding:6px 12px;border:1px solid #fd5a5b;color:#fd5a5b;border-radius:4px;text-decoration:none;font-size:15px;text-align:center}
.qa-category li a:hover{background:#fd5a5b;color:#fff}
.hot-list{margin-top:30px;background:#fff;padding:1px 15px 20px 15px;}
.hot-list ul{list-style:none;padding:0;margin:0}
.hot-list li{font-size:14px;margin:5px 0;display:flex;align-items:center}
.hot-list li span{display:inline-block;width:20px;font-weight:700}
.hot-list li:nth-child(1) span,.hot-list li:nth-child(2) span,.hot-list li:nth-child(3) span{color:#fd5a5b}
.hot-list li a{color:#333;text-decoration:none}
.hot-list li a:hover{color:#fd5a5b}
.zjzx{padding:20px;border:1px solid #e5e5e5;background:#fff}
.zjzx-title{text-align:center}
.breadcrumbs { color: #999; font-size: 11px; }
.breadcrumbs a {font-size: 12px; color: #999; margin-bottom: 10px;text-decoration:none;}
.breadcrumbs a:hover {color:#fd5a5b}
@media (max-width:900px){.left{flex:100%;max-width:100%}
.right{display:none}
.latest-qa{grid-template-columns:1fr}
}
/*footer*/
.widget-footer{padding-bottom:45px;padding-top:45px}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:#fd5a5b}
.site-footer li{list-style:none}
@media (min-width:1200px){.container{max-width:1160px}
}
.row{display:flex;flex-wrap:wrap;margin-right:-15px}
.widget a:hover{color:#fd5a5b}
@media (min-width:768px){.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
}
.logo.text{font-size:20px;font-weight:700}
.logo.text img{display:inherit}
.logo img{max-height:63px}
.widget-footer .site-info{color:#C0C0C0;margin-top:10px;padding-right:15px}
.widget-footer .site-info a{color:#C0C0C0}
@media (min-width:768px){.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
}
@media (min-width:768px){.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
}
.widget-footer .widget-title{font-size:16px;color:#dadada;margin-bottom:24px;font-weight:700}
.widget ul{list-style-type:none;margin:0;padding:0}
.widget-footer .widget ul li>a{color:#C0C0C0;display:inline-block}
/*add in 0904*/
.toutiao {clear: both; position: relative; margin-bottom: 20px; background-color: #fff;border-radius: 6px;}
.toutiao a{color: #ff5e52;display: block; padding: 0 20px 20px;border: 1px solid #fff; background-color: #fff; border-radius: 6px;text-decoration:none;}
.toutiao strong {margin: -1px 0 5px 0; display: inline-block; padding: 5px 15px; color: #fff; font-size: 14px; font-weight: normal; border-radius: 0 0 6px 6px;background-color: #ff5e52;}
.toutiao p {color: #999999; margin-bottom: 0;font-size:13px;}
.toutiao h3 {font-size:18px;}