@charset "UTF-8";
/*head*/
.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*/
 body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f1f5f8}
.container{max-width:1160px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:20px}
.right{flex:1;box-sizing:border-box}
.left h2{font-size:20px;margin-bottom:15px;border-left:4px solid #fd5a5b;padding-left:8px}
.left{flex:0 0 800px;max-width:800px;padding:20px;box-sizing:border-box;margin:0 auto;}.breadcrumb{font-size:14px;color:#888;margin-bottom:15px;}.breadcrumb a{color:#333;text-decoration:none;}.breadcrumb a:hover{color:#fd5a5b;}.categroy-list{background:#fff;border:1px solid #eee;border-radius:6px;padding:15px 20px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .3s;}.categroy-list a{text-decoration:none;color:#333;}.categroy-list:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);}.categroy-title h3{font-size:18px;margin:0 0 10px;font-weight:bold;line-height:1.4;}.categroy-title h3 a{color:#333;text-decoration:none;}.categroy-title h3 a:hover{color:#fd5a5b;}.categroy-content p{font-size:15px;color:#555;line-height:1.6;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;}.categroy-info{font-size:14px;color:#999;display:flex;gap:20px;}.icon-time,.icon-archive{display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:5px;}.icon-time{background-image:url("//bluester.cn/skin/common/icon/time.png");}.icon-archive{background-image:url("//bluester.cn/skin/common/icon/archive.png");}.categroy-info span{display:flex;align-items:center;}.categroy-info a{color:#333;text-decoration:none;}.categroy-info a:hover{color:#fd5a5b;}@media (max-width:900px){.left{flex:1 1 100%;max-width:100%;padding:15px;}.categroy-title h2{font-size:16px;}.categroy-content p{font-size:14px;}}
.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}
.pagination{margin:30px 0;text-align:center}
.pagination ul{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:5px}
.pagination li{display:inline-block}
.pagination li a,.pagination li span{display:block;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;text-decoration:none}
.pagination li.active span{background:#fd5a5b;color:#fff;border-color:#fd5a5b}
.pagination li a:hover{background:#f0f0f0}
@media (max-width:900px){.left{flex:100%;max-width:100%;padding:10px}
.right{display:none}
}
.ask-banner{clear:both;margin-bottom:10px;background-color:#f6f6f6;padding:48px 0}
.ask-banner h4{padding-top:5rem;font-size:21px;font-family:fangsong;display:block;margin:0 auto;width:90%;max-width:980px;text-align:center}
.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%}
}
/*footer*/
.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}
.friendlink li{list-style:none;float:left}
.friendlink li a{color:#666;font-size:14px}
.toutiao {clear: both; position: relative; margin-bottom: 20px; background-color: #fff; padding: 20px 20px; 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;}