﻿/* CSS Document */
html{ font-size:calc(100vw/6.4);}
@media screen and (min-width:640px){html{ font-size:100px;}}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
/*伸缩盒子模型*/
.box {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/*从左至右*/

.box-lr {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}


/*从右至左*/

.box-rl {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/*从上至下*/

.box-tb {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}


/*从下至上*/

.box-bt {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


/*主轴居中*/

.box-pack-center {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}


/*主轴居左*/

.box-pack-start {
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


/*主轴居右*/

.box-pack-end {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}


/*主轴左右不留白*/

.box-pack-between {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/*主轴左右留白*/

.box-pack-around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}


/*交叉轴居中对齐*/

.box-align-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}


/*交叉轴居左对齐*/

.box-align-start {
    -webkit-box-align: start;
    -moz-align-items: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


/*交叉轴居右对齐*/

.box-align-end {
    -webkit-box-align: end;
    -moz-align-items: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


/**单个指定的子元素自定义对齐方式，可以不同于其他子元素对齐方式**/


/**指定子元素居中对齐**/

.self-align-center {
    align-self: center;
    -webkit-align-self: center;
    margin: 0 auto;
}


/**指定子元素顶部对齐**/

.self-align-start {
    align-self: flex-start;
    -webkit-align-self: flex-start;
}


/**指定子元素底部对齐**/

.self-align-end {
    align-self: flex-end;
    -webkit-align-self: flex-end;
}


/**指定子元素拉伸**/

.self-align-stretch {
    align-self: stretch;
    -webkit-align-self: stretch;
}


/**子元素换行**/

.box-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/**子元素不换行**/

.box-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


/*允许子元素伸展（1倍）*/

.flex {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;/*如果值是2 那么当前元素就是其他元素宽的2倍了*/
}

/* flex:1 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：
 flex-grow:0表示不会拉伸 flex-shrink:1表示 可以缩小
 flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto*/

/*允许子元素收缩(1倍)*/

.shrink {
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}


/**水平居中*/

.box-center-center {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    text-align: center;
}
.wrap{max-width: 640px;min-width: 320px;color:#333; margin-left: auto;margin-right: auto; overflow: hidden; background:#f3f5f6}
.pagination{ width:100%; text-align:center; padding:0.2rem 0; font-size:0}
.pagination span{display: inline-block;
    width: 0.2rem;
    height:0.2rem;
    border-radius:0.1rem;
    background:#fff;
    margin: 0 5px;
    cursor: pointer;
}
.pagination .swiper-active-switch {background: #fde248;}



.wrap .banner{ width:100%;}
.wrap .banner .pagination{ position:absolute; left:0; bottom:0}
.wrap .p1_txt{ font-size:0.24rem; line-height:1.5; padding:0.3rem 0.3rem 0; background:#fff;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#000;}
.wrap .minbox{ background:#fff; padding:0.3rem 0; margin-top:0.2rem;}
.wrap .minbox .list{ position:relative; width:1.2rem; height:1.2rem; border:2px solid #7a39c1; border-radius:0.2rem; text-align:center; font-size:0.22rem; color:#7a39c1; line-height:1.3}
.wrap .minbox .list div{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%)}

.wrap .detail-con-box{width:100%; overflow:hidden;}
.menu{ width:100%;position: relative; box-sizing: border-box;padding:0.25rem 0 0.12rem 0;background: #f4f5f7}
.menu .list{ padding-bottom:0.1rem; font-size:0.28rem; position: relative}
.menu .active{border-bottom:2px solid #8727d4; color:#8727d4;font-weight: 700}

.detail-con{width: 100%; padding-bottom:100rpx }
.detail-con .pic{width: 100%;height: auto}
.doctor{position:relative;background: #fff;padding:0.45rem 0.3rem 0.3rem 0.3rem;margin-bottom: 0.2rem}
.doctor .docpic{width: 1.45rem;height: 1.45rem;}
.doctor .docpic img{width: 100%;height: 100%;}
.doctor .txt{flex:1;padding-left:0.27rem;line-height: 1}
.doctor .txt .t1{font-size:0.3rem;}
.doctor .txt .t1 .s1{margin-left:0.2rem;font-size:0.25rem;display: inline-block;vertical-align: middle}
.doctor .txt .t2{font-size:0.22rem;padding:0.1rem 0;}
.doctor .txt .t3{font-size:0.25rem;padding:0.1rem 0;}
.doctor .txt .t3 .star{width:1.68rem}
.doctor .txt .t3 .star img{width:0.27rem;height:0.27rem; margin-right:3px}
.doctor .txt .t3 .case{flex:1;text-align: right}
.doctor .txt .time{font-size:0.22rem;padding:0.1rem 0;}

.doctor .btn{position: absolute;right:0.3rem;top:0.3rem;width:1rem;height:0.5rem;line-height:0.5rem;text-align: center;border-radius:0.5rem;border:2px solid #fd4871;font-size:0.3rem;color: #fd4871}

.diary{position:relative;background: #fff;padding:0.45rem 0.3rem 0.3rem 0.3rem;margin-bottom: 0.2rem}
.diary .avatar{position:relative;}
.diary .avatar .pic{width:0.72rem;height:0.72rem;border-radius: 50%;}
.diary .avatar .txt{ flex: 1;padding-left:0.2rem;line-height: 1.3;}
.diary .avatar .txt .name{font-size:0.3rem;}
.diary .avatar .txt .name image{width:0.25rem;height:0.25rem; margin-left:0.1rem;}
.diary .avatar .txt .time{font-size:0.25rem;color: #999}
.diary .avatar .alzx{
    position: absolute;
    right: 0;
    bottom: 0.1rem;
    width: 1rem;
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    border-radius: 0.35rem;
    border: 1px solid #fd4871;
    font-size: 0.22rem;
    color: #fd4871;
	display:block;
	z-index:9;
}
.diary .title{ font-size:0.25rem;line-height: 1.3;padding-top:0.2rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.diary .tag{font-size:0.3rem;padding-top:10rpx;}
.diary .tag span{margin-right:0.1rem;color: #4cced0;}
.diary .con{padding-top:0.2rem;width: 100%}
.diary .con .list{width:2.82rem;position:relative;font-size: 0}
.diary .con .list .pic{width:100%;height: auto;border-radius:0.15rem}
.diary .con .list .tt1{position: absolute;width:1rem;height:0.4rem;left:0;bottom: 0;background: rgba(0,0,0,0.5);font-size:0.22rem;color: #fff;text-align: center;line-height:0.4rem;border-radius: 0 0.15rem 0 0.15rem}
.diary .con .list .tt1.a{background: rgba(247,129,151,0.5);}

.diary .con .list .tt2{position: absolute;width:1rem;height:0.4rem;left:0;bottom: 0;background: rgba(246,128,150,0.7);font-size:0.2rem;color: #fff;text-align: center;line-height:0.4rem;border-radius: 0 0.15rem 0 0.15rem}

.diary .bot{padding:0.3rem 0 0 0;width: 100%;font-size:0.25rem;color: #c0c0c0}
.diary .bot .t1{flex:1}
.diary .bot .t2{line-height:0.25rem; margin-left:0.3rem}
.diary .bot .t2 img{width:0.3rem;height: auto;margin-right: 5px;}

.recommend{position:relative;background: #fff;padding:0.3rem 0.3rem 0.3rem 0.3rem;margin-bottom: 0.2rem}

.recommend .list{ width:2.8rem; margin-bottom:0.2rem}


.xmslide .swiper-slide{width:100%}

.menubox{ width:6.4rem;}
.fixed{ position:fixed; left:50%; margin-left:-3.2rem; top:0; z-index:5}
.wrap .fixed .menu .active{ border:0 none}
.wrap .fixed .menu .list{ padding-bottom:0}
.wrap .fixed .menu{ padding-top:0.1rem; padding-bottom:0.1rem;}


/*4.49添加的css*/
.ad-yh{ background:#fff; padding:0 0.3rem; color:#f52d54; overflow: hidden;}
.ad-yh .fl{ float: left;}
.ad-yh .fr{ float: right;}
.ad-yh p{ font-size: 0.46rem;}
.ad-yh p b{ font-size: 0.66rem;}
.ad-yh em{ display:block; width:0.54rem; height:0.25rem; background:#f33357;  font-size: 0.17rem; text-align: center; line-height: 0.25rem; font-style: normal; color:#fff; border-radius: 0px 100px 100px 100px;
  background: -webkit-linear-gradient(left, #fc8165 , #f33658); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fc8165 , #f33658); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fc8165 , #f33658); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fc8165 , #f33658); /* 标准的语法 */}
.ad-yh span{ font-size: 0.21rem; color:#818181; text-decoration:line-through;}
.ad-yh a.gm{ padding:0.1rem 0.25rem; margin-top: 0.2rem; line-height: 0.28rem; font-size: 0.28rem; border:0.02rem solid #f52d54; color:#f52d54; border-radius: 100px; }
/*4.49添加的css*/

/*5.17添加的css*/
.add-tiao{ padding:0.2rem 0; background:#fff; margin-top: 0.2rem;}
.add-tiao-txt{display:block;color:#000; width:6.1rem;padding:0.1rem 0.15rem; box-sizing: border-box; border-radius: 100px; font-size: 0.23rem; box-shadow: 0px 0px 0.1rem #ebe3f4; margin:0 auto 0.2rem;}
.add-tiao-txt:last-of-type{ margin-bottom:0;}
.add-tiao-txt img{ width:0.26rem;}
.add-tiao-txt span{ float: right; color:#595959;}
/*5.17添加的css*/