.mw750{position: relative;}

.guahao-slide{padding: 10px 20px;}
.guahao-slide .img{width:100%;border-radius:6px;}
.guahao-nav{background-color:#fff;padding:0px 1% 10px !important;overflow: hidden;position: relative;}
.guahao-nav .nav-items{font-size: 0;display: flex;}
.guahao-nav .item{/* width:25%;display: inline-block; */flex: 1;text-align: center;box-sizing: border-box;padding: 0 1%;}
.guahao-nav.w4 .item{width:25%;}
.guahao-nav.w5 .item{width:20%;}
.guahao-nav .item a{display:block;padding:8px 0;}
.guahao-nav .item .ico{display: block;width:70%;text-align: center;margin:0 auto 10px auto;max-width:70px;}
.guahao-nav .item .img{width:100%;}
.guahao-nav .item .txt{font-size:15px;/* font-weight: bold; */color: #2c3033;}

.guahao-col{background:#fff;margin: 10px 0;padding: 0 0px 10px;}
.guahao-col .guahao-tit{display: flex;align-items:center;padding: 10px 16px 8px 14px;/* background: linear-gradient(to bottom, #fcfcfc, #f2f2f2); */}
.guahao-col .guahao-tit .tit{flex: 1;font-size:20px;color:#2c3033;font-weight: bold;padding: 0 0 0 34px;position: relative;}
.guahao-col .guahao-tit .tit:before{content:"";width:26px;height:26px;position: absolute;left: 0;top: 50%;margin: -14px 0 0 0;background:#2899db;}
.guahao-col .guahao-tit.hos-tt .tit:before{background:url(/uploads/image/smimg/guahao_t_1.png) no-repeat;background-size: contain;}
.guahao-col .guahao-tit.doc-tt .tit:before{background:url(/uploads/image/smimg/guahao_t_2.png) no-repeat;background-size: contain;}

.guahao-col .guahao-tit .more{position: relative;padding: 0 10px 0 0;color: #666;}
.guahao-col .guahao-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)}

.doctor-items{white-space:nowrap;overflow-x: auto;}
.doctor-items ul{font-size:0;padding: 0 6px;}
.doctor-items .item{display: inline-block;font-size:15px;padding:6px 16px;line-height:1.2;}
.doctor-items .item.active{color:#4690fd;position: relative;font-weight: bold;}
/* .doctor-items .item.active:after{content:"";position: absolute;bottom:0;left:50%;width:26px;height:1px;background:#4690fd;margin-left: -13px;}
 */
.doctor-items .item.active:after{content:"";position: absolute;bottom:0;left:50%;background: url(/uploads/image/smimg/guahao_nav_bg.png) no-repeat bottom center; background-size: contain; height:8px;width:20px;margin-left: -10px;}

.cat-tabs{padding:6px 12px;}
.cat-tabs ul{font-size: 0;/* white-space:nowrap;overflow-x: auto; */display:-webkit-box;display:-webkit-flex;display:flex;background:#edf4fe;padding:4px 6px;border-radius:10px;}
.cat-tabs .item{display: inline-block;font-size:15px;flex: 1;line-height:30px;height: 30px;text-align: center;border-radius:4px;}
.cat-tabs .item.active{background:#fff;color:#3e84eb;}
/* .cat-tabs .item.active{color:#4690fd;font-weight: bold;position: relative;}
.cat-tabs .item.active:after{content:"";position: absolute;bottom:0;left:50%;width:26px;height:1px;background:#4690fd;margin-left: -13px;} */

.hos-list{white-space:nowrap;overflow-x:auto;padding: 0 0 0 4px;}
.hos-list .item{display:inline-block;text-align: center;padding: 10px;width:100px;}
.hos-list .item .pic{padding: 0 0 10px 0;}
.hos-list .item .pic .img{/*width:100%;*/width:50px;height:50px;overflow: hidden;}
.hos-list .item .name{font-size:16px;/* font-weight: bold; */color:#1f1f1f;margin: 0 0 2px 0;white-space: normal;
overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.hos-list .item .grade{color:#3e84eb;border: 1px solid #3e84eb;height:20px;line-height:20px;padding: 0 10px;display: inline-block;border-radius:10px;margin: 4px 0 0;font-size:12px;}

.page-flex{position: relative;font-size:16px;box-sizing: border-box;position: fixed;top:90px;bottom:0;left: 0;right: 0;}
.page-flex .left{float:left;width:45%;height:100%;background:#f7f7f7;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.page-flex .right{float:left;width:55%;height:100%;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.page-flex .list-items li{padding:14px 20px;line-height:22px;color:#333;}
.page-flex .list-items li.active a{display: block;background:#fff;color:#3880e7;}
.page-flex .list-items li.active{background:#fff;color:#3880e7;}
.page-flex .type-items{padding:0px 0 0 10px;font-size: 0;}
.page-flex .ht{padding:20px 0 0 20px;font-weight: bold;}
.page-flex .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;}
.page-flex .type-items li.active{background:#fff;color:#3880e7;border:1px solid #3880e7;}

.page-flex .dl-item .dd{display: none;}
.page-flex .dl-item.on .dt:before{content:"";position: absolute;top:50%;left: 0;width:2px;height:16px;background:#3880e7;margin: -8px 0 0;}
.page-flex .dl-item.cur .dd{display: block;}
.page-flex .dl-item .dt{position: relative;padding:14px 20px;line-height:22px;color:#333;}
.page-flex .dl-item.cur .dt{color:#3880e7;}
.page-flex .dl-item.cur .dt:after{-webkit-transform:translatey(-50%) rotate(225deg);transform:translatey(-50%) rotate(225deg);}
.page-flex .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*/
/* .page-flex .dl-item .dt.active{color:#3880e7;}
.page-flex .dl-item .dt.active:after{-webkit-transform:translatey(-50%) rotate(225deg);transform:translatey(-50%) rotate(225deg);} */
.page-flex .dl-item .dd{background:#fefefe;}
.page-flex .dl-item li{padding:14px 20px 14px 30px;line-height:22px;color:#333;}
.page-flex .dl-item li.active{color:#3880e7;}

.guahao-h100{display: flex;}
.guahao-page{flex:1;display: flex;flex-direction: column;}