@charset "UTF-8";
/****************************************
*  @ web		列表页面					*
*  @ Authors    Enjoy 					*
*  @ Email      xiaodeng527@163.com 	*
*  @ blog       http://www.0c7d.com 	*
****************************************/

.typeinfo{width:96%;padding:2%;}
.typeinfo .infos{width:100%;display: flex;justify-content: space-between;}
.typeinfo .infos .thumb{width:40%;height:auto;display: flex;flex-direction: column;justify-content: center;}
.typeinfo .infos .thumb img{display: block;width:100%;}
.typeinfo .infos .intro{width:68%;padding:10px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.typeinfo .infos .intro p{width:100%;line-height: 25px;font-size: 12px;color:#666;}
.typeinfo .infos .intro a{width:100%;padding:5px 0px;color:#fff;background:#f8922a;text-align:center;border-radius:3px;font-size:12px;margin-top:10px;}

.typeinfo .typeson{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap}
.typeinfo .typeson .item{width:32%;padding:8px 0px;text-align:center;color:#fff;border-radius: 3px;font-size: 12px;background:#d65129;margin:1% 0px;}

/*病症页面：四问*/
.siwen{width:96%;padding:2%;}
.siwen .nav{display: flex;justify-content: space-between;}
.siwen .nav li{width:25%;padding:8px 0px;text-align:center;color:#666;background: #eee;font-size: 12px;}
.siwen .nav li.hover{background:#d65129;color:#fff;}
.siwen .items{width:100%;}
.siwen .items .item{width:width:100%;display: none;justify-content: space-between;padding:15px 0px;}
.siwen .items .item:nth-child(1){display: flex;}
.siwen .items .item .img{width:40%;}
.siwen .items .item .img img{display:block;width:100%;}
.siwen .items .item .rela{width:57%;}
.siwen .items .item .rela .comarc{width:100%;}
.siwen .items .item .rela .comarc .title{width:100%;font-size: 14px;color:#d65129;font-weight: bold;}
.siwen .items .item .rela .comarc .intro{font-size: 12px;line-height: 22px;padding:5px 0px;}
.siwen .items .item .rela .comarc .intro a{color:red;}
.siwen .items .item .rela .its{width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.siwen .items .item .rela .its .it{width:100%;display: flex;align-items: center;padding:5px 0px;}
.siwen .items .item .rela .its .it .ico{width:20px;height:20px;text-align:center;line-height: 20px;font-size:12px;background:#d65129;color:#fff;border-radius: 3px;}
.siwen .items .item .rela .its .it a{font-size: 12px;color:#666;padding-left: 10px;}

@media screen and (min-width:450px){
	.siwen .items .item .img{width:30%;}
	.siwen .items .item .rela{width:68%;}
}

/*列表*/
.lists{width:96%;padding:2%;}
.lists .items{width:100%;}
.lists .items .item{width:100%;height:auto;border-bottom:1px dashed #aaa;padding-top:10px;}
.lists .items .item a.title{padding:10px 0px;font-size: 14px;background:url(../images/list_img0.jpg) no-repeat left center;background-size: 10px 10px;padding-left: 20px;color:#666;}
.lists .items .item .attr{padding:10px 0px;display: flex;justify-content: space-between;align-items: center;}
.lists .items .item .attr .info{display: flex;align-items: center;font-size: 12px;color:#aaa;}
.lists .items .item .attr .info img{width:12px;height:auto;}
.lists .items .item .attr a.url{font-size: 12px;padding:3px 5px;border-radius: 2px;color:#fff;background:#fdb878;}


.video-list .video{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.video-list .video span.item{width:49%;position: relative;margin:10px 0px;}
.video-list .video span.item img{width:100%;}
.video-list .video span.item .play{display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius: 20px;background:rgba(1,1,1,0.8);position: absolute;top:40px;left:0px;right:0px;margin:auto;}
.video-list .video span.item .play img{width:auto;height:30px;}
.video-list .video span.item .title{display:block;width:96%;padding:10px 2%;font-size: 14px;text-align: center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.video-list .video-screen{position:fixed;top:0px;left:0px;right:0px;margin:auto;width:100%;max-width:640px;height:100%;display: flex;flex-direction: column;justify-content: center;background:rgba(1,1,1,0.8);z-index: 99;display: none;}
.video-list .video-screen .autoplay{width:98%;height:auto;padding:1%;background:#111;}
.video-list .video-screen .close{display:block;width:30px;height:30px;text-align: center;line-height: 30px;font-size: 12px;background:#fff;border-radius: 15px;position: absolute;bottom:20px;left:0px;right:0px;margin:auto;z-index: 999}