@charset "utf-8";
html { font-size: 62.5%; }
@media screen and (min-width:320px) and (max-width:375px) {
html { font-size: 55.5% }
}
@media screen and (min-width:376px) and (max-width:414px) {
html { font-size: 62.5% }
}
@media screen and (min-width:415px) and (max-width:639px) {
html { font-size: 62.5% }
}
@media screen and (min-width:640px) and (max-width:719px) {
html { font-size: 62.5% }
}
@media screen and (min-width:720px) and (max-width:749px) {
html { font-size: 62.5% }
}
@media screen and (min-width:750px) and (max-width:799px) {
html { font-size: 62.5% }
}
@media screen and (min-width:800px) {
html { font-size: 62.5% }
}
body, h1, h2, h3, p, div, ol, ul, input, button { margin: 0; padding: 0 }
body { text-align: left; -webkit-text-size-adjust: none; overflow-x: hidden; background: #f4f4f4; font-size: 1.6rem !important; }
ol, ul { list-style: none }
input, button, textarea { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box }
a { text-decoration: none }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0; ) -webkit-user-modify:read-write-plaintext-only;
}
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0; ) -webkit-user-modify:read-write-plaintext-only;
}
dd, dt, dl { margin: 0; padding: 0; list-style-type: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.75; margin: 0 }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; }
button { outline: 0 }
/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex { display: -webkit-box;display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
a, a:link { color: #00afff; }
.l { float: left; }
.r { float: right; }
.wrapper { height: 100%; }
.mui-bar { position: fixed; z-index: 10; right: 0; left: 0; padding-right: 10px; padding-left: 10px; border-bottom: 0; width: 100%; background: #fff; color: #009ae0; height: 44px; line-height: 44px; overflow: hidden; }
.mui-bar-nav { top: 0;  border-bottom: 1px solid #efefef;}
.mui-bar a.mui-icon{ color:#009ae0; }
.mui-bar a.mui-icon span{ position: relative; top: -4px;font-size: 1.8rem;}
#header { width: 100%; background: #fff !important; color: #00afff !important; height: 50px; line-height: 50px; overflow: hidden; top: 0; z-index: 9999; position: fixed; }
#header a { color: #00afff; display: block; height: 50px; padding: 0 5px; }
#header .top { position: relative; }
.top_btnL { position: absolute; left: 5px; top: 0; }
.top_btnR { position: absolute; right: 5px; top: 0; }
.top_btnR a { float: right }
.top_btnL .iconfont { padding: 0 5px; }
.top_btnL .icon-arrowsleft { float: left; padding-top: 2px; }
header .mui-title { text-align: center; font-size: 2rem ;color: #009ae0;}
.top_btnclose { position: absolute; left: 70px; }
.mui-bar-nav .iconfont { font-size: 3.0rem; }
.mui-bar-nav .iconfont.icon-xiaoxi { position: relative; color: #00afff; font-size: 2.6rem; }
.icon-xiaoxi span { padding: 0 3px; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 0; right: -5px; background: #ff0000; font-size: 1rem; color: #fff; text-align: center; max-width: 18px; min-width: 14px; height: 14px; overflow: hidden; line-height: 14px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
a.title-right {color: #00afff ; z-index: 1000;}
.mui-bar-nav a.title-right i{font-size: 3.2rem ;}
.mui-bar-nav .title-right .knowledge{ margin-right: 18px;font-size: 2.4rem ;position: relative;top: 2px;}
.mui-bar-nav .title-right .icon_r{  font-size: 3.2rem;position: relative;top: 5px;}
#footer {position: fixed; z-index: 810;  width: 100%; height: 50px; line-height: 22px; background: #fff;  bottom: 0; overflow: hidden; border-top: #eee 1px solid; }
#footer ul { margin: 0 0%; }
#footer li { float: left; width: 25%; height: 60px; position: relative; text-align: center; }
#footer i.iconfont { font-size: 2rem; display: block; color: #333333;}
#footer i.icon-tubiao14 { font-size: 1rem; }
#footer a.current { color: #009ae0; border-right: none; }
#footer a.current .icon-home:before { content: "\e60a"; }
#footer a.current .icon-group:before { content: "\e608"; }
#footer a.current .icon-hospital:before { content: "\e609"; }
#footer a.current .icon-user:before { content: "\e605"; }
#footer span { display: block; font-size: 1.4rem; }
#footer a { display: block; margin: 0 auto; width: 100%; height: 60px; padding-top: 10px; color: #a2a2a2; }
#gototop { position: absolute; position: fixed; bottom: 15%; right: 10px;  
filter:alpha(opacity=80 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#85bc1f", endcolorstr="#349f11", gradientType=0);
-ms-filter:alpha(opacity=80 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#85bc1f", endcolorstr="#349f11", gradientType=0);/*IE8*/
background: #f0f0f0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(251, 251, 251, 0.8)), to(rgba(232, 232, 232, 0.8))); background: -moz-linear-gradient(top, rgba(251, 251, 251, 0.8), rgba(251, 251, 251, 0.8)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(232, 232, 232, 0.9))); background: -o-linear-gradient(top, rgba(251, 251, 251, 0.8), rgba(251, 251, 251, 0.8)); -webkit-border-radius: 200px; -moz-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; border: #c7c7c7 1px solid; overflow: hidden; }
#gototop  a{ width: 40px; height:40px; text-align: center; display:block; color: #999; font-size: 12px; line-height: 14px; padding: 10px 0 10px 0;}
#gototop .iconfont { display: block; font-size: 22px; line-height: 24px; color: #999; }
.content { padding-top: 44px; padding-bottom: 60px; }
.comment{  width: 35%; margin: 10px 0 0 10px; display: block; float: left;}
.comment input{ text-align: center; border-radius: 20px; height: 30px; border: 1px solid #eaebed;}
.collection{ width: 55%; display: block;float: right;/* padding-left: 20px;*/ position: relative; line-height: 50px; padding-right: 20px;}
#footer a i.icon-shoucang1{ color: #009ae0;}
#footer .shoucang-num{  position: absolute;top:-8px;left: 43px; color: #ff9600;}
#footer .collection-icon{/* display: block; width: 20%;*/padding: 0 10px; display: inline; width: 25%; padding: 0 20px;}
#footer .icon-pinglun{ font-size: 2rem;}
#footer i.shoucang{ font-size: 2.6rem;}
#footer i.icon_menu{ font-size: 3.4rem;}
.collection a{ display: block; float: left; padding-top: 0 !important; text-align: center;}

.menBlock{ width: 100%; height: 100%; background: rgba(0,0,0,0.59); z-index: 790; position: fixed;top: 0;}
.menu_box{position: fixed; bottom: 50px; width: 100%; background: #f1f1f1; height: 65px; line-height: 25px; padding-top: 10px;}
.menu_box li{ float: left; width: 25%; text-align: center;}
.menu_box li i{ display: block; font-size: 2.4rem;}
.menu_box a{  display: inline;  font-size: 1.8rem; color: #333; }
.menu_box .current{ color: #009ae0;}
.detailsTiteBlock{ padding: 18px 10px 20px; background: #fff;}
.datailsTitle{font-size: 1.9rem;line-height: 26px;font-weight: bold;}
.con{ margin-top: 10px;}
.browse {overflow: hidden;width: 100%; font-size: 1.6rem; color: #000; line-height: 23px;}
.browse i{ font-style: normal;}
.info_LY {padding: 0 15px 0 3em;position: relative; display: block;}
.info_LY i {position: absolute;left: 0;}
.browse div{ float: left; width: 33%;}
.detailsList{ margin-top: 8px; padding: 18px 10px 18px;background: #fff;}
.detailsListTitle{ color: #009ae0; font-size: 2.1rem; position: relative;padding:0 10px 0 15px;}
.titleBL{ width: 4px; height: 18px; background: #009ae0; display: block; position: absolute; top: 0px; left: 0px; border-radius:15px;}
.detailsListTitle span{ font-size: 1.5rem; color: #999; }
.detailsListTitle i{ margin-left: 7px; font-size: 1.3rem;}
.detailsListCon{ padding: 14px 0 0 15px;}
.detailsListCon .littleTitle{ color: #333;font-size: 1.7rem; margin-bottom: 5px; font-weight: bold;}
p{ color: #000; font-size: 1.6rem; line-height: 27px; margin-bottom: 7px;}
.littleBlock{ margin-bottom: 20px;}
.picture{ text-align: center; width: 90%; margin: auto;}
.picture img{ width: 100%; margin: 8px 0;border:1px solid #f4f4f4;}
.CatalogBlock{ background: rgba(0,0,0,0.59); height: 100%; width: 100%; position: fixed; top: 44px; z-index: 10000;}
.CatalogBox{width: 75%; background: #fff; float: right;height: 100%;  overflow-y: auto;padding-bottom: 44px;}
.CatalogBox li{ position: relative; height: 50px; border-bottom: 1px solid #F4F4F4;font-size: 1.8rem;}
.CatalogBox li a{ color: #000;}
.CatalogBox li i{ position: absolute; top: -3px; left: 0; color: #009ae0;}
.CatalogBox li div{ line-height: 50px; padding-left: 25px;}
.CatalogBox .Catalog{ text-align: center; line-height: 50px;border-bottom: 1px solid #F4F4F4; color: #484848; font-weight: bold;}
.recommend{ margin-top: 8px; background: #fff;}
.recommendTitle{ font-size: 2rem;line-height: 35px;position: relative;padding: 8px 10px 0;}
.recommendTitle b{letter-spacing:0;font-weight: normal;}
/*.recommendTitle span{ height: 3px; width: 34px; position: absolute; bottom: 0; left: 50%; margin-left: -17px; display: block; background: #009ae0;}*/
.recommend ul{ padding: 8px 10px 20px;}
.recommend ul li{ padding: 8px 0px; font-size: 1.6rem; /*border-bottom: 1px solid #F4F4F4;*/}
.recommend ul a{ color: #000;line-height: 27px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content{ padding-bottom: 50px;}
/*.head-portrait{ display: inline-block;float: left; width: 40px; height:40px; border-radius: 50%; border: 1px solid #DDDDDD;}*/
.RecComment{}
.RecCommentList{position: relative;border-bottom: 1px dotted #eaeaea; margin: 5px 10px 0;}
.RecCommentHead{ width: 35px; height: 35px; border-radius: 50%;position: absolute; top: 10px; left: 0px; overflow: hidden;}
.RecCommentHead img{ width: 100%;}
.RecCommentContent{ padding:10px 0px 0 45px;}
.RecCommentUser{ line-height: 20px;color: #000;padding-bottom: 10px;}
.RecCommentTxt{ line-height: 27px; font-size: 1.6rem;}
.RecCommentB{ font-size: 1.4rem;color: #929292;padding: 10px 0 5px;}
.RecCommentB:after,.ReplyName:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;} 
.RecCommentB span{ padding-right: 10px;}
.RecCommentB a,.ReplyName a{color: #929292;}
.RecCommentContent .icon-huifu{position: relative; top: 2px;}
.RecCommentContent .icon-yidianzan{ color: #009ae0;font-size: 2.4rem;position: relative; top: 3px;}
.ReplyBlock{ background: #f4f4f4;padding: 5px 8px; margin: 5px 0px 10px 0px; line-height: 23px; color: #5f5f5f;}
.ReplyName { font-size: 1.4rem;color: #929292; padding-bottom: 5px;}
.ReplyName .l{ font-size: 1.6rem;}

.Size{position: absolute;bottom:115px; right: 0; width: 100%; background: rgba(255,255,255,1); height: 80px; padding-top: 30px; padding: 30px 10px;}
.Size span{ position: absolute;}
.Size .small{ top:13px; left:10px; font-size: 1.9rem;}
.Size .big{ top: 13px; right: 6px; font-size: 1.9rem;}
.Slide{font-size: 14px; font-weight: bold;}
.Slide[type="range"] {
                margin-top: 2px;
                background-color: #272728;
               	width: 95%;
                -webkit-appearance: none;
                height:10px;
                background: url(../img/input_line.png) no-repeat;
               
                 background-size: 100%;
                 margin-top: 10px;
            }
.Slide[type="range"]::-webkit-slider-thumb {
                -webkit-appearance: none;
                cursor: default;
                top: -5px;
                height: 26px;
                width: 26px;
                transform: translateY(-2px);
                background: none repeat scroll 0 0 #F4F4F4;
                border-radius: 50%;
                -webkit-box-shadow: 0 -1px 1px #aaa inset;
            }


.backgroundBlock{position: absolute;bottom:115px; right: 0; width: 100%; background: rgba(255,255,255,1); height: 80px;  padding: 25px 10px ;}
.ColorBlock{ width: 32%; display: inline-block; text-align: center; margin: auto; padding: 0px 15px; height: 30px;}
.ColorBlock a{ height: 30px; border-radius: 3px; display: inline-block; width:100%;}
.bgwhite{ background: #fff;border: 1px solid #e8e8e8; }
.bggreen{ background: #cdf1cf;}
.bgblack{ background: #251e15;}

/*其他*/
.otherDetails{ border-top: 1px dotted #e5e5e5;margin: 25px 0 0;padding: 15px 0 0;}
.indent{ text-indent: 2em;}

/*词典*/
.DictionaryBlock{ margin-bottom: 8px;}

.communityDetails{ margin-top: 0;}
.postMan{ font-size: 1.4rem;color: #999;padding-top: 10px;}
.postMan:after { content: " "; display: block; clear: both; height: 0; }
.postMan .name{font-size: 1.6rem;color: #009ae0;padding-right: 10px;}
.postMan .r a{ color: #999; padding-right: 10px;}
.icon-huifu{position: relative; top: 2px;}
.postTime{ color: #999;font-size: 1.4rem;line-height: normal;padding-top: 3px;}
.postTime span{padding-right: 6px;}
.communityRTitle{padding:15px 0px;border-bottom: 1px solid #f4f4f4; margin: 0 10px 5px;}
.contentComment{padding-bottom: 0; position:absolute; top:0px; bottom:0px; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.commentBlock{ width: 100%;height:100%;  background: rgba(0,0,0,.49);position: fixed; top: 0; left: 0;z-index: 1000;overflow: hidden;}
.CommentBox{position: fixed; bottom: 0px; height: 180px; width: 100%; background: #fff; /*overflow:scroll;*/}
.commentBtn{padding: 15px 15px 0;}
.commentBtn .r{ color: #009ae0;}
.CommentBox:after,.commentBtn:after { content: " "; display: block; clear: both; height: 0; }
.CommentBox textarea{ height: 115px; line-height: 25px;}
/*.btnFollow{position: absolute; right: 0px; top: 50%; margin-top: -12px;}*/
.From{ padding: 10px; background: #fff; position: fixed; top: 44px; width: 100%;color: #000;z-index: 99;border-bottom: 1px solid #f4f4f4;}
.btnFollow a{ border: 1px solid #009ae0; display: block; width: 55px; height: 24px;text-align: center; line-height: 24px;border-radius: 3px;font-size: 1.4rem;}
.btnFollow .already{border: 1px solid #666; color: #666;}
.From:after,.btnFollow:after{content: " "; display: block; clear: both; height: 0; }
.content-main-case{ margin-top: 44px;}
.content-absolute{position: fixed; bottom: 0px;height: 100%; overflow-y: scroll;}






.font-s-smalla{ font-size: 1.4rem !important;}/*变小*/
.font-s-smallb{ font-size: 1.6rem !important;}/*变小*/
.font-s-smallc{ font-size: 1.8rem !important;}/*变小*/
.font-s-smalld{ font-size: 2.0rem !important;}/*变小*/
.font-s-smalle{ font-size: 2.2rem !important; line-height: 40px !important;}/*变小*/
.font-s-smallf{ font-size: 1.6rem;!important;}/*变小*/
.font-s-smallg{ font-size: 1.7rem;!important;}/*变小*/
.font-s-smallh{ font-size: 1.8rem;!important;}/*变小*/
.font-s-smalli{ font-size: 1.9rem;!important;}/*变小*/
.font-s-smallj{ font-size: 2.0rem;!important;}/*变小*/