/*首页的头部搜索框 还有搜索页面的 输入框 */ .site-top .top-menu{flex: none;} .top-search{background:#fff;padding:0px 0px 0;flex: 1;} .top-search .search{border:1px solid #f6f7fa; background:#f6f7fa; border-radius:24px;height:34px;display: flex;padding:0px 10px;-webkit-box-align: center;-webkit-align-items: center;align-items: center;} .top-search .search .ico{width:18px;height:18px;background: no-repeat;background-size: contain;margin:0 6px;opacity: 0.3;} .top-search .search .txt{color:#9d9d9d;font-size:14px;} .top-search .search .text{color:#9d9d9d;font-size:12px;width:100%;background:none;} .cat-guide{background:#fff;display: flex;padding:10px 10px 0px;} .cat-guide .item{flex: 1;padding:0 6px;text-align: center;} .cat-guide .item .ico{text-align: center;} .cat-guide .item .ico .img{display: block;/*height:100%;*/max-width:100%;margin: 0 auto;} .cat-guide .item .ht{font-size:18px;color:#000;font-weight: bold;padding:8px 0 4px;} .cat-guide .item .txt{font-size:14px;color:#999;} /* .cat-guide .item.ask .ico{background-color:#7dbbff;} .cat-guide .item.chat .ico{background-color:#30d4c1;} .cat-guide .item.gh .ico{background-color:#f99152;} */ .cat-guide .item.ask .txt{color:#337dea;} .cat-guide .item.chat .txt{color:#15a597;} .cat-guide .item.gh .txt{color:#f37029;} .index-nav{background-color:#fff;padding:10px 1% !important;overflow: hidden;position: relative;} .index-nav .nav-items{font-size: 0} .index-nav .item{width:25%;display: inline-block;text-align: center;box-sizing: border-box;padding: 0 1%;} .index-nav.w4 .item{width:25%;} .index-nav.w5 .item{width:20%;} .index-nav .item a{display:block;padding:8px 0;} .index-nav .item .ico{display: block;width:70%;text-align: center;margin:0 auto 10px auto;max-width:70px;} .index-nav .item .img{width:100%;} .index-nav .item .txt{font-size:15px;/* font-weight: bold; */color: #2c3033;} .index-nav .swiper-pagination .swiper-pagination-bullet{background:#d8d8d8;height:4px;width:20px;margin: 0 !important;} .index-nav .swiper-pagination .swiper-pagination-bullet-active{background:#3878f8;height:4px;width:20px;} /*首页专家*/ .expert-index .expert{position: relative;/* height: 270px; */box-sizing: border-box;padding:6px 0 16px 0;margin: 0 0px 10px 0px;box-sizing: border-box;} .expert-index .expert .list{overflow-y:hidden;overflow-x:scroll;/*height: 260px;position: absolute;top:0;left:14px;*/white-space:nowrap;overflow: hidden;} .expert-index .item{display:inline-block;/* box-shadow:0 0px 6px 0 #eee; border:1px solid #eee; */ background-color:#f2f5f9; border-radius:4px;margin:0 10px 0 0;text-align: center;width: 140px;padding:16px 10px 10px;box-sizing: border-box;} /* .expert-index .item:first-child{margin-left:16px;} */ /* .expert-index .item:last-child{margin-right:16px;} */ .expert-index .item .img{width:80px;height:80px;border-radius:50%;margin-bottom: 10px;overflow: hidden;} .expert-index .item .info{color: #6b767e;} .expert-index .item .info .name{color:#2c3033;font-size: 16px;} .expert-index .item .info .label{background-color:#fff;border-radius:12px;color:#4690fd;padding:0 6px;line-height:24px;display: inline-block;margin-bottom:4px;} .expert-index .item .info p{white-space:normal;line-height:1.4;margin-bottom:2px;} .expert-index .item .info p:first-child{font-weight: bold;font-size: 16px;} .expert-index .item .info p:nth-child(2){color:#666;} .expert-index .item .info p:nth-child(3),.expert-index .item .info p:nth-child(4){color:#999;} .expert-index .item .info p:nth-child(4){} .expert-index .item a{display: block;} .expert-index .item .zx{margin:4px 0 8px;} .expert-index .item .zx span{background:#5184f7;display: inline-block;border-radius:14px;padding:0 10px;line-height:30px;color:#fff;} .expert-index .item{width:31.33%;margin: 0 1%;} .expert-index .swiper-pagination .swiper-pagination-bullet{background:#d8d8d8;height:6px;width:6px;margin: 0 2px !important;border-radius:3px;display: inline-block;} .expert-index .swiper-pagination .swiper-pagination-bullet-active{background:#3878f8;height:6px;width:16px;} .index-tit{/* border-bottom:1px solid #eee; */padding:4px 0;} .index-tit a{display: flex;padding:10px 14px;align-items: center;} .index-tit h3{flex:1;color:#5184f7;font-size:16px;} .bugu-ad{padding:0px 14px 14px;background-color:#fff;} .bugu-ad img{ width: 100%;vertical-align: top; } .index-tit h3{font-size:20px;padding:0px 20px 0 0px;/*10px 20px 0 20px*/color:#2c3033;position: relative;line-height:40px;box-sizing:border-box;position: relative;font-weight: bold;padding-left:30px;} .index-tit h3:after{width:22px;height:22px;position: absolute;top:8px;left:0px;background-size: contain;content:"";} .doctor-tit h3:after{background:url(/uploads/image/smimg/doctor_t.png) no-repeat;background-size:cover;} .video-tit h3:after{background: no-repeat;background-size:cover;} .index-tit a{padding:6px 14px;} .index-tit .more{font-size: 14px;color:#999;} .index-title{font-size:0px;padding:10px 20px 0 20px;color:#5184f7;position: relative;height:30px;padding-bottom:4px;} .index-title:after{height:30px;position: absolute;top:10px;left:10px;width: 130px;height:30px;background:url(/uploads/image/smimg/h_ico.png) no-repeat;background-size: contain;content:"";} .home-col{background:#fff;margin: 10px 0;padding: 0 0px 10px;} .home-col .col-tit{display: flex;align-items:center;padding: 10px 16px 8px 14px;background: linear-gradient(to bottom, #fcfcfc, #f2f2f2);} .home-col .col-tit .tit{flex: 1;font-size:20px;color:#2c3033;font-weight: bold;padding: 0 0 0 34px;position: relative;} .home-col .col-tit .tit:before{content:"";width:28px;height:28px;position: absolute;left: 0;top: 50%;margin: -15px 0 0 0;background:#2899db;} /* .home-col .col-tit.ht-tt .tit{color:#ed7306;} .home-col .col-tit.ht-dc .tit{color:#2899db;} .home-col .col-tit.ht-kp .tit{color:#5264c8;} .home-col .col-tit.ht-hs .tit{color:#2899db;} .home-col .col-tit.ht-jb .tit{color:#ea6f7f;} .home-col .col-tit.ht-sp .tit{color:#00ba9e;} .home-col .col-tit.ht-yp .tit{color:#54a61d;} */ .home-col .col-tit.ht-tt .tit:before{background:url(/uploads/image/smimg/h_i_tt.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-dc .tit:before{background:url(/uploads/image/smimg/h_i_dc.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-kp .tit:before{background:url(/uploads/image/smimg/h_i_kp.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-hs .tit:before{background:url(/uploads/image/smimg/h_i_hs.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-jb .tit:before{background:url(/uploads/image/smimg/h_i_jb.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-qa .tit:before{background:url(/uploads/image/smimg/h_i_qa.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-sp .tit:before{background:url(/uploads/image/smimg/h_i_sp.png) no-repeat;background-size: contain;} .home-col .col-tit.ht-yp .tit:before{background:url(/uploads/image/smimg/h_i_yp.png) no-repeat;background-size: contain;} .home-col .col-tit .more{position: relative;padding: 0 10px 0 0;color: #666;} .home-col .col-tit .more:after{content:" ";position:absolute;top:50%;right:0;display:inline-block;width:6px;height:6px;border-bottom:1px solid #666;border-right:1px solid #666;-webkit-transform:translatey(-50%) rotate(315deg);-moz-transform:translatey(-50%) rotate(315deg);-ms-transform:translatey(-50%) rotate(315deg);-o-transform:translatey(-50%) rotate(315deg);transform:translatey(-50%) rotate(315deg)} .home-col .tabs{display:-webkit-box;display:-webkit-flex;display:flex;padding:12px 16px 0;} .home-col .tabs .item{flex: 1;margin: 0 10px 0 0;line-height:34px;border-radius:4px;background:#f2f2f2;text-align: center;color:#666;} .home-col .tabs .item:last-child{margin: 0;} .home-col .tabs .item.active{background:#2899db;color:#fff;} .home-col .tabs-content{padding: 0 16px 4px 16px;} .home-col .tabs-content .item{padding:14px 0;display: block;border-bottom:1px solid #eee;} .home-col .tabs-content .item:last-child{border-bottom:none;} .home-col .tabs-content .title{font-size:16px;font-weight: bold;color:#1f1f1f;padding: 0 0 6px 0;} .home-col .tabs-content .desc{color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;} .home-col .tabs-content .span{color:#999;} .home-col .tabs-content .hb{display: flex;padding:10px 0 0;align-items: center;} .home-col .tabs-content .hb .d-info{flex: 1;} /* .home-col .tabs-content .d-info{font-size:12px;} */ .home-col .tabs-content .d-info .name{display: inline-block;margin: 0 6px 0 0;color:#2899db;} .home-col .tabs-content .d-info .txt{color:#666;} .home-col .tabs-content .cont{display: flex;} .home-col .tabs-content .cont .info{flex: 1;} .home-col .tabs-content .cont .pic .img{height:70px;border-radius:4px;margin: 0 0 0 10px;} .home-col .tabs-content .more{background:#fafafa;text-align: center;height:30px;line-height:30px;border-radius:4px;} .home-col .tabs-content .voice-time{background:#e5f5ff;font-size:12px;padding:0px 10px;border-radius:12px;height:26px;line-height:26px;color:#2899db;position: relative;padding: 0 10px 0 22px;} .home-col .tabs-content .voice-time:before{content:"";width:12px;height:12px;position: absolute;top:6px;left:8px;background:url(/uploads/image/smimg/voice_ico1.png) no-repeat;background-size: contain;} .home-col .tabs-content .voice-time .time{color:#2899db;display: inline-block;margin: 0 0 0 4px;} .toutiao-list{padding: 0 16px 0;} .toutiao-list .item{display:-webkit-box;display:-webkit-flex;display:flex;align-items: center;border-bottom:1px solid #eee;padding: 10px 0;} .toutiao-list .item:last-child{border-bottom:none;} .toutiao-list .item .title{font-size:16px;font-weight: bold;color:#1f1f1f;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;margin: 0 0 6px 0;} .toutiao-list .item .desc{color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;} .toutiao-list .item .date{color:#999;padding:6px 0 0;} .toutiao-list .item .pic .img{margin: 0 10px 0 0;width:96px;height:96px;} .img-list{overflow: hidden;} .img-list .item{float:left;width:29.33%;text-align: center;padding: 10px 2%;} .img-list .item .pic{padding: 0 0% 10px 0%;} .yaopin-list .item .pic{padding: 0 0% 10px 0%;} /* .img-list .item .pic{padding: 0 22% 10px 22%;} .yaopin-list .item .pic{padding: 0 16% 10px 16%;} */ .img-list .item .pic .img{/*width:100%;*/width:60px;height:60px;overflow: hidden;} .img-list .item .name{font-size:16px;font-weight: bold;color:#1f1f1f;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;margin: 0 0 2px 0;} .yaopin-list .item .name{font-weight: normal;} .img-list .item .txt{color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;} .tags{overflow: hidden;} .tags li{float: left;width:25%;margin: 0 0 10px 0;} .tags .tag{display: block;margin: 0 10px 0 0;line-height: 36px;background-color:#f2f2f2;text-align: center;border-radius:2px;color:#666;} .tags li:nth-child(4) .tag,.tags li:last-child .tag{margin: 0;} .live-list{overflow: hidden;padding:12px 16px 0;} .live-list .item{float:left;} .live-list .item .pic{margin: 0 0 6px 0;} .live-list .item .img{width:100%;border-radius:4px;} .live-list .item:nth-child(1),.live-list .item:nth-child(3){width:49%;padding: 0 1% 0 0;} .live-list .item:nth-child(2),.live-list .item:nth-child(4){width:49%;padding: 0 0 0 1%;} .live-list .item .title{font-size:16px;/* font-weight: bold; */color:#1f1f1f;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;margin: 0 0 2px 0;} .live-list .item .d-info{padding:2px 0 10px;} .live-list .item .d-info .name{color:#2899db;} .live-list .item .d-info .txt{display: inline-block;margin: 0 0 0 10px;color:#666;} .hot-tags{overflow: hidden;} .hot-tags .tag{float:left;margin: 0 10px 8px 0;line-height: 36px;background-color:#f2f2f2;text-align: center;border-radius:2px;color:#666;padding: 0 16px;} .hot-list{} .hot-list .item{display: block;padding:10px 0;border-bottom:1px solid #eee;} .hot-list .item:last-child{border-bottom: none;} .hot-list .item .title{font-size:18px;font-weight: ;color:#1f1f1f;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;margin: 0 0 2px 0;} .hot-list .item .d-info{padding:2px 0 6px;} .hot-list .item .d-info .name{color:#2899db;} .hot-list .item .d-info .txt{display: inline-block;margin: 0 0 0 10px;color:#666;} .home-col .index-qa-list{padding: 0 16px 4px 16px;} .index-qa-list .item .title{padding: 0 0 0px 24px;margin: 0 0 4px 0;position: relative;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;} .index-qa-list .item .title:before{content:'q';width:18px;height:18px;background:#3880e7;color:#fff;text-align: center;line-height:18px;position: absolute;left: 0;top:0px;/* top:50%;margin: -10px 0 0; */font-weight: normal;border-radius:4px;font-size:14px;} .home-content{padding:12px 16px 0;}