@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
html { font-size: 12px; font-size: calc(200vw/64); background-color: #E1E1E1; }

body { min-width: 320px; max-width: 640px; margin: 0 auto;font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif;  background:#fff}
img,input,select{vertical-align:middle;margin:0;padding:0;border:0}
.left {
    float: left;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button,submit, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 100%; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
.jg{ margin-top:2%; clear:both;}
.bigjg{ margin-top:4%; clear:both;}
ol, ul, li { list-style: none; margin: 0; padding: 0; *text-indent:0px}
a{ text-decoration:none; color:#333}
p{ color:#333}
.flr { float: right }
.fll { float: left }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
.black{ margin-top: 1.5%;}
.red{color: #f00;}
.bodywrap{ background:#fff}
img { max-width:100% !important;height:auto!important; }
body { max-width:640px; margin:0 auto;  }
.oh { overflow: hidden;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.pa{padding:3% 4% 3% 3%;}
.hg{ clear:both; height:0.6rem;}
.btn-a {font-size: 1rem; padding: .3rem .3rem .3rem; text-align: center; color: #191919; border-radius: .2rem; background: #fed203; }
.btn-a2 {font-size: 1rem; padding: .3rem .3rem .3rem; text-align: center; color: #fff; border-radius: .2rem; background: #dc0000; }
/*top*/
/*疾病导航开始*/
.title { width:100%;  margin:0 auto;font-family: Microsoft YaHei; font-size: 1.5em; color: #0087c7; line-height: 3.0rem;  clear: both; margin-top: 1.5%;  overflow:hidden;}
.title h2{ text-align:center;}
.title p {width: 100%;height: 3px;margin: 0 auto;}
.title p img{ vertical-align:top;}
.s2{padding:0 4%}
.s2-d0{position:relative;margin-top:2%; padding:2% 2% 2% 0%; background:#f2f2f2;}
.s2-d1{display:block;position:absolute;top:0;left:0;bottom:0;width:30%;background:#0085E2;color:#fff;text-align:center;}
.s2-d1 h5{margin-top:5%}
.s2-d2 a img{width: 7%;margin-right: 3%}
.s2-mgr{margin-right:2%}
.s2-mgb{margin-bottom:2%}
.s2-d0{text-align:center;}
.s2-d1 p{margin-top:10%}
.s2-d1 p img{width:28%}
.s2-d2 .s2-a1{margin-bottom:0}
.s2-d2 .s2-a2{margin-bottom:0;width:100%}
.s2-d2{width:68%}
.s2-d2 a{display:block;float:left;width:47%;color:#1f1f1f;margin-bottom:2%;padding:3% 0%; background:#fff; border:1px solid #999; text-align:center;}


/*你的私密问题在线问医生 模块。。。*/
.zj{ float:left; width:31%; margin-left:3.3%;}
.zj dl{ background:#f2f2f2; width:98%; padding:4% 2%; text-align:center; float:left;color: #0087c7; }
.zj dl dt img{ width:70.5%;}
.zj dl h2{font-size: 1.4em; font-weight:bold;}
.zj dl p{ font-size:0.7rem; line-height:1.5rem; width:96%; margin:0 auto;}
.zxzx{ display:block;width:92%; padding:4%; background:#333333; line-height:1.8rem; color:#f2b631; text-align:center;}
.zxzx span{ margin-right:5%;}
.zxzx span img{ width:18.5%;}
.ggt{ width:100%; margin:0 auto; text-align:center;}

/*技术模块。。。*/
.s4{ width:100%;}
.s4 .jishu{margin:0 0.5em;}
.s4 .jishu>a{}

.s4 .jishu p {
    color: #494848;
    /*font-size: 0.85em;*/
    line-height: 1.75em;
    margin-top: 0.5em;
    text-indent: 2em;
}
.s4 .jishu p a{color: red}
.s4 .jishu .btn{width: 80%;margin: 20px auto 0}


/*患者关心 模块。。。*/
.s5 a{ display:block; width:49%;}
.s6 a{display:block; width:32.3%; padding-right:1%;}
/*******************康复案例切换********************/

.kfal{ position:relative; overflow:hidden; margin:0 auto; width:100%;}
.kfal .hd{ width: 100%;  text-align: center; margin:0.5rem auto;}
.kfal .hd ul{display: inline-block;  padding: 3px 5px; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;font-size: 0; vertical-align: top;}
.kfal .hd li{ display: inline-block;width: 10px;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #8C8C8C;margin: 0 5px;vertical-align: top;overflow: hidden;}
.kfal .hd li.on{ background: #0087c7;  }
.kfal .bd{ position:relative; z-index:0; }
.kfal .bd li{ position:relative; text-align:center;  background:#0087c7; }
.kfal .bd li .s7_img{ width:50%;}
.kfal .bd li .s7_p{ width:46%; padding:2%; color:#fff;}
.kfal .bd li .s7_p p{color:#fff;text-align:left; line-height:1.45rem;}
.kfal .bd li .s7_p p a{color:#fff; text-align:left;}


/*--------------文章页面样式------------*/
.listtit{border-bottom:3px solid #c5c4c4; padding:0 8px; overflow:hidden; }
.listtit strong{ display:block; float:left; border-bottom:3px solid #013477; margin-bottom:-3px; padding:8px 0; font-size:16px;}
.listtit i{ display:block;content: ""; background:url(../images/tit_ico.png) no-repeat; background-size:100%; width:30px; height:30px; float:left; margin-right:5px;min-height:20px;min-width:20px; overflow:hidden}
.listbox{ padding:0 20px; margin-bottom:8px;}
.listbox ul li{ display:block; border-bottom:1px dashed #ccc;}
.listbox h2{color: #c60202;font-size: 18px; text-align:center; padding:2% 0%;}
.listbox h2 span{ color:#000}
.listbox ul li a{ display:block; padding:3px 0; font-size:16px; line-height:1.7em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.listbox ul li a:before{content:;width: 1.7em;height: 1.7em;display: block; float:left; }
.listbox ul li:nth-child(1) a:before{content:url(../images/hot.gif);width: 1.7em;height: 1.7em;display: block; float:left; }
.listbox ul li:nth-child(2) a:before{content:url(../images/hot.gif);width: 1.7em;height: 1.7em;display: block; float:left; }
.listbox ul li:nth-child(3) a:before{content:url(../images/hot.gif);width: 1.7em;height: 1.7em;display: block; float:left; }
.listbox ul li a i{ color:#F00; font-style:normal; font-weight:bold;}
.listbox ul li a strong{ float:right;}
.wz_cont{ width:100%;}
.title3 { width:88%;  margin:0 auto;font-family: Microsoft YaHei; color: #1f1f1f;    clear: both; margin-top: 1.5%;  overflow:hidden; border-bottom:#000 1px solid;}
.title3 h2{ text-align:center;font-size: 1.5em;line-height: 3.0rem; font-weight:bold; }
.newarc_t {text-align: center; width: 80%; margin: 5px auto;}
.newarc_t span {width: 80px; height: 20px; background: #0087c7; margin-left: 5px; text-align: center; line-height:20px; }
.newarc_t span a {color: #ffffff; font-size: 12px; padding: 0 10px 0 10px; line-height:20px; }
.newarc_body  {line-height: 26px; font-family: 微软雅黑 !important; }
.newarc_body p {line-height: 26px; font-family: 微软雅黑 !important; font-size:15px;margin:10px 0 10px 5px; }
.newarc_body p span {font-family: 微软雅黑 !important; }
.newarc_body p a{ color:#00F; text-decoration:underline;}
.newarc_body a{ color:#00F; text-decoration:underline;}
.newarc_body span a{ color:#00F; text-decoration:underline;}
.newarc_body a span { color:#00F; text-decoration:underline;}
.newarc_body a{ color:#03F !important; text-decoration:underline !important}
.newarc_body strong,.newarc_body b,.newarc_body p strong{font-size: 16px !important}
.newarc_body p  img{ max-width:100% !important;margin: 10px 0; height:auto !important}
.newarc_body p a img{ max-width:100% !important;margin: 10px 0; height:auto !important}
.newarc_body a img{ max-width:100% !important;margin: 10px 0; height:auto !important}
.newarc_body span a img{max-width:100% !important;margin: 10px 0; height:auto !important}
.newarc_body a span  img{ max-width:100% !important;margin: 10px 0; height:auto !important}
/*--------------列表------------*/
.bodycontent{ font-family:微软雅黑 !important; overflow:hidden; width:100%;}
.ryan_list { border-top: 1px dashed white; border-bottom: 1px dashed #DDD; padding: 10px 0px 10px 0px; background: url(../images/arrow_gray.png) 97% center no-repeat;text-indent: 1em; }
.ryan_list span{ color:red}
.ryan_list a { color: #000000; display: block; font-family:微软雅黑 !important}
.rl_h2{ font-size:20px; text-align:center;font-family:微软雅黑 !important; margin:13px auto;}
.rl_h2 span:nth-child(1){color:#016976}
.rl_h2 span:nth-child(2){color:#c60202}
.wtrl_list li{border-bottom: 1px solid #fff; padding: 10px 0px 10px 0px; background: url(../images/arrow_gray2.png) 97% center no-repeat #016976;text-indent: 2em; }
.wtrl_list li a { font-size: 16px; color: #fff; display: block;font-family:微软雅黑 !important }
.pagelist{ font-size:16px; text-align:center; padding:5px; background:#f1f4f9; margin: 10px 0;}
.pagelist a{ margin:0 5px;}
.pagelist li { text-align: center; margin: 0 -4px 0 1px; float: none; display: inline; border: none;width: unset !important;}
.pagelist li a { color: #615e5e; border: 1px solid #999999; height: 19px; width: 23px; padding: 2px 7px; }
.pagelist li.thisclass{color: red; padding: 0 0.5em;}
.dede_pages {display: -moz-grid; width: 100%; }


.listtit1{border-bottom:3px solid #c5c4c4;  overflow:hidden; background:rgb(0, 135, 199); margin-top:5px; color:#FFF; width: 100%; text-align:center; }
.listtit1 strong{ display:block; text-align:center; padding:8px; font-size:1.2rem; color:#FFF;}

.kfal_tiwz{ text-indent:2em; padding:2%;}

.pic-tab { width:100%; float:left; overflow:hidden; }
.pic-tab ul {position:relative; width: 94%; padding:0 3%; overflow: hidden;  float:left; }
#pic-tab ul { border-bottom: none }
.pic-tab ul li { width: 49%;padding: 0.2rem;box-sizing: border-box;margin: 0rem 0px 1rem; }
.pic-tab ul li img { width:100%; }
.left {float: left; }
.right {float: right; }
.pic-tab ul li p { color: #444444; width: 100%; text-align: center; line-height:1.5rem; padding-top:2%; }
.dj_lb {background: #ffffff none repeat scroll 0 0; border: 1px solid #fff; width: 100%; overflow:hidden; margin:0 auto; }
.rmgz {margin: 0 auto; width: 96%; overflow:hidden; }
.rmgz ul li {float: left; margin-bottom: 0.45rem; width: 100%; }
.rmgz ul li .p {border: 1px solid #2373c9; float: left; line-height: 2rem; margin-right: 0.6rem; width: 20%; }
.rmgz ul li .p img {float: left; }
.gdash{ width:98%; margin:10px auto;border:1px #d2d2d2 dashed}
.p span {color: #2373c9; float: left; font-family: "微软雅黑"; font-size: 1rem; margin-left: 0.35rem; text-align:center; width:88%; }
.rmgz ul li h2 {color: #e37b00; float: left; font-size: 1.3rem; margin-top: 0.12rem; width: 74%; }
.rmgz ul li h2 a {color: #e37b00; }
.rmgz ul li h2 p {color: #4e4e4e; font-family: "微软雅黑"; font-size: 1.1rem; font-weight: normal; text-indent: 1rem; }
.rmgz ul li h2 p span {color: #e37b00; font-size: 1.1rem; }

/*==============列表页-非淋===============*/
.clear{clear:both;}
.content{background-color: #f8f8f8;overflow: hidden;}

.active ul{width:30rem;display: flex;flex-flow: row wrap;justify-content: space-between;margin:0 auto;overflow: hidden;
}
.active li{background-color: #f2f2f2;width:9.75rem;margin-top: 0.5rem;}
.active span{display: block;width:4.35rem;float:left;}
.active p{    text-align: center;padding:1rem;font-size: 1rem;width:9rem;}

.swtzx li{width:17.8rem;margin:1rem auto 1.5rem auto;text-align: center;overflow: hidden;border-radius: 4rem;background-color: #f7ab11;line-height: 2rem;}
.swtzx li a{color:#fff;font-size: 0.9rem;}

.icon ul{width:25.85rem;display: flex;flex-flow: row wrap;justify-content: space-between;margin:0 auto;overflow: hidden;}
.icon li{background-size: 100%;width:11.55rem;text-align: center;border-radius: 6rem 6rem 0 6rem;height:11.55rem;color:#fff;}
.icon li span{display: block;font-size: 1.2rem;padding-bottom: 0.8rem;}
.icon li p{padding-top: 1.5rem;font-size: 1rem;line-height: 1.4rem; width: 9.9rem; margin: 0 auto;}
.icon li:nth-of-type(1){background-color: #f7ab11;}
.icon li:nth-of-type(2){background-color: #5bed81;}
.icon li:nth-of-type(3){background-color: #ff4f4f;margin-top:0.8rem;margin-bottom: 1.5rem;}
.icon li:nth-of-type(4){background-color: #8878ff;margin-top:0.8rem;margin-bottom: 1.5rem;}

.listbox1 h2 {color: #c60202; font-size: 18px; text-align: center; padding: 2% 0% 0% 0%; font-weight: bold; }
.listbox1 h2 span {color: #000; }
.list_m {padding: 10px; overflow: hidden; margin-bottom: 10px; border: 1px solid #eee; margin-top: 10px; }
.list_m ul {display: table; width: 100%; }
.list_m ul li {display: table-cell; vertical-align: middle; width: 25%; border-right: 1px solid #e6e6e6; text-align: center; }
.list_m ul li a {display: block; color: #000; font-size: 16px; }
.list_m ul li a:before {background: #fff; content: ''; }
.list_m ul li:last-child a:after {position: absolute; content: 'HOT'; color: #fff; padding: 1px 2px; font-size: 8px; background: #f00; border-radius: 10px; font-weight: bold; top: -7px; left: 80%; animation: mykeframe 1.5s linear infinite; -moz-animation: mykeframe 1.5s linear infinite; -webkit-animation: mykeframe 1.5s linear infinite; -o-animation: mykeframe 1.5s linear infinite; }
.list_m ul li:last-child a {position: relative; }
.dj_lb {background: #ffffff none repeat scroll 0 0; border: 1px solid #fff; width: 100%; overflow: hidden; margin: 0 auto; }
.rmgz {margin: 0 auto; width: 96%; overflow: hidden; }
.rmgz ul li {float: left; margin-bottom: 0.45rem; width: 100%; }
.rmgz ul li .p {border: 1px solid #2373c9; float: left; line-height: 2rem; margin-right: 0.6rem; width: 20%; }
.rmgz ul li .p img {float: left; }
.p span {color: #2373c9; float: left; font-family: "微软雅黑"; margin-left: 0.35rem; text-align: center; width: 88%; }
.rmgz ul li h2 {color: #e37b00; float: left; font-size: 1.3rem; margin-top: 0.12rem; width: 74%; }
.rmgz ul li h2 a {color: #e37b00; }
.rmgz ul li h2 p {color: #4e4e4e; font-family: "微软雅黑"; font-size: 1.1rem; font-weight: normal; text-indent: 1rem; }

.title { width:100%;  margin:0 auto;font-size: 1.5em; color: #0087c7; line-height: 3.0rem;  clear: both; margin-top: 1.5%;  overflow:hidden;background:url("/picture/bg2.jpg") no-repeat scroll 0 0 / 100% auto;}
.title h2 {font-size: 0.85em; font-weight: bold; margin-left: 1em; margin-top: -0.45em; text-align: left; }
.title h2 small{font-weight: normal;}
.title h2 span {color: #666666; float: right; font-size: 0.65em; font-weight: normal; margin-right: 0.75em; margin-top: 0.35em;}
.title p {width: 100%;height: 3px;margin: 0 auto;}
.title p img{ vertical-align:top;}

/********点赞区域开始********/
.info{ color:#666; text-align:center; padding:0 0 2% 0;border-bottom: 1px solid #e3e3e3; margin-bottom:10px;}
.dz{ width:80%; margin:10px auto; text-align:center; font-size:16px; color:#303030;height:30px;line-height:30px;}
.dz em{font-style: normal;}
.praise{width:67px;height:29px;display:inline-block;cursor: pointer;text-align:left;line-height:25px;position: relative;}
.praise img{width:35px;height:25px;vertical-align:top;}
.praise img.animation{animation: myfirst 0.5s;}
#tipsCell {position: absolute;left:2rem;top:0rem;z-index: 9999;display: block;width: 4rem;opacity: 0;}
.praise .tips-animation{opacity: 0;filter: Alpha(opacity=0);animation: mypraise 1s ;}
.praise .hover , #add-num .add-animation.hover , #praise-txt.hover{color: #EB4F38;}
.arc_title h1{ font-size:18px; font-weight:bold; text-align:center; margin-top:3%; font-family:'微软雅黑';color:red;}
.arc_title p{ font-size:14px; color:#d40732; line-height:1.6rem; width:97%; margin:2% auto 0;font-family:'微软雅黑'}
#tab5{  padding-bottom:4%;  }
#tab5 ul{ height:2.8rem; padding-top: 14px;}
#tab5 li{ float:left; display:inline; width:49%; height:2.8rem; text-align:center;line-height: 2.8rem;  font-size:1.2rem;margin:0 0.5%; border:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 0px 4px 6px rgba(0,0,0,0.3);}
#tab5 li:nth-child(1){ background:#b28850;}
#tab5 li:nth-child(2){ background:#0085E2;}
#tab5 li a{text-decoration:none;color:#fff;font-size: 1.2rem;}
@keyframes mypraise {
    0%{top:5px; opacity: 0; filter: Alpha(opacity=0); } 
    25%{top:0px; opacity: 0.5; filter: Alpha(opacity=50); } 
    50%{top:-5px; opacity: 1; filter: Alpha(opacity=100); } 
    75%{top:-10px; opacity: 0.5; filter: Alpha(opacity=50); } 
    100% {top:-15px; opacity: 0; filter: Alpha(opacity=0); }
}

@keyframes myfirst
{
    0%{width:35px; height:25px; } 
    50%{width:40px; height:30px; } 
    100% {width:35px; height:25px; }
}
/********点赞区域结束********/

/*新增模块jrsy*/
.jrsyzq h3{font-size: 1.45rem;text-align: center;border-bottom: 2px solid #000;padding-bottom: 0.5rem;color:#0087c7;margin-top:0.5rem;}
.jrsyzq font{color:red;}
.jrsyzq ul{display: flex;flex-flow: row wrap;justify-content: space-between;width:30.95rem;overflow: hidden;margin:1.2rem auto;}
.jrsyzq ul li{width:15.2rem;margin:0.6rem auto 0 auto;}
.icon1 img{display: block;}


.dj_lb{background:#ffffff none repeat scroll 0 0;border:1px solid #fff;width:100%;overflow:hidden;margin:0 auto}
.rmgz{margin:0 auto;width:96%;overflow:hidden}
.rmgz ul li{float:left;margin-bottom:0.45rem;width:100%}
.rmgz ul li .p{border:1px solid #2373c9;float:left;line-height:2rem;margin-right:0.6rem;width:23%}
.rmgz ul li .p img{float:left}
.gdash{width:98%;margin:10px auto;border:1px #d2d2d2 dashed}
.p span{color:#2373c9;float:left;font-family:"微软雅黑";margin-left:0.35rem;text-align:center;width:88%}
.rmgz ul li h2{color:#e37b00;float:left;font-size:1.3rem;margin-top:0.12rem;width:74%}
.rmgz ul li h2 a{color:#e37b00}
.rmgz ul li h2 p{color:#4e4e4e;font-family:"微软雅黑";font-size:1.1rem;font-weight:normal;text-indent:1rem}
.rmgz ul li h2 p span{color:#e37b00;font-size:1.1rem}




.ztswt {background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 10px; font-family: "微软雅黑"; margin: 10px auto; overflow: hidden; width: 300px; }
.ztswt ul {overflow: hidden; padding: 1%; }
.ztswt ul li {float: left; }
.ztswt ul li:nth-child(1) {line-height: 36px; margin-left: 10px; width: 36px; }
.ztswt ul li:nth-child(2) {float: left; margin-left: 10px; margin-top: 7px; width: 152px; }
.ztswt ul li:nth-child(2) p {margin-bottom: 0; }
.ztswt ul li:nth-child(2) p:nth-child(1) a {color: #c30e17 !important; font-size: 18px; line-height: 21px; }
.ztswt ul li:nth-child(3) {background: #ffd546 none repeat scroll 0 0; border-radius: 10px; color: #950c00; float: left; font-size: 18px; line-height: 37px; margin-left: 6px; text-align: center; width: 78px; }
.ztswt ul li:nth-child(3) a {color: #950c00 !important; font-size: 18px; }
.ztswt ul li a img{margin: 0; }
.ztswt ul li p{line-height: 26px;margin: 0;}
.ztswt a {text-decoration: none !important; }  


/*症状查看*/
.xb{margin:0.85em;}
.xb .xbname {background:url("/picture/bg.jpg") no-repeat scroll 0 0 / 100% auto; color: #fff; height: 3.25em; line-height: 2.8em; margin: 1em auto 0.5em; text-align: center; width: 20.15em; }
.xb .xbtxt{display: inline-block;}
.xb .xbtxt ul{}
.xb .xbtxt li {float: left; margin-bottom: 0.25em; margin-right: 0.35em; width: 18.88%;text-align: center; }
.xb .xbtxt li:nth-child(5n){margin-right: 0}
.xb .xbtxt li p {color: #898989; line-height: 2em; }
.xb .btn {display: block; margin: 0.5em auto; text-align: center; }
.xb .btn a {background: #f47c2a; border-radius: 0.5em; color: #fff; padding: 0.5em 2em; }


.addbk {overflow: hidden;clear:both;}
.addbk .add-title {overflow: hidden;margin-top: 1.45rem;}
.addbk .add-title h1 {font-size: 1.45rem;text-align: center;font-weight: bold;}
.addbk .add-title h1 em {color:#df0000;font-style: normal;}
.addbk ul {width: 96.88%;margin:1.65rem auto 2rem auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.addbk ul li {width: 49.03%;margin-bottom: 0.65rem;}
.addbk ul li:nth-last-child(1),
.addbk ul li:nth-last-child(2) {margin-bottom: 0rem;}



@media all and (max-width: 320px) {
   html { font-size: 12px; }
   .title h2 span {margin-top: 0; }
   .txtScroll-top .name {background-size: 107% !important; }
   .new_gh select {text-indent: 1em !important; }
   .dcmp-content{margin-top: 0.5em;width: 64% !important;} 
   #address {width: 100% !important; }
   .jrsyzq ul {width: 26.8rem; }  
   .jrsyzq ul li {width: 12.85rem; }
   .list li .img{width: 35% !important;}
   .list li .text{width: 60% !important;}
   .list li .text li.btn {margin-left: -108px !important; }
   .listtit strong{font-size:13px;}
   #bz, #sex{height: 2.75em  !important}









  }
@media all and (min-width: 640px) { 
    html { font-size: 16px; } 
    #bz, #sex{height: 2em  !important}
}