.hs-slide{margin:0px 10px 0;}
.hs-slide .pic{width:100%;border-radius:8px;}

.hs-nav{background:#fff;position:sticky;top:0;z-index:99;border-bottom:1px solid #eee;}
.hs-nav ul{overflow-x: auto;white-space:nowrap;padding: 4px 10px 6px;}
.hs-nav .item{display: inline-block;}
.hs-nav .item a{display: block;line-height:32px;height:32px;padding:8px 12px;font-size:16px;position: relative;}
/* .hs-nav .item a{height:80px;line-height:80px;font-size:20px;position: relative;} */
.hs-nav .item.cur{font-weight: bold;}
.hs-nav .item.cur a{color:#3880e7;}
.hs-nav .item.cur a:after{position: absolute;content:"";left:50%;bottom:2px;width:40px;height:2px;background:#3880e7;margin: 0 0 0 -20px;}
.top-hs-nav ul{display: flex;}
.top-hs-nav .item{flex: 1;text-align: center;}

.hs-mode{border-radius:10px;background:#fff;margin:14px 14px;padding:16px 16px 10px 16px;}

.hs-top-mode{padding:16px 0 0;}
.hs-top-mode .hs-top{display: flex;padding:0 16px 12px;}
.hs-top-mode .hs-top .info{flex: 1;font-size:14px;}
.hs-top-mode .hs-top .info h1{font-size:28px;padding: 0 0 10px 0;color:#222;}
.hs-top-mode .hs-top .logo .img{width:80px;height: 80px;border-radius:40px;}
.hs-top-mode .hs-top .ht{color:#666;padding:0 0 12px 0;display: block;}
.hs-top-mode .hs-top .ht .label{color:#999;}
.hs-top-mode .hs-top .hb{}
.hs-top-mode .hs-top .hb .tag{display: inline-block;margin:0 10px 0 0;border-radius:10px;line-height:12px;height:12px;font-size:12px;padding:6px 10px;color:#3880e7;background:#f6f6f6;}


.hs-mini-nav{border-top: 1px solid #eee;padding: 0 6px;}
.hs-mini-nav ul{overflow-x: auto;white-space:nowrap;}
.hs-mini-nav .item{display: inline-block;}
.hs-mini-nav .item a{display: block;line-height:32px;height:32px;padding:8px 12px;font-size:16px;}
.hs-mini-nav .item.cur a{color:#3880e7;}

.hs-mode .ht{display: flex;padding: 0 0 0px 0;}
.hs-mode .ht:nth-child(1+n){margin-top: 20px}
.hs-mode.hs-about .ht{padding:  0 0 8px 0;}
.hs-mode .ht .t{font-size:22px;font-weight: bold;color:#222;flex: 1;}
.hs-mode .more{position: relative;}
.hs-mode .more:after{content:" ";position:absolute;top:50%;right:0;display:inline-block;width:6px;height:6px;border-bottom:1px solid #333;border-right:1px solid #333;-webkit-transform:translateY(-50%) rotate(315deg);transform:translateY(-50%) rotate(315deg);margin-top: -4px;}


.hs-about{font-size:16px;}
.hs-about .hs-desc{line-height:1.8;margin: 0 4px 6px 4px;}
.hs-about .hs-desc img{max-width: 60%;border-radius:10px;}
.article-info{color:#999;padding: 4px 0 8px;font-size:14px;}

.hs-mode .hs-website{margin:6px 0 10px;display: flex;font-size: 16px;}
.hs-mode .hs-website .t{font-weight: bold;display: inline-block;margin: 0 14px 0 0;}
.hs-mode .hs-website .link{flex: 1;color:#3880e7;}

.hs-top-mode .hs-website{padding:12px 16px 10px;border-top: 1px solid #eee;margin: 6px 0;}

.hs-about .hs-map{border-top: 1px solid #eee;padding: 12px 0 0;}
.hs-about .map-tabs{margin: 0 0 8px 0;}
.hs-about .map-tabs .item{display: inline-block;margin: 0 10px 0 0;line-height:32px;padding: 0 16px;background:#f5f5f5;border-radius:4px;}
.hs-about .map-tabs .item.active{color:#3880e7;background:#e1ebfc;}

.hs-about .map-cont{padding:0px 0 0;}
.hs-about .map-item{display: block;}
.hs-about .map-item.hide{display: none;}
.hs-about .map-item .df{padding:6px 0;align-items: center;}
.hs-about .map-cont .ico{width:16px;height:16px;display: inline-block;margin: 0 10px 0 0;}
.hs-about .map-cont .ico.phone{background:url(../img/tel.png) no-repeat;background-size: contain;}
.hs-about .map-cont .ico.address{background:url(../img/address.png) no-repeat;background-size: contain;vertical-align:2px;}
.hs-about .map-cont .ico.time{background:url(../img/time.png) no-repeat;background-size: contain;}
.hs-about .map-cont .ico.map{background:url(../img/map.png) no-repeat;background-size: contain;}
.hs-about .map-cont .text{flex: 1;}
.hs-about .txt-items{padding:2px 0 6px 22px;}
.hs-about .txt-items .txt{font-size:14px;color:#666;line-height: 1.6;}
.hs-about .txt-items .txt a{display: inline-block;margin: 0 0 0 10px;color:#3880e7;}
.hs-about .tips{color:#999;font-size:12px;}

.hs-keshi-items{font-size:0;padding: 0 0 10px 0;}
.hs-keshi-items .item{display: inline-block;width:33.33%;vertical-align: top;}
.hs-keshi-items .item a{font-size:16px;margin:10px;background: #f5f5f5;display: block;text-align: center;border-radius:6px;height:80px;display: flex;align-items: center;justify-content:center;flex-direction:column;}
.hs-keshi-items .item .txt{color:#3880e7;font-size:14px;padding: 4px 10px 0;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.hs-keshi-items .item .c-name{font-size:18px;font-weight: bold;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;padding: 0 10px;}
.hs-keshi-inner .item .txt{color:#999;}

.hs-doctor-list{}
.hs-doctor-list .item{display: flex;padding:14px 0;border-bottom:1px solid #eee;}
.hs-doctor-list .item:last-child{border-bottom: none;}
.hs-doctor-list .item .img{width:80px;height:80px;border-radius:40px;border: 1px solid #eee;margin: 0 16px 0 0;}
.hs-doctor-list .item .info{flex: 1;}
.hs-doctor-list .item .mt{}
.hs-doctor-list .item .mt .txt{color:#666;display: inline-block;margin: 0 0 0 10px;}
.hs-doctor-list .item .mt .name{color:#1F1F1F;font-size:18px;font-weight: bold;margin: 0;}
.hs-doctor-list .item .mc{padding: 6px 0;}
.hs-doctor-list .item .mc .hs-name{}
.hs-doctor-list .item .mc .label{border: 1px solid #3880e7;color:#3880e7;height:20px;border-radius:14px;padding: 0 8px;line-height:20px;display: inline-block;margin: 0 0 0 10px;font-size:14px;}
.hs-doctor-list .item .mt{}
.hs-doctor-list .mb{overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis; color:#666}
.hs-doctor-list .item .btns{padding: 10px 0 0;}
.hs-doctor-list .item .btn{height:32px;line-height:34px;padding: 0 12px;border-radius:15px;color:#fff;background:#4690fd;display: inline-block;margin: 0 10px 0 0;}
.hs-doctor-list .item .btn.green{background:#44b55f;}
.hs-doctor-list .item .btn.blue{background:#4690fd;}

.hs-env{display: flex;padding: 12px 0 0;}
.hs-env ul{display: flex;flex-wrap: wrap;flex-direction: row;align-items: self-start;justify-content: space-between}
.hs-env li{width:50%;display: inline-block;margin: 0 0 12px 0;}
.hs-env .item{position: relative;box-sizing: border-box;}
.hs-env li:nth-child(2n) .item{margin: 0 0 0 8px;}
.hs-env li:nth-child(2n+1) .item{margin: 0 8px 0 0;}
.hs-env .item .img{width:100%;border-radius:10px;}
.hs-env .item .txt{position: absolute;bottom:0;left:0;right: 0;color:#fff;background:rgba(0,0,0,.4);border-radius:0 0 10px 10px;padding:10px 20px;line-height:1;font-size:14px;}

.hs-article-list{}
.hs-article-list .item{display: flex;padding: 10px 0;border-bottom:1px solid #eee;}
.hs-article-list .item:last-child{border-bottom:none;}
.hs-article-list .item .info{flex: 1;padding:4px 0 0;}
.hs-article-list .item .info .title{font-size:16px;line-height:1.2;}
/* max-height:2.2em;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis; */
.hs-article-list .item .info .desc{font-size:14px;line-height:1.4;color:#999;margin: 6px 0 0;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;}
/* overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis; */
.hs-article-list .item .info .mc{display: flex;align-items: center;padding: 6px 0 0;}
.hs-article-list .item .info .hs-name{background:#fafafa;border-radius:4px;padding:4px 6px;color:#999;}
.hs-article-list .item .info .date{flex: 1;color: #999;text-align: right;}
.hs-article-list .item .pic{margin:0 0 0 12px ;width:130px;}
.hs-article-list .item .pic .img{width:100%;border-radius:4px;}

.mz-desc{color:#999;padding: 6px 0 0;}

.hs-select{text-align: center;padding: 0;}
.hs-select .doctor-select{vertical-align: top;}
.hs-select .doctor-select .txt{display: inline-block;padding:0 20px 0 16px;position: relative;line-height:45px; -webkit-line-clamp: 1;overflow:hidden;text-overflow: ellipsis; position: relative;vertical-align: top;}
.hs-select .doctor-select .txt:after{content:"";position: absolute;right:8px;top:50%;width:8px;height:6px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAMAAAA8hHRZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAADwAAAAAiS50tAAAAXVBMVEUAAABwcHBjY2NoaGhiYmJoaGhmZmZkZGRlZWVkZGRjY2NlZWVlZWVkZGRkZGRlZWVkZGRlZWVkZGRmZmZlZWVmZmZlZWVlZWVlZWVlZWVkZGRlZWVmZmZnZ2doaGg1GawOAAAAGnRSTlMAEBIWIiwtLlNXWFhdY4qLlrO1wd/h5Pf4+qpkVWUAAABtSURBVBgZfcEHEoJAEATAOYKiSM7DrP9/piKGA6rsRiruKUXYGLesCYG4E33qYjxlE31ThpdS/FGJlauNH1Y7vJ17caX+hK9kmLmYhwSeXFwohy+ojKRVATaiVlQbYec6zuMFB8W9wJG7Ofz3ADkODtzpK+0JAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;margin-top:-4px;}

/*省市的筛选*/
.choose-popbg{position: fixed;/*top:0;*/right:0;bottom:0;left:0;width:100%;height:90%;z-index: 999;background:#fff;border-radius:20px 20px 0 0;}
.choose-popbg .choose-mt{position: absolute;top:0;left:0;width:100%;box-sizing: border-box;height:50px;line-height:50px;text-align: center;color:#333;z-index:1000;border-bottom:1px solid #eee;}
.choose-popbg .choose-mt .close{position: absolute;left:16px;top:50%;margin-top:-8px;width:18px;height:18px;background: url(../img/hs/close.png) no-repeat;background-size: contain;display: block;}
.choose-popbg .choose-mc{position: relative;font-size:16px;height:100%;width:100%;box-sizing: border-box;padding:50px 0;}
.choose-popbg .choose-h100{padding-bottom:0;}
.choose-popbg .choose-mc .left{float:left;width:45%;height:100%;background:#f7f7f7;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.choose-popbg .choose-mc .right{float:left;width:55%;height:100%;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.choose-popbg .choose-mc .list-items li{padding:14px 20px;line-height:22px;color:#333;}
.choose-popbg .choose-mc .list-items li.active a{display: block;background:#fff;color:#3880e7;}
.choose-popbg .choose-mc .list-items li.active{background:#fff;color:#3880e7;}
.choose-popbg .choose-mc .type-items{padding:0px 0 0 10px;font-size: 0;}
.choose-popbg .choose-mc .ht{padding:20px 0 0 20px;font-weight: bold;}
.choose-popbg .choose-mc .type-items li{padding:0px 20px;line-height:32px;color:#333;display: inline-block;border:1px solid #e2e2e2;border-radius:4px;margin:12px 0 0 12px;color:#666;font-size:14px;}
.choose-popbg .choose-mc .type-items li.active{background:#fff;color:#3880e7;border:1px solid #3880e7;}

.choose-popbg .choose-mc .dl-item .dd{display: none;}
.choose-popbg .choose-mc .dl-item.on .dt:before{content:"";position: absolute;top:50%;left: 0;width:2px;height:16px;background:#3880e7;margin: -8px 0 0;}
.choose-popbg .choose-mc .dl-item.cur .dd{display: block;}
.choose-popbg .choose-mc .dl-item .dt{position: relative;padding:14px 20px;line-height:22px;color:#333;}
.choose-popbg .choose-mc .dl-item.cur .dt{color:#3880e7;}
.choose-popbg .choose-mc .dl-item.cur .dt:after{-webkit-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg);}
.choose-popbg .choose-mc .dl-item .dt:after{content:"";position:absolute;top:49%;right:14px;display:inline-block;width:6px;height:6px;border-bottom:1px solid #999;border-right:1px solid #999;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}/*225*/
/* .choose-popbg .choose-mc .dl-item .dt.active{color:#3880e7;}
.choose-popbg .choose-mc .dl-item .dt.active:after{-webkit-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg);} */
.choose-popbg .choose-mc .dl-item .dd{background:#fefefe;}
.choose-popbg .choose-mc .dl-item li{padding:14px 20px 14px 30px;line-height:22px;color:#333;}
.choose-popbg .choose-mc .dl-item li.active{color:#3880e7;}


.choose-popbg .choose-mb{height:50px;border-top:1px solid #eee;position: absolute;bottom:0;left:0;right:0;display: flex;padding:0 10px;align-content: center;justify-content: center;padding-top:6px;box-sizing: border-box;}
.choose-popbg .choose-mb .btn{flex:1;margin:0 10px;height:36px;line-height:36px;border-radius:18px;color:#333;background:#f2f2f2;text-align: center;}
.h-scroll{height:100%;overflow-y:scroll;}
.choose-popbg .choose-mb .btn.active{color:#fff;background:#3880e7;}

.page{display: flex;padding: 10px 0;font-size:16px;}
.page .btn{flex: 1;line-height:40px;border-radius:6px;border: 1px solid #eee;text-align: center;color:#3880e7;}
.page .btn:nth-child(2){margin: 0 14px;color:#222;}
.page .btn .txt{color:#3880e7;}
.page .btn.disabled{color:#999;}
.page .total-num{display: inline-block;margin: 0 0 0 4px;}
.page .txt{display: inline-block;margin: 0 4px 0 0;}
/*医生详情*/
.doctor-info-page{}
.doctor-info-page .info{flex: 1;}
.doctor-info-page .avatar{}
.doctor-info-page .avatar .img{width:80px;height:80px;border-radius:40px;border: 1px solid #eee;margin: 0 0 0 10px;}
.doctor-info-page .info .name{font-size:28px;font-weight: bold;}
.doctor-info-page .info .text{padding: 4px 0;}
.doctor-info-page .info .txt{display: inline-block;margin: 0 10px 0 0;}
.doctor-info-page .info .level{display: inline-block;margin:0 0 0 0;border-radius:10px;line-height:12px;height:12px;font-size:12px;padding:6px 10px;color:#3880e7;background:#e1ebfc;}
.doctor-info-page .intro{padding:0px 0 0;border-top: 1px solid #eee;margin: 6px 0 0;}
.doctor-info-page .intro .s{color:#3880e7;font-weight: bold;}
.doctor-info-page .intro .text{padding:10px 0px 0 0;color:#666;}
.doctor-info-page .intro .go-more{text-align: center;display: block;padding: 10px 0 0;color:#3880e7;}
.doctor-info-page .intro .go-more .more{margin:  0 0 0 14px;}
.doctor-info-page .intro .go-more .more:after{border-color:#3880e7;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);top: 60%;}

.service-items{padding:0 0px;}
.service-items .item{display:-webkit-box;display:-webkit-flex;display:flex;padding:16px 16px 16px 20px;align-items:center;background-color:#fafafa;box-shadow:2px 4px 4px rgba(0, 0, 0, 0.1);border:1px solid #f2f2f2;border-radius:6px;margin:6px 0 12px;position: relative;}
.service-items .item.chat .b{position: absolute;top:-12px;right:-2px;background-color:#ff812d;color:#fff;font-size:12px;color:#fff;line-height: 1;padding:6px 6px;border-radius:10px 10px 10px 0;transform:scale(0.8);}
.service-items .chat .ico{/* background:#3880e7; border-radius:6px;width:50px;height:50px;margin-bottom:10px;*/display: flex;align-items: center;justify-content: center;margin-right:14px;}
.service-items .chat .ico .i{width:30px;height:30px;background:url(../img/hs/chat_ico.png) no-repeat;background-size: contain;display: block;}
.service-items .chat.disabled .ico .i{width:30px;height:30px;background:url(../img/hs/chat_ico_d.png) no-repeat;background-size: contain;display: block;}
.service-items .guahao .ico{/* background:#3880e7;border-radius:6px;width:50px;height:50px;margin-bottom:10px; */display: flex;align-items: center;justify-content: center;margin-right:10px;}
.service-items .guahao .ico .i{width:30px;height:30px;background:url(../img/hs/gh_ico2.png) no-repeat;background-size: contain;display: block;}
.service-items .guahao.disabled .ico .i{width:30px;height:30px;background:url(../img/hs/gh_ico_d.png) no-repeat;background-size: contain;display: block;}
.service-items .mftw .ico{/* background:#3880e7;border-radius:6px;width:50px;height:50px;margin-bottom:10px; */display: flex;align-items: center;justify-content: center;margin-right:10px;}
.service-items .mftw .ico .i{width:30px;height:30px;background:url(../img/hs/mftw_ico.png) no-repeat;background-size: contain;display: block;}

.service-items .item .info{flex:1;}
.service-items .item .info .h{font-size:18px;color:#333;font-weight: bold;}
.service-items .item .info .h .txt{font-size:14px;font-weight: normal;color:#FD503E;display: inline-block;vertical-align: middle;}
.service-items .item .info .tip{font-size:12px;color:#898B95;padding-top:6px;}
.service-items .item .btn{background-color:#3880e7;height:28px;line-height:28px;border-radius:16px;color:#fff;font-size:14px;padding:0 14px;display: block;}
.service-items .item.disabled .btn{background-color:#d4d4d4;}

/*医院列表*/
.hs-guide{background:#fff;border-radius:6px;margin:10px;}
.hs-guide li{flex: 1;text-align: center;padding: 10px 0;}
.hs-guide li a{display: block;padding:8px 6px 2px;}
.hs-guide li .ico{display: inline-block;width:50px;height:50px;background-image: url(../img/hs/dise_ico.png) no-repeat;background-size: contain;background-repeat: no-repeat;}
.hs-guide li.g-area-item .ico{background-image: url(../img/hs/area_ico.png);}
.hs-guide li.g-depart-item .ico{background-image: url(../img/hs/ks_ico.png);}
.hs-guide li.g-zk-item .ico{background-image: url(../img/hs/zk_ico.png);}
.hs-guide li.g-dise-item .ico{background-image: url(../img/hs/dise_ico.png);}
.hs-guide li .txt{font-size:14px;display: inline-block;width:100%;}

.mode-tabs{overflow-x:auto;white-space: nowrap;}
.mode-tabs .item{display: inline-block;padding: 10px;font-size:16px;color:#666;}
.mode-tabs .item.active{color:#333;position: relative;}
.mode-tabs .item.active:after{content:"";position: absolute;bottom:2px;background:#4690fd;height:4px;width:20px;left:50%;margin: 0 0 0 -10px;border-radius:2px;}

.area-hs-list{}
.area-hs-list .item{padding: 10px 0;position: relative;border-bottom:1px solid #eee;display: block;}
.area-hs-list .item:last-child{border-bottom: none;}
/* .area-hs-list .item:after{content:" ";position:absolute;top:50%;right:10px;display:inline-block;width:6px;height:6px;border-bottom:1px solid #999;border-right:1px solid #999;-webkit-transform:translateY(-50%) rotate(315deg);transform:translateY(-50%) rotate(315deg);margin-top: -4px;} */
.area-hs-list .item .df{align-items: center;padding:6px 0;position: relative;}
.area-hs-list .item .df:after{content:" ";position:absolute;top:50%;right:10px;display:inline-block;width:6px;height:6px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;-webkit-transform:translateY(-50%) rotate(315deg);transform:translateY(-50%) rotate(315deg);margin-top: -4px;}
.area-hs-list .item .logo{margin: 0 10px 0 0;}
.area-hs-list .item .img{width:50px;height:50px;}
.area-hs-list .item .info .name{font-size:16px;color:#333;}
.area-hs-list .item .info .mc{color:#999;}
.area-hs-list .item .info .mc .txt{display: inline-block;margin: 0 6px 0 0;}
/* .area-hs-list .item .info .mc .rank-txt{color:#5dbdf5;} */
.area-hs-list .item .cont{padding: 0 0 0 4px;}
.area-hs-list .item .cont .text{color:#666;position: relative;padding-left:20px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.area-hs-list .item .cont .text:nth-child(1){padding-bottom:4px;}
.area-hs-list .item .cont .text:before{content:"";width:22px;height:16px;width:16px;height: 16px;display: block;position: absolute;top:1px;left:0;}
.area-hs-list .item .cont .text:nth-child(1):before{background:url(../img/hs/hs_area_ico.png) no-repeat;background-size: contain;}
.area-hs-list .item .cont .text:nth-child(2):before{background:url(../img/hs/hs_tel_ico.png) no-repeat;background-size: contain;top:0px;}
.area-hs-list .item .cont .text .label{color:#999;}
.area-hs-list .item .desc{/* padding: 0 0 8px 4px; */background:#FAFAFA;padding:8px 8px;border-radius:4px;margin: 0 0 6px 0;}
.area-hs-list .item .desc .text{color:#666;}
.area-hs-list .item .desc .m{color:#4690fd;}

.depart-items{overflow: hidden;padding: 6px 0 0;}
.depart-items .item{width:25%;float:left;text-align: center;padding: 6px 0;}
.depart-items .item .ico{width:50px;height:50px;display: inline-block;background-repeat: no-repeat;background-size: contain;}
.depart-items .item:nth-child(1) .ico{background-image: url(../img/hs/ico_1.png);}
.depart-items .item:nth-child(2) .ico{background-image: url(../img/hs/ico_2.png);}
.depart-items .item:nth-child(3) .ico{background-image: url(../img/hs/ico_3.png);}
.depart-items .item:nth-child(4) .ico{background-image: url(../img/hs/ico_4.png);}
.depart-items .item:nth-child(5) .ico{background-image: url(../img/hs/ico_5.png);}
.depart-items .item:nth-child(6) .ico{background-image: url(../img/hs/ico_6.png);}
.depart-items .item:nth-child(7) .ico{background-image: url(../img/hs/ico_7.png);}
.depart-items .item:nth-child(8) .ico{background-image: url(../img/hs/ico_8.png);}
.depart-items .item .txt{font-size:16px;color:#666;}

.rank-mode{border-radius:10px;background:#4690fd;margin: 14px 14px;padding:8px 14px 12px 14px;color:#fff;}
.rank-mode .ht{padding:4px 0 6px 0;}
.rank-mode .ht .h1{font-size:26px;position: relative;padding-left:34px;padding-bottom:2px;}
.rank-mode .ht .h1:before{content:"";width:30px;height:30px;position: absolute;top:2px;left: 0;background: url(../img/rank.png) no-repeat;background-size: contain;}
.rank-mode .text{}

.filter-mode{display: flex;}
.filter-mode .tab-item{flex: 1;padding: 0 4px;}
.filter-mode .tab-item .txt-item{background:#f4f4f4;width:100%;height:42px;display: flex;align-items: center;justify-content: center;border-radius:2px;}
.filter-mode .tab-item .txt{font-size:16px;margin: 0 6px 0 0;}
.filter-mode .tab-item .ico{width:8px;height:6px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAMAAAA8hHRZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAADwAAAAAiS50tAAAAXVBMVEUAAABwcHBjY2NoaGhiYmJoaGhmZmZkZGRlZWVkZGRjY2NlZWVlZWVkZGRkZGRlZWVkZGRlZWVkZGRmZmZlZWVmZmZlZWVlZWVlZWVlZWVkZGRlZWVmZmZnZ2doaGg1GawOAAAAGnRSTlMAEBIWIiwtLlNXWFhdY4qLlrO1wd/h5Pf4+qpkVWUAAABtSURBVBgZfcEHEoJAEATAOYKiSM7DrP9/piKGA6rsRiruKUXYGLesCYG4E33qYjxlE31ThpdS/FGJlauNH1Y7vJ17caX+hK9kmLmYhwSeXFwohy+ojKRVATaiVlQbYec6zuMFB8W9wJG7Ofz3ADkODtzpK+0JAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;}

.def-mode{padding:20px 20px;}
.def-mode .def-h{font-weight: bold;font-size:20px;padding:0 6px;}
.def-mode .def-items{font-size: 0;padding: 10px 0;}
.def-mode .def-items li{width:33.33%;display: inline-block;font-size:14px;padding:0 4px 8px;box-sizing: border-box;}
.def-mode .def-items li a{display: block;background:#f4f4f4;height:40px;line-height:40px;text-align: center;}
.def-mode .def-items li.active a{background-color:#4690fd;color:#fff;}

.empty-box{text-align: center;padding: 40px 0;}
.empty-box .ico{margin: 0 auto;width:100px;height:100px;background: url(../img/hs/empty_ico.png) no-repeat;background-size: contain;}
.empty-box .txt{font-size:14px;color:#999;text-align: center;padding: 10px 0 0;}

/*热门搜索*/
.hot-hs-box{padding:20px 20px 30px;background:#fff;}
.hot-hs-box .ht{font-weight: bold;font-size:20px;padding: 0 4px;}
.hot-hs-box li a{display: flex;padding:10px 6px;border-bottom:1px solid #eee;font-size:18px;line-height:2;align-items: center;}
.hot-hs-box li:nth-child(1) .num{background:linear-gradient(180deg, #FF7132 0%, #FF3000 100%);}
.hot-hs-box li:nth-child(2) .num{background:linear-gradient(180deg, #e7a23c 0%, #f8da8c 100%);}
.hot-hs-box li:nth-child(3) .num{background:linear-gradient(180deg, #7ab994 0%, #a8ddbe 100%);}
.hot-hs-box li .num{background:#94c8ed;color:#fff;width:16px;height:16px;border-radius:8px;text-align: center;line-height:16px;overflow: hidden;font-size:12px;margin: 0 6px 0 0;}

.search-tabs{padding:16px 16px 10px;background:#fff;font-size:18px;}
.search-tabs .tab{padding: 0 10px 8px 10px;}
.search-tabs .tab.active{font-weight: bold;position: relative;}
.search-tabs .tab.active:after{content:"";position: absolute;display: block;border-bottom:2px solid #3880e7;left:8px;bottom: 0;width:40px;}

.hs-inner-list{padding: 0 0px 4px 0px;}
.hs-inner-list .item{padding:14px 0;display: block;border-bottom:1px solid #eee;}
.hs-inner-list .item:last-child{border-bottom:none;}
.hs-inner-list .title{font-size:16px;font-weight: bold;color:#1F1F1F;padding: 0 0 6px 0;}
.hs-inner-list .desc{color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.hs-inner-list .span{color:#999;}
.hs-inner-list .hb{display: flex;padding:10px 0 0;align-items: center;}
.hs-inner-list .hb .d-info{flex: 1;}
/* .home-col .tabs-content .d-info{font-size:12px;} */
.hs-inner-list .d-info .name{display: inline-block;margin: 0 6px 0 0;color:#2899db;}
.hs-inner-list .d-info .txt{color:#666;}
.hs-inner-list .cont{display: flex;}
.hs-inner-list .cont .info{flex: 1;}
.hs-inner-list .cont .pic{height:70px;margin: 0 0 0 10px;width:124px;}
.hs-inner-list .cont .pic .img{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover; width:100%;}
.hs-inner-list .cont .video-img{position: relative;}
.hs-inner-list .cont .video-img:after{ content:""; background: url(../img/v_png_play.png) no-repeat; background-size: 44px 44px; width: 44px; height: 44px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -24px;}

.hs-inner-list .more{background:#FAFAFA;text-align: center;height:30px;line-height:30px;border-radius:4px;}
.hs-inner-list .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;}
.hs-inner-list .voice-time:before{content:"";width:12px;height:12px;position: absolute;top:6px;left:8px;background:url(../img/voice_ico1.png) no-repeat;background-size: contain;}
.hs-inner-list .voice-time .time{color:#2899db;display: inline-block;margin: 0 0 0 4px;}

.inner-tabs{margin:8px 0 4px 0;}
.inner-tabs .item{display: inline-block;margin: 0 10px 0 0;line-height:36px;padding: 0 20px;background:#f5f5f5;border-radius:4px;}
.inner-tabs .item.active{color:#3880e7;background:#e1ebfc;}

.t-list{padding:10px 0 0px 10px;overflow: hidden;}
.t-list li{/* width:20%; */margin-bottom:10px;float: left;}
.t-list li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 20px 0 0;display: block;font-size:14px;line-height:22px;}
/* .t-list li a:before{width:4px;height:4px;content:"";display: inline-block;border-radius:50%;background:#D5D8E2;vertical-align: middle;margin:0 8px 0 0;} */