.ens {
    text-align: center;
    padding-top: 0.1rem;
    font-size: 0.14rem;
    color: #4cbbb4;
}
.titles { font-size: 0.40rem;text-align: center;}

#zjtd {height:auto;background:#fff;}
.zjtd-focus{height: 4rem;overflow: hidden;}
.zjtd .hd li.on{color:#fff;background: #4cbbb4;}
.zjtd .hd {margin-left:16%;}
.zjtd .hd li{
	float: left;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #dfe1e7;
    border: 1px solid #dfe1e7;
    text-align: center;
    color: #333;
	width: 23%;
	margin-left: 0.1rem;
    font-size: 0.22rem;
    border-radius: 0.1rem;
	margin-top: 0.1rem;
	}

.zjtd-list{display: none;}
.zjtd .bd .zjtd-list.on{display: block;text-align: center;margin-top: 0.2rem;}

.zjtd .doc-list ul{margin: 0px;}
.zjtd .doc-list ul li{    float: left;width: 2.28rem;height: 3rem;transition: all linear .3s;margin-top: 0.5rem;}
.zjtd .doc-list ul li a,.doc-list ul li a:hover{color: #333;}
.zjtd .doc-list ul li .zj-pic{float: left;width: 2.28rem;height: 2.28rem;padding-left: 0.1rem;}
.zjtd .doc-list ul li .zj-pic img{display: block;width: 100%;background-size: cover;margin-left:0.3rem;border-radius: 0.2rem;}

.zjtd .doc-list ul li .zj-des{transition: all linear .3s;margin-top: 0.5rem;}
.zjtd .doc-list ul li .zj-title{font-size: 0.24rem;color: #4cbbb4;margin-left: 32%;}

.zjtd .doc-list ul li .zj-ry{height: 1rem;overflow: hidden;font-size: 0.14rem;line-height: 0.26rem;margin-left: 28%;transition: all linear .3s;}

/*我的种牙故事*/

.story {margin-top:0.5rem;}
.story  .ens {
    text-align: center;
    padding-top: 0.1rem;
    font-size: 0.14rem;
    color: #4cbbb4;
}
.story  .titles { font-size: 0.40rem;text-align: center;}

.case-focus{height: 17rem;}
.case-focus .hd{position: relative;left: 0;right:0;top: 17rem;font-size: 0;line-height: 0;text-align: center;}
.case-focus .hd li{display: inline-block;width: 12px;height: 12px;margin: 0 5px;overflow:hidden; border-radius: 6px; background: #aeaeaf;}
.case-focus .hd li.on{width: 52px;background: #4cbbb4;transition: all linear .2s;}
.row1 dl dd {
    margin: 0.1rem;
    float: left;
    width: 45%;
    margin-left: 0.2rem;
    border: 1px solid #dedfdf;
    height: 3.15rem;
    border-radius: 0.1rem;
}

.row1 dl dd .avatar {text-align: center;}
.row1 dl dd .avatar img {
    width: 3.15rem;
    height: 1.77rem;
    margin-top: 0.1rem;
}

.row1 dl dd  .story-des {transition: all linear .3s;margin-top: 0.1rem;}
.row1 dl dd  .story-des .title { margin-left: 0.05rem;font-size: 0.17rem;color: #4cbbb4;}
.row1 dl dd  .story-des .name {font-size: 0.12rem;float: right;margin-right: 0.2rem;margin-top: 0.05rem;}
.row1 dl dd  .story-des .story-ry {
	font-size: 0.15rem;
    margin-top: 0.1rem;
    margin-left: 0.16rem;
    line-height: 0.2rem;
    transition: all linear .3s;
}

.zjtd .doc-list ul li .hidden{position:fixed;top:0;left:0;width:100%;height: 100%;background-color:#00000080;display:none;color:#a0a2a3;z-index:99;margin:auto;overscroll-behavior:contain}
.zjtd .doc-list ul li .hidden .hidden_flex{width: 6.4rem;height: 100%;margin: 40% auto auto;}
.zjtd .doc-list ul li .hidden .hidden_flex .leftImg{flex:1}
.zjtd .doc-list ul li .hidden .hidden_flex .leftImg img{width:100%;height: 100%;}
.zjtd .doc-list ul li .addAactiveClass{background-color:#eee;color:#fff}


.row1 dl dd  .hiddens{position:fixed;top:0;left:0;width:100%;height: 100%;background-color:#00000080;display:none;color:#a0a2a3;z-index:99;margin:auto;overscroll-behavior:contain}
.row1 dl dd  .hiddens .hiddens_flex{width: 6rem;height: 3.27rem;margin: 26% auto auto;}
.row1 dl dd  .hiddens .hiddens_flex #video{flex:1}
.row1 dl dd  .hiddens .hiddens_flex #video{width:100%;height: 100%;}
.row1 dl dd  .addAactiveClass{background-color:#eee;color:#fff}

.more {margin-top: 0.3rem;text-align:center;}

.more img {width:2.8rem;height:0.57rem;}