
 
*{padding: 0;margin: 0;}
a{text-decoration: none;outline: none; color: #333;}
img{border: none;outline: none;}
ul,ol,li{list-style: none;}
i{font-style: normal;}
input,select,option{border: 0;outline: none;background: none;}
body{font-family: "微软雅黑"; color: #333;width: 100%;}
.clear { clear: both;}
a:hover {text-decoration: underline;text-decoration: none;}
.box{width: 40rem; margin:0 auto;box-sizing: border-box;padding: 0 1rem;padding-top: 3.5rem;margin-bottom: 8rem;position: relative;}
.screen-box{width: 40rem;position: fixed;left: 0px;right:0;top: 3.7rem;padding-right:10rem;margin: 0 auto;}

/*banner轮播 开始*/
.index_swiper{width:100%;height:16.875rem;border-radius: 0.5rem;overflow: hidden;}
/* .index_swiper .index_wrapper{width: 100%;height:16.875rem;text-align: center;}  */
.index_swiper .index_wrapper{width: 100%;height:100%;text-align: center;} 
.index_swiper .index_wrapper .swiper-slide img{width:100%;height: 100%;}
/*banner轮播 结束*/


/*心理问题咨询 开始*/
.news_body {height: 100%;display: flex;flex-direction: column;margin-top: 2.5rem;}
.swiper-tab {width: 100%;height: 80px;text-align: center;display: flex;justify-content: space-between;background: white;}
.unselect-menu {flex-direction: column;align-items: center;font-size: 1.3rem;font-weight: 400;color: #4f4f50;padding: 0px 1.5rem;height: 3rem;line-height: 3rem;background: #fff;opacity: 1;position: relative;border-radius: 50px;box-shadow: 0px 0px 1.5rem 0.3rem #e4ecff;}
.selected-menu {display: flex;flex-direction: column;align-items: center;color: #fff;background: #7a9bfc;font-size: 1.3rem;font-weight: bold;font-weight: 400;padding: 0px 1.5rem;height: 3rem;line-height: 3rem;opacity: 1;position: relative;border-radius: 50px;}
.selected-line {position: absolute;bottom: -50px;right: -30%;left: 37%;width: 2px;height: 16px;border: 20px solid transparent;border-top-color: #7a9bfc;}
.unselect-line{display: none;}

.div-Content {flex: 1;width: 100%;height: 10.5rem;padding: 2rem 2rem;box-sizing: border-box;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 30px 0.5px #e4ecff;margin-bottom: 2rem;}
.show {display: block;}
.hidden {display: none;}
.tabCon {
    height: 100%;
}
.tab-right {width: 100%;height: 6.5rem !important;overflow: hidden;}
.tab-item {font-size: 1.4rem;color: #343338;}

/*心理问题咨询开始*/


/*医生分类 开始*/
.navbar {width: 100%;margin-bottom: 0.5rem;position: relative; background-color: #fff;padding-bottom: 1rem;}
.nav-box{display: flex;white-space: nowrap;box-sizing: border-box;border-bottom: 1px solid #ccc;background: #fff;align-items: center;}
.nav-item {flex: 1;padding-right: 1.5rem;height: 100%;display: inline-block;font-size: 1.6rem;font-family: "微软雅黑";}
.nav-text {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;letter-spacing: 4px;box-sizing: border-box;font-family: "微软雅黑";padding-bottom: 1rem;}
.tabOn{color: #4f8bf9;font-size: 1.6rem !important;font-weight: 600;border-bottom: 4px solid #4f8bf9 !important;}
.flex1 {flex: 3;display: block;align-items: center;text-align: right;position: relative;}
.flex1 img {margin-top: 0.5rem;width: 1.9rem;padding-right: 1rem;}
.totop {
    position:fixed;
    width: 37.9rem;
    top: 3.9rem;
    left: 0;
    right: 0;
    margin:0 auto;
    background-color: #fff;
    z-index: 9999;
    padding: 1rem 1rem;
}
/*医生分类 结束*/


.type_list{ background-color: #f4f4f4;margin-top: 1rem;border-radius: 5px;padding-left: 5px;}
.type_list div{width: 100% !important;height: 2.5rem; line-height: 2.5rem;white-space: nowrap;text-align: center;display: block;}
.type_list div a{color:#777b86;font-size: 1.3rem;}
/* .type_list div a:last-child{color: blue;} */
.TypeActive{background: #fff;font-weight: bold;color: #4f8bf9 !important;padding-left: 10px;padding-right: 10px;padding-top: 3px;padding-bottom: 3px;border-radius: 5px;}

/* 筛查下拉选项 开始*/
.tabLayer{box-shadow: 0 5px 5px rgba(0,0,0,.15);width:40rem;overflow: auto;position: absolute;right: -5%;margin: 0 auto;top:3.3rem;z-index: 1;background: #fff;padding-bottom: 0.6rem;border-bottom: solid 1px #eee;text-align: center;overflow: hidden;}
.tabLayer .a1{display: block;width:10.7rem;height:2.8rem;line-height:2.8rem;float:left;border: solid 1px #eee;margin:1rem 0 0 1.8125rem;font-size:1.2rem;}
.tabLayer .active{color:#4f8bf9;border-color:#4f8bf9;}
.activeImg{-webkit-transform:rotate(180deg);}
/* 筛查下拉选项 结束*/

.headbox{display: flex;width: 40rem;height: 3rem;line-height: 3rem;}
.section{flex: 1;text-align: center;}
.section span{font-size: 1.5rem}
.Screening{flex: 1;text-align: center;}
.Screening{font-size: 1.5rem;}
.active span i:before{transform: rotate(180deg);background: none;}
.fontcolor{color:#4f8bf9; font-weight: bold;}


/*名医专家 开始*/
.index_doctor{padding: 0;margin-bottom: 10rem;margin-top: 8rem;}
.nothing{margin-top: 50%;text-align: center;font-size: 1.4rem;color:#ccc;}
.doctor_box a{margin-bottom: 2rem;display: flex;}
.doctor_box a .doctor_pic{width: 11rem;height: 11rem;border-radius: 0.5rem;justify-content: center;align-items: center;overflow: hidden;}
.doctor_box a .doctor_pic img{width: 100%;}
.doctor_box a .doctor_info{flex: 3;overflow: hidden;padding-left: 0.8rem;}
.doctor_box a .doctor_info .doctor_title{font-size: 1.8rem;font-weight: 600;color:#212958;}
.doctor_box a .doctor_info .doctor_appellation{margin-top: 0.5rem;font-size: 1.5rem;color:#727588;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.doctor_box a .doctor_info .doctor_desc{margin-top: 0.5rem;font-size: 1.5rem;color:#727588;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.doctor_box a .doctor_info .doctor_major{margin-top: 1rem;}
.doctor_box a .doctor_info .doctor_major span{font-size: 1.3rem;padding: 0.3rem 1rem;border-radius: 1.5rem;background-color: #f6f7fb;margin-right:0.3rem;color:#6e8cae;}
/*名医专家 结束*/


/*header 顶部导航 开始*/
.header{width: 40rem;height: 4rem;line-height: 4rem;position:fixed;left:0;right:0;top:0;margin: 0 auto;z-index: 99999;background-color: #fff;text-align: center;}
.header a{font-size: 1.6rem;}
/*header 顶部导航结束*/


