/* CSS Document */
/*banner*/

.banner { position: relative; }

.banner img { width: 100%; }

.topRegion { background: rgba(0,0,0,.6); color: #FFF; font-size: 16px; height: 30px; padding:0 35px 0 15px; border-radius: 40px; line-height: 30px; position: absolute; top: 10px; left:10px; }

.topRegion:before { content: ' '; height: 8px; width: 17px; background: url(../image/menu_index.png) no-repeat; background-position:0 -121px; display: block; position: absolute; right: 12px; top: 10px; }

/*新手指引*/

.guide { background: #fff; padding: 10px; position: relative; box-sizing: border-box; margin-top: 10px; }

.guide a { display: block; height: 100%; width: 100% }

.guide .guide-title { color: #999; font-size: 16px; }

.guide .guide-text { color: #666; font-size: 12px; line-height: 24px; }

.guide .guide-btn { font-size: 12px; padding: 5px 20px 5px 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center }

.guide .guide-btn span { display: block }

.guide .guide-btn:before { content: ' '; height: 10px; width: 6px; background: url(https://www.anbeile.cn/static/images/guide_icon.png) no-repeat; display: block; position: absolute; right: 10px; top: 8px; }

/*导航*/

.index-nav { background: #FFF; margin-top: 10px; }
.index-nav ul { padding: 10px 0; }
.index-nav li { float: left; width: 25%; text-align: center; }
.index-nav li a { text-align: center; width: 100%; display: block; position: relative }
.index-nav li a:before { content: ' '; background:url(../image/menu_index.png) no-repeat; height: 50px; width: 50px; display: block; margin: 0 auto; }
.index-nav li:nth-child(1) a:before { background-position:0 0; }
.index-nav li:nth-child(2) a:before { background-position:-55px 0; }
.index-nav li:nth-child(3) a:before { background-position:-111px 0; }
.index-nav li:nth-child(4) a:before { background-position:-166px 0; }
.index-nav li:nth-child(5) a:before { background-position:-222px 0; }
.index-nav li:nth-child(6) a:before { background-position:0 -56px; }
.index-nav li:nth-child(7) a:before { background-position:-55px -56px; }
.index-nav li:nth-child(8) a:before { background-position:-111px -56px; }
.index-nav li:nth-child(9) a:before { background-position:-166px -56px; }
.index-nav li:nth-child(10) a:before { background-position:-222px -56px; }
.index-nav li a p { display: block; width: 100%; font-size: 12px; margin-bottom: .08rem;
text-align: center; color: #333; }

/*爱心医旅*/

.LoveDoctor { background: #FFF; margin-top: 10px; }

.LoveDoctor .LoveDoctor-title { padding: 10px; }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-text { font-size: 24px; float: left; }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-tabs { float: right; }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-tabs section:first-child { border-left: none; text-align: right; }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-tabs section { position: relative; top: -5px; display: inline-block; text-align: center; font-size: 14px; box-sizing: border-box; border-left: 1px solid #d8d8d8 }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-tabs section:last-child a { padding-right: 0 }

.LoveDoctor .LoveDoctor-title .LoveDoctor-title-tabs section a {    padding-left: 10px; display: block; color: #254fcb; }

.LoveDoctor-content_list {padding: 0 .48rem;display: -webkit-box;}

.LoveDoctor-content_list .item:nth-child(2) {margin-right:0}

.LoveDoctor-content_list .item:nth-child(4) {margin-right:0}

.LoveDoctor-content_list .item{width: 50%;}

.LoveDoctor-content_list .item a { display: block; width: 100%; height: 100%; position: relative }

.LoveDoctor-content_list .item a .item-img {  border: 1px solid #d8d8d8;overflow: hidden;  position: relative }

.LoveDoctor-content_list .item a .item-img:before { border: 1px solid #d8d8d8; }

.LoveDoctor-content_list .item a .item-img img { height: 100%; width: 100%; display: block;}

.LoveDoctor-content_list .item a .item-content { padding: .4rem 0; text-align: center; border-top: none; position: relative;    border: 1px solid #d8d8d8; }

.LoveDoctor-content_list .item a .item-content:before { border: 1px solid #d8d8d8;  border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px}

.LoveDoctor-content_list .item a .item-content .item-content-title { font-size: .56rem; font-weight: 700; color: #333 }

.LoveDoctor-content_list .item a .item-content .item-content-title.esay i {  margin: 0 .1rem; font-size: .4rem}

.LoveDoctor-content_list .item a .item-content .item-content-text { font-size: .48rem; color: #999; }

.LoveDoctor-content_list .item a .activeMark { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent;  border-radius:10px; -webkit-border-radius:10px}

.LoveDoctor-content_list .item a:active .activeMark { background: hsla(0,0%,100%,.4) }



/*滑动*/

.Slide-list{ background: #FFF; border-radius:7px; margin:10px 0 0 10px}

.Slide-list .Slide-list-title{ font-size:16px; font-weight:700; line-height:40px; padding:0 15px;}

.Slide-list .Slide-list-title span{ color:#999; font-size:12px; font-weight:normal;}

.Slide-list .Slide-list-title span em{ font-size:14px;}

.Slide-list .Slide-list-img{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center;}

.Slide-list .Slide-list-img a:first-child{ border-left:0;}

.Slide-list .Slide-list-img a{ display:inline-block; width:31%; border-left:1px solid #e8e8e8;}

.Slide-list .Slide-list-img a img{ width:100%; height:130px;}

.Slide-list .Slide-list-img1{ padding:15px 0;width: 100%;display:-webkit-box;display:-moz-box;display:box; -webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal }

.Slide-list .Slide-list-img1 a{-webkit-box-flex:3;-moz-box-flex:3;box-flex:3; margin:0 5px;    display: block;}

.Slide-list .Slide-list-img1 img{ width:100%;}



/*文章列表*/

.ArticleList{background: #FFF; margin-top:10px;}

.ArticleList .ArticleList-nav{ line-height:40px; text-align:center;}

.ArticleList .ArticleList-nav li{ float:left; width:35%; font-size:18px;}

.ArticleList .ArticleList-nav li a{ display:inline-block; padding:0 10px; font-size:16px; float:right; color:#999}

.ArticleList .ArticleList-nav li.nav a{ border-bottom:2px solid #568e5d;}

.ArticleList .ArticleList-list{ display:none;}

.ArticleList .ArticleList-list ul{ height:295px; overflow:hidden;}

.ArticleList .ArticleList-list ul.height{ height:auto; overflow:inherit;}

.ArticleList .ArticleList-list ul li{ border-bottom:1px solid #f4f4f4; padding:6px 15px; line-height:20px; font-size:16px; height:60px}

.ArticleList .ArticleList-list ul li small{ float:left;width:18%; height:60px; margin-right:2%}

.ArticleList .ArticleList-list ul li small img{ width:100%; height:100%; border:1px #CCC solid}

.ArticleList .ArticleList-list ul li .data{ font-size:12px;color:#999;}

.ArticleList .ArticleList-list ul li .data span{ padding-right:10px;}

.ArticleList .ArticleList-list ul li .data span em{ padding-left:5px;}

.ArticleList .ArticleList-list .More{ text-align:center; padding-bottom:10px;}

.ArticleList .ArticleList-list .More a{ display:inline-block; padding:3px 20px; border-radius:50px; font-size:12px; color:#568e5d; border:1px solid #568e5d;}

.ArticleList .ArticleList-list .More .getInto{ display:none;}