html {
  margin: 0 auto;
  max-width: 750px;
  font-size: 24px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
li,
form,
button,
input,
textarea,
th,
td,
a {
  margin: 0;
  padding: 0;
}
header,
section {
  display: block;
}
body {
  font-family: "PingFang SC", Helvetica, Arial, "Microsoft YaHei";
  line-height: 1;
  font-size: 14px;
  color: #444;
  background: #ffffff;
}
body * {
  -webkit-text-size-adjust: 100%;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
img {
  border: 0;
}
h2,
h4 {
  font-weight: normal;
  font-size: .68rem;
}
h3{
 
  font-size: .68rem;
}
ul,
ol,
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
a {
  color: #555;
  text-decoration: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
  clear: both;
}
input,
textarea,
select,
option {
  outline: 0;
}
textarea {
  resize: none;
}
.scroll::-webkit-scrollbar {
  display: none;
}
.text-c {
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:.7rem;
}
.text-nowrap-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-nowrap-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/font_793494_svggotrjc7o.eot');
  src: url('../fonts/font_793494_svggotrjc7o.eot') format('embedded-opentype'), url('../fonts/220c375f1fa54e029fa9644a66e084b7.woff') format('woff'), url('../fonts/font_793494_svggotrjc7o.ttf') format('truetype'), url('../fonts/font_793494_svggotrjc7o.svg') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-position: center;
  background-repeat: no-repeat;
}
.on .icon-unfold_solid {
  background-image: url(../images/selectjt1.png);
}
.icon-unfold_solid {
  background-image: url(../images/select.png);
  background-size: .36rem;
}
.icon-back {
  background-image: url(../images/return-black.png);
  background-size: .8rem;
}
.icon-attest {
  background-image: url(../images/yisheng-yrz.png);
  background-size: .56rem;
}
.icon-fabiaopinglun {
  background-image: url(../images/fabiaopinglun.png);
  background-size: .56rem;
}
.icon-shouji:before {
  content: "\e6b7";
}
.icon-time:before {
  content: "\e6d4";
}
.icon-unfold:before {
  content: "\e661";
  color: #30bec3;
}
.icon-unfold2:before {
  content: "\e679";
}
.icon-right2:before {
  content: "\e6a3";
}
.icon-pinglun2:before {
  content: "\e640";
}
.icon-fold:before {
  content: "\e6de";
}
.icon-shouye:before {
  content: "\e609";
}
.icon-msnui-more:before {
  content: "\e67a";
  color: #30bec3;
}
.icon-check:before {
  content: "\e6b1";
}
.icon-kefu:before {
  content: "\e601";
}
.icon-user2:before {
  content: "\e68d";
}
.icon-hot:before {
  content: "\e6ac";
}
.icon-jiantou1:before {
  content: "\e6a2";
}
.icon-zhiding:before {
  content: "\e6a4";
}
.icon-sousuo:before {
  content: "\e6b4";
}
.icon-caidan:before {
  content: "\e790";
}
.icon-gouxuan:before {
  content: "\e6c1";
}
.icon-tupian:before {
  content: "\e6aa";
}
.icon-pinglun:before {
  content: "\e6bb";
}
.icon-yuedu:before {
  content: "\e680";
}
.icon-wenzhang:before {
  content: "\e643";
}
.icon-delete:before {
  content: "\e60a";
}
.icon-jianjie:before {
  content: "\e6c4";
}
.icon-jia1:before {
  content: "\e677";
}
.icon-jiantou:before {
  content: "\e6b6";
}
.icon-lianxi:before {
  content: "\e61a";
}
.icon-jia:before {
  content: "\e626";
}
.icon-verify:before {
  content: "\e691";
}
.icon-more:before {
  content: "\e6ba";
}
.icon-back_light:before {
  content: "\e7e0";
}
.icon-guanbi:before {
  content: "\e7b7";
}
.icon-pingjia:before {
  content: "\e69e";
}
.icon-close:before {
  content: "\e6e9";
}
.icon-favorite_fill:before {
  content: "\e6ea";
}
.icon-favorite:before {
  content: "\e6eb";
}
.icon-coordinates_fill{
  color:#30bec3;
}
.icon-coordinates_fill:before {
  content: "\e6ec";
}
.icon-dianzan_fill:before {
  content: "\e708";
}
.icon-dianzan:before {
  content: "\e709";
}
.icon-yisheng:before {
  content: "\e614";
}
.icon-jiazai:before {
  content: "\e6cd";
}
.icon-menzhen:before {
  content: "\e63e";
}
.icon-right:before {
  content: "\e8d9";
}
.icon-instructio:before {
  content: "\e602";
}
.icon-project:before {
  content: "\e604";
}
.icon-warning:before {
  content: "\e603";
}
.icon-group:before {
  content: "\e605";
}
.icon-incognito:before {
  content: "\e606";
}
.icon-liwu:before {
  content: "\e608";
}
.icon-left:before {
  content: "\e8da";
}
.icon-xiangyou:before {
  content: "\e600";
}
.icon-search:before {
  content: "\e607";
}
.icon-pinglun1:before {
  content: "\e613";
}
.icon-yuedu1:before {
  content: "\e616";
}
.iconfont {
  font-size: .6rem;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  vertical-align: middle;
}
.icon-on {
  color: #ff0000;
}
.bui-bar {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 .6rem;
  background-color: #ffffff;
}
.bui-bar-nav {
  max-width: 750px;
  position: fixed;
  top: 0;
  z-index: 10;
  height: 1.6rem;
  color: #535353;
  -webkit-box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
}
.bui-bar-nav .bui-action-back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding-left: 1rem;
  width: .8rem;
  line-height: 1.6rem;
  height: 1.6rem;
  font-size: .8rem;
  text-align: center;
  font-weight: 400;
}
.bui-bar-nav .bui-title {
  padding-left: .2rem;
  line-height: 1.8rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bui-bar-nav .bui-title  h1{
  line-height: 1.8rem  !important;
  font-size: 0.7rem !important;
}
.bui-bar-nav .bui-operation {
  position: absolute;
  top: .5rem;
  right: .5rem;
  color: #52c4f7;
  font-size: 0.6rem;
}
.bui-title-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 1.8rem;
}
.bui-title-tab a {
  line-height: 1.8rem;
  font-size: 0.8rem;
  color: #535353;
  font-weight: 500;
  position: relative;
}
.bui-title-tab a.on {
  color: #52c4f7;
  font-weight: 600;
}
.bui-title-tab a.on:after {
  display: block;
  content: '';
  width: .8rem;
  height: .12rem;
  background: #52c4f7;
  border-radius: .08rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
}
.bui-bar-nav ~ #app {
  padding-top: 1.6rem;
  clear: both;
}
.bui-bar-bottom {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  padding: .1rem 0;
  width: 100%;
  height: 2rem;
  background: #fff;
  border-top: 1px solid #ddd;
  max-width: 750px;
}
.go-home{
  position: absolute;
  left: .5rem;
  bottom: 0rem;
  padding: 2px;
}
.go-home a{
  display: flex;
  flex-direction: column;
}
.go-home img{
  width: .7rem;
  height: .7rem;
  padding: .2rem .1rem;
}
.go-home span{
  display: inline-block;
    line-height: .6rem;
    font-size: .44rem;
    color: #99a1a0;
}
.bui-bar-bottom ul{
  width: 80%;
  margin: auto;
}
.bui-bar-bottom li {
  float: left;
  width: 33.33%;
  font-size: 0;
  text-align: center;
}
.bui-bar-bottom li a {
  display: block;
}
.bui-bar-bottom li i {
  display: inline-block;
  width: 100%;
  height: 1.2rem;
}
.bui-bar-bottom li i.home {
  background: center center url(../images/xiaoe.png) no-repeat;
  background-size: 0.92rem;
}

.bui-bar-bottom li i.kefu {
  background: center center url(../images/xiaofei.png) no-repeat;
  background-size: 2.2rem;
  margin-top: -1rem;
  height: 2.2rem;
}
.bui-bar-bottom li i.youhui {
  background: center center url(../images/lixi.png) no-repeat;
  background-size: 1rem;
}

.bui-bar-bottom li span {
  display: inline-block;
  line-height: .6rem;
  font-size: .44rem;
  color: #99a1a0;
}
.bui-bar-bottom li.on span {
  color: #52c4f7;
}
.bui-bar-bottom li.on .home {
  background: center center url(../images/footer_home_on.png) no-repeat;
  background-size: 0.92rem;
}
.bui-bar-bottom li.on .diary {
  background: center center url(../images/footer_diary_on.png) no-repeat;
  background-size: 0.96rem;
}
.bui-bar-bottom li.on .youhui {
  background: center center url(../images/footer_youhui_on.png) no-repeat;
  background-size: 1rem;
}
.bui-bar-bottom li.on .pinggu {
  background: center center url(../images/footer_pinggu_on.png) no-repeat;
  background-size: 0.84rem;
}
.bui-bar-search {
  padding: .2rem .6rem 0;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.bui-bar-search .city-location {
  height: 1.2rem;
  line-height: 1.2rem;
}
.bui-bar-search .city-location span {
  display: inline-block;
  max-width: 2rem;
  font-size: .56rem;
  color: #000;
  vertical-align: top;
  margin-right: .32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bui-bar-search .city-location i {
  display: inline-block;
  vertical-align: top;
}
.bui-bar-search .search-row {
  padding: 0 .6rem;
  height: 1.2rem;
  width: 100%;
  margin:0 0.5rem;
  line-height: 1.2rem;
  background: #f8f8f8;
  border-radius: .6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.bui-bar-search .search-row input {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .56rem;
  color: #333;
  border: none;
  background: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bui-bar-search .search-row label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: left;
  font-size: .56rem;
  color: #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 0.5rem;
}
.bui-bar-search .search-row-on {
  padding-left: 1.2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bui-bar-search .search-row-on .search_form {
  width: 100%;
}
.bui-bar-search .search-row-on label {
  width: 1.2rem;
}
.bui-bar-search img {
  width: 2.6rem;
  height: 1.2rem;
  display: inline-block;
}

.img-info {
  width: 1.2rem !important;
  height: 1.2rem;
  display: inline-block;
}

.notepad-top {
  padding: .6rem;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.notepad-top:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.notepad-top .title {
  font-size: 0.5rem;
  color: #535353;
  font-weight: 600;
  line-height: 1.2rem;
  height: 1.2rem;
}
.notepad-top .note-user {
  height: 1.6rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.notepad-top .note-user .avatar {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  float: left;
  margin-right: .4rem;
  border-radius: 100%;
  background: #f8f8f8;
}
.notepad-top .note-user .name {
  margin-bottom: .08rem;
  width: 4.8rem;
  line-height: .9rem;
  font-size: .6rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notepad-top .note-user .time {
  line-height: .6rem;
  font-size: .48rem;
  color: #999999;
}
.notepad-top .hospital {
  margin-bottom: .72rem;
  line-height: 1.2rem;
  height: 1.2rem;
  font-size: .48rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notepad-top .hospital a {
  color: #999;
}
.notepad-top .hospital i {
  color: #30bec3;
}
.notepad-top .hospital span {
  border: 1px solid #30bec3;
  margin-left: 1rem;
  padding: 0.05rem 0.2rem;
  font-size: 0.4rem;
  border-radius: 0.16rem;
}
.notepad-top .contrast {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.notepad-top .contrast dd {
  width: 6.84rem;
  height: 4.6rem;
  position: relative;
  background: #f8f8f8;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: .4rem;
  overflow: hidden;
}
.notepad-top .contrast dd img {
  display: block;
  width: 100%;
  height: 100%;
}
.notepad-top .contrast dd span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.8rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .48rem;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-bottom-right-radius: 0.4rem;
}
.notepad-top .contrast dd:last-child span {
  background: #52c4f7;
}
.notepad-line {
  padding: .6rem 0;
  background: #fff;
  overflow: hidden;
  border-bottom: 0.52rem solid #f7f7f7;
}
.notepad-line .notepad-line-hd {
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
  overflow: visible;
  margin-bottom: 0;
  padding: .1rem .4rem .4rem;
  background: #fff;
  z-index: 5;
  -webkit-box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.notepad-line .notepad-line-hd h2 {
  width: 7.2rem;
  font-size: .6rem;
  color: #535353;
  float: left;
}
.notepad-line .notepad-line-hd .hd-nav {
  display: inline-block;
  height: .6rem;
  line-height: .6rem;
  position: absolute;
  top: .1rem;
  right: 0;
  z-index: 3;
}
.notepad-line .notepad-line-hd .hd-nav span {
  display: inline-block;
  float: left;
  line-height: .6rem;
  font-size: .6rem;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #52c4f7;
  padding: 0.1rem;
}
.notepad-line .notepad-line-hd .hd-nav span i {
  color: #52c4f7;
}
.notepad-line .notepad-line-hd:before {
  display: block;
  content: '';
  height: .2rem;
  background: #fff;
  position: absolute;
  top: -0.16rem;
  left: 0;
  right: 0;
  z-index: 6;
}
.notepad-line .notepad-line-hd .hd-nav {
  right: 0.4rem;
}
.notepad-line .notepad-line-hd .hd-nav .iconfont {
  padding-left: 0.1rem;
}
.notepad-line .notepad-line-hd .reverse.iconfont {
  display: inline-block;
  color: #52c4f7;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notepad-line .notepad-line-wrap {
  padding: 0 0.4rem;
}
.notepad-line .notepad-line-con {
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-transition: .5s;
  transition: 0.5s;
}
.notepad-line .notepad-line-con.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.notepad-line .notepad-line-up {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.notepad-line .line-day {
  padding: .7rem .2rem;
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.notepad-line .line-day:last-child .day-con:after {
  bottom: 0.6rem;
}
.notepad-line .line-day .time {
  height: .8rem;
  line-height: .8rem;
  font-size: .48rem;
  margin-bottom: .2rem;
  padding-left: .4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.notepad-line .line-day .time:before {
  display: block;
  content: '';
  width: .2rem;
  height: .2rem;
  font-size: 0;
  background: #30bec3;
  border-radius: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0.32rem;
}
.notepad-line .line-day .date {
  display: inline-block;
  margin-right: .7rem;
  color: #535353;
}
.notepad-line .day-con {
  padding: .4rem;
  position: relative;
  -webkit-box-shadow: .06rem .1rem .2rem .06rem #e3e3e3;
  box-shadow: .06rem .1rem .2rem .06rem #e3e3e3;
  border-radius: .3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.notepad-line .time .shuhou {
  width: 3.6rem;
  height: .72rem;
  font-size: .48rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: #30bec3;
  border-radius: .36rem;
  margin-bottom: 0.4rem;
}
.notepad-line .day-con p {
  height: 2.3rem;
  line-height: .8rem;
  font-size: .56rem;
  color: #333;
  overflow: hidden;
  margin-bottom: .7rem;
  word-break: break-all;
  position: relative;
}
.notepad-line .day-con.all p {
  height: auto;
}
.notepad-line .day-con a {
  display: block;
}
.notepad-line .day-con .pic {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .4rem;
  margin-right: -0.8rem;
  overflow: hidden;
  height: 3.4rem;
}
.notepad-line .day-con.all .pic {
  height: auto;
}
.notepad-line .day-con .pic li {
  width: 3.13333333rem;
  height: 3.13333333rem;
  background: #f0f0f0;
  border-radius: .3rem;
  margin-bottom: .4rem;
  margin-right: .4rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.notepad-line .day-con .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.notepad-line .day-con .op {
  height: .64rem;
  line-height: .64rem;
  margin-bottom: 0.2rem;
}
.notepad-line .day-con .op a {
  display: inline-block;
  font-size: .48rem;
  color: #8e8e8e;
}
.notepad-line .day-con .op .iconfont {
  display: inline-block;
  margin-right: .1rem;
  float: left;
}
.notepad-line .day-con .op .js-comment {
  float: right;
}
.notepad-line .day-con .op .js-zan {
  float: right;
}
.notepad-line .day-con .all-btn {
  height: 1rem;
  line-height: 1rem;
  bottom: 0.1rem;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-align: center;
  color: #30bec3;
  width: 4rem;
  margin: 0 auto;
}
.notepad-line .day-con.all .all-btn .iconfont {
  display: inline-block;
  line-height: 1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notepad-line .line-day-no {
  width: 100%;
  height: 6rem;
  background: center center url(../images/diary_no.png) no-repeat;
  background-size: 5rem;
}
.notepad-list-box .notepad-list-hd {
  margin-bottom: .2rem;
  padding: .4rem .6rem;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
  position: relative;
}
.notepad-list-box .notepad-list-hd:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.notepad-list-box .notepad-list-hd h2 {
  width: 7.2rem;
  font-size: .72rem;
  color: #000;
  float: left;
  font-weight: 600;
}
.notepad-list {
  min-height: 4rem;
}
.notepad-list .new_tit{
  margin-left:.6rem;
  overflow: hidden;
  height:10px;
  width:100px;
}
.notepad-list .new_tit h3{
  padding-left: .6rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .7rem;
  font-weight: 600;
}
.notepad-list .note-item {
  padding: .6rem;
  position: relative;
}
.notepad-list .note-item:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.notepad-list .note-item .title-time {
  height: 1rem;
  line-height: 1rem;
}
.notepad-list .note-item .title-time .title {
  float: left;
  font-size: 0.5rem;
  width: 13rem;
}
.notepad-list .note-item .title-time .title h3 {
  color: #535353;
  font-weight: 600;
  font-size:.6rem;
}
.notepad-list .note-item .open-time {
  float: right;
  font-size: 0.4rem;
  color: #999999;
  height: 1rem;
  line-height: 1rem;
}
.notepad-list .note-item .note-user {
  height: 1.6rem;
  overflow: hidden;
  margin-bottom: .4rem;
  float: left;
}
.notepad-list .note-item .note-user .avatar {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  float: left;
  margin-right: .4rem;
  border-radius: 100%;
  background: #f8f8f8;
}
.notepad-list .note-item .note-user .name {
  margin-bottom: .08rem;
  line-height: .9rem;
  font-size: .4rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notepad-list .note-item .note-user .time {
  line-height: .6rem;
  font-size: .38rem;
  color: #999;
  width: 8rem;
}
.notepad-list .note-item .contrast {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: .4rem;
  clear: both;
}
.notepad-list .note-item .contrast dd {
  width: 6.4rem;
  height: 7.4rem;
  position: relative;
  background: #f8f8f8;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: .4rem;
  overflow: hidden;
}
.notepad-list .note-item .contrast dd img {
  display: block;
  width: 100%;
  height: 100%;
}
.notepad-list .note-item .contrast dd span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.8rem;
  height: .72rem;
  line-height: .72rem;
  font-size: .48rem;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-bottom-right-radius: 0.4rem;
}
.notepad-list .note-item .contrast dd:last-child span {
  background: #30bec3;
}
.notepad-list .note-item .desc p {
  max-height: 1.6rem;
  line-height: .8rem;
  font-size: .56rem;
  color: #333;
  margin-bottom: .4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notepad-list .note-item .desc p:first-child {
  height: .8rem;
  margin-bottom: 0;
}
.notepad-list .note-item .desc span {
  color: #52c4f7;
  padding-right: 2px;
}
.notepad-list .note-item .hospital-zan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  margin-top:.5rem;
}
.notepad-list .note-item .hospital-zan .hospital {
  width: 8rem;
  line-height: 1rem;
  font-size: .48rem;
  color: #b2b2b2;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-province {
  padding-left: .6rem;
  padding-bottom: 1rem !important;
  overflow: hidden;
}
.select-province a {
  display: block;
  float: left;
  margin-top: .8rem;
  width: 3.6rem;
  height: 1.12rem;
  line-height: 1.12rem;
  font-size: .56rem;
  color: #535353;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #dedede;
  border-radius: 0.2rem;
}
.select-province a:nth-child(3n+1),
.select-province a:nth-child(3n+2) {
  margin-right: 1.44rem;
}
.filter-box {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 750px;
}
.filter-box .bui-bar-nav {
  border-bottom: 0;
  position: static;
}
.filter-box .tab-hd {
  height: 1.6rem;
  position: relative;
}
.filter-box .tab-hd:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.filter-box .filter-box-bd {
  position: absolute;
  top: 4rem;
  bottom: 0;
  z-index: 99;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.filter-box .filter-box-bd .filter-item span.on a {
  color: #30bec3;
}
.filter-box .select-project {
  padding-top: .2rem;
  padding-bottom: 1rem;
  overflow: hidden;
}
.filter-box .select-project span {
  display: block;
  float: left;
  margin: .6rem 0 0 .6rem;
  padding: 0 .12rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: .56rem;
  color: #535353;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #dedede;
  border-radius: 0.2rem;
}
.filter-box .select-project .on {
  color: #52c4f7;
}
.filter-box .order-by {
  margin-top: 1rem;
}
.filter-box .order-by span {
  display: block;
  padding: 0 .6rem;
  height: 2rem;
  line-height: 2rem;
  font-size: .6rem;
  color: #333;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: relative;
}
.filter-box .order-by span:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.filter-box .order-by span:on,
.filter-box .order-by span:hover {
  color: #52c4f7;
  background: #f8f8f8;
}
.filter-box .order-by .on {
  color: #52c4f7;
}
.bui-bar-nav .bui-tools {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: block;
  padding-right: .6rem;
  width: 1.2rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  vertical-align:middle;
}
.bui-bar-nav .bui-tools img {
  width: 1rem;
  height: 1rem;
  line-height: 1.8rem;
  display: inline-block;
  margin:0 auto;
  vertical-align: middle
}
.icon-more-dot {
  background-image: url(../images/zixun.png);
  background-size: 1rem;
}
.popup-tools .bg {
  position: fixed;
  z-index: 120;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.35;
}
.popup-tools .nav-con {
  position: fixed;
  z-index: 121;
  top: 1.5rem;
  right: .4rem;
  width: 5.4rem;
}
.popup-tools .nav-con .menu-jianjiao {
  position: absolute;
  top: -0.24rem;
  right: .48rem;
  display: inline-block;
  width: .62rem;
  height: .28rem;
  background: center url('../images/menu_jianjiao.png') no-repeat;
  background-size: 0.62rem;
}
.popup-tools .nav-con .list {
  width: 5.4rem;
  height: 6rem;
  overflow: hidden;
  border-radius: .2rem;
  -webkit-box-shadow: 0 0.06rem 0.32rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.06rem 0.32rem 0 rgba(0, 0, 0, 0.2);
}
.popup-tools .nav-con a {
  display: block;
  position: relative;
  padding: .6rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .6rem;
  font-weight: 500;
  color: #000;
  background: #fff;
  overflow: hidden;
}
.popup-tools .nav-con a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  height: 1px;
  background: #f2f2f2;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.popup-tools .nav-con a .icon {
  float: left;
  display: inline-block;
  margin-right: .52rem;
  width: .8rem;
  height: .8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.8rem;
}
.popup-tools .nav-con a .icon-my {
  background-image: url('../images/top_right_my.png');
}
.popup-tools .nav-con a .icon-home {
  background-image: url('../images/top_right_home.png');
}
.popup-tools .nav-con a .icon-home:before {
  content: '';
}
.popup-tools .nav-con a .icon-search-right {
  background-image: url('../images/top_right_search.png');
}
.bui-message {
  position: fixed;
  bottom: -2rem;
  z-index: 9999;
  width: 100%;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0.1;
}
.bui-message span {
  display: inline-block;
  padding: .4rem;
  line-height: .56rem;
  font-size: .56rem;
  color: #f5f5f5;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.2rem;
}
.bui-message.show {
  bottom: 4rem;
  opacity: 1;
}
.relevant .hd {
  margin: .6rem;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
  margin-bottom: .4rem;
  position: relative;
}
.relevant .hd h2 {
  float: left;
  font-size: .7rem;
  font-weight: 600;
  color: #535353;
  margin-left: .7rem;
}
.relevant .hd:after {
  display: block;
  content: '';
  width: .12rem;
  height: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #30bec3;
  border-radius: 0.08rem;
}
.main {
  margin-bottom: 0rem;
}
.loading-more {
  padding: .6rem 0;
  line-height: .6rem;
  font-size: .44rem;
  color: #b2b2b2;
  text-align: center;
}
.loading-more a {
  color: #b2b2b2;
}
.bui-showToast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.8rem;
  margin-top: -1rem;
  margin-left: -1.4rem;
  padding: .2rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.2rem;
}
.bui-showToast .iconfont {
  display: block;
  margin: 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1rem;
  color: #ececec;
  text-align: center;
}
.bui-showToast .iconfont:before {
  display: block;
}
.bui-showToast .icon-jiazai {
  -webkit-animation: bui-loading 2.5s linear infinite;
  animation: bui-loading 2.5s linear infinite;
}
.bui-showToast p {
  padding-bottom: .12rem;
  line-height: .6rem;
  font-size: .4rem;
  color: #ececec;
  text-align: center;
}
.fixed-expand {
  position: fixed;
  z-index: 99;
  right: .6rem;
  bottom: 2.4rem;
  display: none;
  width: 2.24rem;
  font-size: 0;
}
.fixed-expand .goZixun {
  background: center url('../images/gozixun.png') no-repeat;
}
.fixed-expand .item {
  display: none;
  margin-bottom: .1rem;
  height: 2.24rem;
  background-size: 2.24rem;
}
.fixed-expand .item-zixun {
  display: block;
  margin-bottom: .1rem;
  height: 2.24rem;
  background-size: 2.24rem;
}
.fixed-expand .goTOP {
  margin-bottom: .2rem;
  height: 2.24rem;
  background: center url('../images/gotop.png') no-repeat;
  background-size: 2.24rem;
}
.fixed-expand .expand {
  height: .88rem;
  background: center url('../images/expand.png') no-repeat;
  background-size: 1.6rem;
}
.banner-index {
  margin: .6rem auto;
  width: 14.2rem;
  height: 7.2rem;
}
.banner-index a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-index img {
  display: inline-block;
  width: 14.2rem;
  background: #f8f8f8;
}
.banner-index .swiper-pagination {
  font-size: 0;
  bottom: 0.2rem;
}
.banner-index .swiper-pagination .swiper-pagination-bullet {
  margin: 0 .08rem;
  width: .24rem;
  height: 0.24rem;
}
.banner-index .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}
.index-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: .2rem 1rem .5rem;
  overflow: hidden;
}
.index-nav a {
  display: block;
  float: left;
  margin: .4rem 0;
  width: 33.33%;
  text-align: center;
  flex: 1 1 auto;
}
.index-nav a .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .88rem;
}
.index-nav a img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.index-nav a p {
  height: .72rem;
  line-height: .72rem;
  font-size: .48rem;
  color: #333;
  font-weight: 500;
}
.index-nav h2{
  color:#000;
}
.index-dir{
  height:4rem;
  display: flex;
  justify-content: space-evenly;
}
.index-dir .dir{
  height:3rem;
  width:40%;
  position: relative;
}
.index-dir .dir span{
  position:absolute;
  text-align: center;
  left:0;
  top:50%;
  width:100%;
  color:#fff;
  font-size:0.7rem;
  letter-spacing:0.1rem;
  font-weight: 600;
}
.index-dir img{
  border-radius: 0.1rem;
  width: 100%;

}
.footer {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 3rem;
  color: #999;
}
.footer p {
  line-height: 0.7rem;
  min-height: 0.7rem;
  font-size: 0.3rem;
}
.diary-list li {
  width: 14rem;
  height: 11.2rem;
  margin: .4rem .5rem;
  position: relative;
  border-radius: .4rem;
  -webkit-box-shadow: 0 .1rem .1rem #e3e3e3;
  box-shadow: 0 0.1rem 0.1rem #e3e3e3;
}
.diary-list li img {
  width: 13.4rem;
  height: 8.4rem;
  border-radius: .4rem;
  position: absolute;
  left: .3rem;
  top: 0.4rem;
}
.diary-list li h2 {
  width: 14rem;
  height: .68rem;
  text-align: center;
  font-size: .64rem;
  position: absolute;
  top: 9.2rem;
}
.diary-list li .date-time-total {
  width: 13.4rem;
  position: absolute;
  left: .3rem;
  top: 10.2rem;
  font-size: 0.48rem;
}
.diary-list li .date-time-total .date-time {
  float: left;
  color: #999999;
}
.diary-list li .date-time-total .diary-total {
  float: right;
  color: #52c4f7;
}
.diary-list li .date-time-total .diary-total i {
  font-size: 0.44rem;
}
.diary-index ul li h3{
  font-size:0.6rem;
}
.diary-index .tit {
  text-align: center;
  margin-bottom: .48rem;
  margin-top: 0.6rem;
}

.diary-index .hd {
  padding: 0 .6rem .04rem;
  height: 1.24rem;
  overflow: hidden;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
}
.diary-index .hd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  height: 1.24rem;
  padding-bottom: 30px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.diary-index .hd li {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  height: 1.24rem;
  line-height: 1.24rem;
  font-size: .56rem;
  color: #535353;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.diary-index .hd li.on {
  color: #30bec3;
}
.diary-index .hd li.on a {
  color: #30bec3;
}
.diary-index .hd li.on:after {
  display: block;
  content: '';
  width: 1rem;
  height: .08rem;
  background: #30bec3;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
  border-radius: 0.08rem;
}
.diaryColumn .tab-hd {
  padding: 0.3rem .6rem;
  overflow: hidden;
  background: #fff;
  position: sticky;
  top: 1.7rem;
  z-index: 11;
  width: 14rem;
}
.diaryColumn .tab-hd ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: space-evenly;
}
.diaryColumn .tab-hd li {
  padding: 0 .3rem;
  position: relative;
  height: 1.16rem;
  font-size: .56rem;
  color: #888;
  background: #ebeef3;
  border-radius: .2rem;
}
.diaryColumn .tab-hd li span {
  min-width: 1.8rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.38rem;
}
.diaryColumn .tab-hd span i {
  display: inline-block;
  margin-left: .28rem;
  width: .4rem;
  height: 1.16rem;
}
.diary-project-box {
  margin-top: .3rem;
  padding: 0 0 0.3rem 0.4rem;
}
.diary-project-box ul{
  margin-top: .3rem;
  padding: 0 0 0.3rem 0.4rem;
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
}
.diary-project-box ul li{
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  height: 1.24rem;
  line-height: 1.24rem;
  font-size: .56rem;
  color: #535353;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.diary-project-box ul li h2{
  font-size:.6rem;
}
.diary-project-box ul::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.diary-project-box a {
  display: inline-block;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  font-size: .48rem;
  color: #000;
  font-weight: 500;
  border-radius: 6px;
  
}
.diary-project-box .on {
  font-weight: 600;
  color: #30bec3;
}
.diary-project-box ul a.on:after{
  display: block;
  content: '';
  width: 1rem;
  height: .08rem;
  background: #30bec3;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
  border-radius: 0.08rem;
}
.diary-comment {
  padding: .2rem 0;
  background: #ffffff;
}
.diary-comment .comment-hd {
  padding: .4rem .6rem;
  height: .8rem;
  line-height: .8rem;
  overflow: hidden;
  position: relative;
}
.diary-comment .comment-hd:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.diary-comment .comment-hd h2 {
  width: 7.2rem;
  font-size: .72rem;
  color: #000;
  float: left;
  font-weight: 600;
}
.diary-comment .comment-item-no {
  width: 100%;
  height: 7rem;
  background: center center url(../images/comment_no.jpg) no-repeat;
  background-size: 7rem;
}
.diary-comment .comment-total {
  padding: .6rem .6rem 0;
  line-height: .72rem;
  font-size: .56rem;
  color: #333333;
}
.comment-item {
  padding: .6rem;
  clear: both;
  overflow: hidden;
  position: relative;
}
.comment-item:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.comment-item .user {
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.comment-item .user .avatar {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  margin-right: .4rem;
  float: left;
  background: #f5f5f5;
  border-radius: 100%;
}
.comment-item .user .name {
  width: 6rem;
  line-height: .64rem;
  font-size: .6rem;
  color: #52c4f7;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  overflow: hidden;
}
.comment-item .user .time {
  float: right;
  line-height: .64rem;
  font-size: .48rem;
  color: #999999;
}
.comment-item .desc {
  margin-top: .3rem;
  width: 11.8rem;
  float: right;
  line-height: 1.5;
  font-size: .6rem;
  color: #000;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-item .desc span {
  position: relative;
  z-index: 2;
  word-break: break-all;
}
.comment-bar {
  margin: 0rem 0.3rem;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s ease 0s;
  transition: all 0.5s ease 0s;
}
.comment-bar .form {
  overflow: hidden;
  width: 100%;
  padding: .4rem 0;
  position: relative;
}
.comment-bar .text {
  display: block;
  width: 100%;
  min-height: 4.5em;
  max-height: 6em;
  font-size: .56rem;
  background: #F0F0F0;
  border: 0;
  border-radius: 0.2rem;
  height: 1.5em;
}
.comment-bar .form i {
  position: absolute;
  top: 0.6rem;
  left: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
}
.comment-bar .form span {
  position: absolute;
  top: 0.7rem;
  left: 1.2rem;
  color: #999;
  font-size: 0.5rem;
}
.comment-bar .btn {
  float: right;
  width: 2rem;
  cursor: pointer;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: .56rem;
  text-align: center;
  letter-spacing: 1px;
  -webkit-transition: all .5s;
  transition: all 0.5s;
  padding: 0.3rem 0.2rem;
  border: 1px solid;
  color: #fff;
  background: #52c4f7;
  margin-top: .5rem;
  border-radius: 0.2rem;
}
.hospital-index .tit {
  text-align: center;
  margin-bottom: 0.48rem;
  margin-top: 0.6rem;
}

.index-tit h2 {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  font-size: .72rem;
  color: #ad642e;
  font-weight: bold;
  position: relative;
}
.index-tit h2:before,
.index-tit h2:after {
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  display: block;
  content: '';
  width: 5rem;
  height: 1px;
  background: #ad642e;
  border-radius: .1rem;
}
.index-tit h2:before {
  left: -5rem;
}
.index-tit h2:after {
  right: -5rem;
}
.index-tit p {
  line-height: .72rem;
  font-size: .5rem;
  color: #999999;
}
.hospital-index {
  margin: .4rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.hospital-index .list{
  height: 1rem;
}
.hospital-index .screen {
  overflow: scroll;
  overflow-y:hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  margin:0.5rem auto;
}
.hospital-index .screen h3{
  font-size: .6rem;
}
.hospital-index .screen::-webkit-scrollbar {
  display: none;
}
.hospital-index .screen li{
  margin: 0 0.5rem;
  cursor: pointer;
  color: #686767;
  font-size: .56rem;
  height: 1.24rem;
  line-height: 1.24rem;

}
.hospital-index .nav-wrap .hospital-box{
  overflow: hidden;
  display: grid;
  margin-top:0.5rem;
  grid-template-columns: repeat(2, 50%);
}
.hospital-index .screen li.on{
  border-bottom: solid .08rem #30bec3;
  color: #30bec3;
}

.hospital-index .intro-img {
  height: 4rem;
  width: 5rem;
  border-radius: 0.1rem 0.1rem 0 0;
}
.hospital-index .hospital-box img {
  height: 3rem;
  width: 3rem;
  border-radius: 3rem;
  z-index: 999;
  margin: .2rem 0rem .2rem 0rem;
}

.hospital-index .hospital-list {
  text-align: center;
  position: relative;
  border: 1px solid #ededed;
  border-radius: 0.2rem;
  height: 8rem;
  width: 7rem;
  margin: 0.2rem auto;
  overflow: hidden;
}
.hospital-list .yy-hot{
  position:absolute;
  top:0;
  right:.5rem;
  height:.5rem;
  width: .5rem;
  background-image: url(../images/hot.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}
.hospital-list .yh_btn{
  padding: 5px;
  font-size: 14px;
  border: #30bec3 1px solid;
  width: 3rem;
  margin: .4rem auto;
  text-align: center;
  color: #30bec3;
  border-radius: 8px;
}
.hospital-index .d-des{
  width: 90%;
  margin: 5% auto 0;
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hospital-list .title-text{
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin-bottom: 3%;
  width: 90%;
  margin: .5rem 0rem .3rem 0rem;

}
.sptlit{
    width: 1px;
    height: 14px;
    background: #999999;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}
.hospital-box .title-text .c-text-nowrap{
  font-size:0.4rem;
}
.hospital-box .title-text .c-text-nowrap h3{
  font-size:0.56rem;
  font-weight: 600;
  color:#000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hospital-box .d-des span:first-child {
  color: #666;
}
.hospital-box .title-text .yx-hosp{
  margin-left:.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(../images/v.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.index-hos-more {
  margin: 0.6rem auto;
  text-align: center;
  padding: 0.2rem 0;
  border-radius: 5rem;
  width: 5rem;
  margin-top: 0.5rem;
  font-size: 0.4rem;
  margin-bottom: 1rem;

}
.index-hos-more a {
  color: #999999;
  border: solid #999999 1px;
  padding:0.1rem .2rem;
}

.hospitalColumn .tab-hd {
  padding: 0.3rem .6rem;
  overflow: hidden;
  background: #fff;
  z-index: 11;
  width: 14rem;
}
.hospitalColumn .tab-hd ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.hospitalColumn .tab-hd li {
  padding: 0 .3rem;
  position: relative;
  height: 1.16rem;
  font-size: .56rem;
  color: #888;
  background: #ebeef3;
  border-radius: .2rem;
}
.hospitalColumn .tab-hd li span {
  min-width: 1.8rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.38rem;
}
.hospitalColumn .tab-hd span i {
  display: inline-block;
  margin-left: .28rem;
  width: .4rem;
  height: 1.16rem;
}
.hospitalColumn .hospital-list {
  border-top: 0.2rem solid #f8f8f8;
}
.hospitalColumn .hospital-index-list {
  margin-top: .1rem;
}
.hospital-list {
  font-size: .48rem;
  color: #555555;
}
.hospital-list .hospital-item {
  padding: .6rem;
  overflow: hidden;
  position: relative;
}
.hospital-list .hospital-item a{
 overflow: hidden;
}
.hospital-list .hospital-item:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 3rem;
}
.hospital-list .hospital-item img {
  width: 2rem;
  height: 2rem;
  float: left;
  border-radius: 100%;
  border: 1px solid #f5f5f5;
}
.hospital-list .hospital-item .info {
  margin-left: 2.4rem;
  overflow: hidden;
  position: relative;
}
.hospital-list .hospital-item h3 {
  width: 9rem;
  height: .64rem;
  line-height: .64rem;
  font-size: .6rem;
  color: #333;
  font-weight: 600;
  margin-bottom: .2rem;
  padding-top: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hospital-list .hospital-item h3 a {
  color: #333333;
}
.hospital-list .hospital-item .address-row {
  line-height: .8rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.2rem;
}
.hospital-list .hospital-item .address-row .address-text {
  float: left;
  width: 9rem;
  max-height: 1.6rem;
  font-size: .52rem;
  color: #999999;
}
.hospital-list .hospital-item .project-row {
  overflow: hidden;
}
.hospital-list .hospital-item .project-row .project {
  float: left;
  width: 9rem;
  max-height: 1.8rem;
  clear: both;
  margin-right: -0.3rem;
  overflow: hidden;
}
.hospital-list .hospital-item .project-row .project a{
  overflow: hidden;
}
.hospital-list .hospital-item .project-row .project span {
  float: left;
  margin: .1rem .2rem;
  padding: .4rem;
  min-width: 1.8rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .4rem;
  color: #000;
  text-align: center;
  background: #f0f0f0;
  border-radius: .2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.hospital-list .hospital-item .hospital-icon-verify {
  width: 2rem;
  height: 1rem;
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  background-image: url(../images/yiremnzheng.png);
  background-repeat: no-repeat;
  background-size: 1.8rem;
}
.hospital-list .hospital-item .xq-zx {
  margin-top: 0.5rem;
}
.hospital-list .hospital-item .xq-zx a {
  float: left;
  margin-right: 0.5rem;
  padding: 0.2rem 0.3rem;
  border-radius: 0.5rem;
  font-size: 0.4rem;
}
.hospital-list .hospital-item .xq-zx .xq {
  border: 1px solid #30bec3;
  color: #30bec3;
}
.hospital-list .hospital-item .xq-zx .zx {
  border: 1px solid #30a89c;
  color: #30a89c;
}
.hospital-list .hospital-item .xq-zx .xq:hover {
  color: #fff;
  background: #30bec3;
}
.hospital-list .hospital-item .xq-zx .zx:hover {
  color: #fff;
  background:#30a89c;
}
.hospital-show .hospital-info {
  padding: .8rem .6rem 0;
  position: relative;
}
.hospital-show .hospital-info .follow-btn {
  width: 2.8rem;
  height: 1.12rem;
  font-size: .52rem;
  color: #fff;
  text-align: center;
  border: 1px solid #30bec3;
  background: #30bec3;
  border-radius: .2rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute;
  top: 1.5rem;
  right: .8rem;
  z-index: 5;
  margin-top: 1px;
}
.hospital-show .hospital-info .follow-btn .iconfont {
  font-size: .4rem;
  padding-right: 0.1rem;
}
.hospital-show .hospital-info .logo {
  margin-bottom: .5rem;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  overflow: hidden;
}
.hospital-show .hospital-info h1 {
  line-height: .9rem;
  font-size: .72rem;
  color: #30bec3;
  font-weight: bold;
  margin-bottom: .5rem;
  overflow: hidden;
}
.hospital-show .hospital-info h1 span {
  display: inline-block;
  max-width: 8rem;
  float: left;
}
.hospital-show .hospital-info h1 em {
  display: inline-block;
  padding-left: .32rem;
  line-height: .9rem;
  font-size: .52rem;
  color: #999;
  font-weight: normal;
  float: left;
}
.hospital-show .hospital-info .slogan {
  max-height: 1.28rem;
  line-height: .64rem;
  font-size: .52rem;
  color: #535353;
  margin-bottom: .5rem;
  overflow: hidden;
}
.hospital-show .hospital-info .tag {
  line-height: .5rem;
  font-size: .48rem;
  color: #000;
  margin-bottom: .6rem;
  padding-bottom: .6rem;
  position: relative;
}
.hospital-show .hospital-info .tag:after {
  display: block;
  content: '';
  width: 14.2rem;
  height: 0;
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  bottom: 0;
  left: -0.2rem;
}
.hospital-show .hospital-info .tag span {
  display: inline-block;
  margin-right: 0.7rem;
}
.hospital-show .hospital-info .tag i {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .2rem;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
}
.hospital-show .hospital-info .tag .icon-age {
  background-image: url(../images/hospital_age@3x.png);
  background-size: 0.48rem;
}
.hospital-show .hospital-info .tag .icon-type {
  background-image: url(../images/hospital_private@3x.png);
  background-size: 0.46rem;
}
.hospital-show .hospital-info .tag .icon-acreage {
  background-image: url(../images/hospital_area@3x.png);
  background-size: 0.46rem;
}
.hospital-show .hospital-info .project {
  overflow: hidden;
  margin-bottom: .6rem;
  padding-bottom: .6rem;
  position: relative;
  height: 2.8rem;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.hospital-show .hospital-info .project:after {
  display: block;
  content: '';
  width: 14.2rem;
  height: 0;
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  bottom: 0;
  left: -0.2rem;
}
.hospital-show .hospital-info .project p {
  height: auto;
  overflow: hidden;
  margin-right: -0.44rem;
}
.hospital-show .hospital-info .project span {
  margin-right: .44rem;
  margin-bottom: .52rem;
  padding: 0 .2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 2rem;
  height: 1rem;
  font-size: .52rem;
  color: #30bec3;
  text-align: center;
  background: #fff;
  border: 1px solid #30bec3;
  border-radius: .2rem;
  float: left;
}
.hospital-show .hospital-info .project.all {
  height: auto;
}
.hospital-show .hospital-info .project.all p {
  padding-bottom: 0.8rem;
}
.hospital-show .hospital-info .project.all .all-btn {
  height: 1rem;
  line-height: 1rem;
  bottom: 0.2rem;
}
.hospital-show .hospital-info .project.all .all-btn .iconfont {
  display: inline-block;
  line-height: 1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hospital-show .all-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  height: 1.9rem;
  line-height: 1.9rem;
  font-size: 0;
  text-align: center;
  color: #52c4f7;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #ffffff);
}
.hospital-show .hd .more {
  float: right;
  font-size: .48rem;
  color: #999;
  margin-right: .2rem;
  cursor: pointer;
}
.hospital-show .hd .more .iconfont {
  font-size: .48rem;
  font-weight: 600;
  margin-left: 10px;
}
.hospital-show .hospital-desc {
  margin-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.hospital-show .hospital-desc:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.hospital-show .hospital-desc p {
  /* min-height: 2.6rem; */
  line-height: .84rem;
  font-size: .56rem;
  color: #535353;
  text-align: justify;
  margin:0 .7rem;
  overflow: hidden;
}
.hospital-show .hospital-desc .all-btn {
  height: 1.5rem;
  line-height: 1.5rem;
}
.hospital-show .hospital-desc.all p {
  height: auto;
  padding-bottom: 1.1rem;
}
.hospital-show .hospital-desc.all .all-btn {
  height: 1rem;
  line-height: 1rem;
  bottom: 0.2rem;
}
.hospital-show .hospital-desc.all .all-btn .iconfont {
  display: inline-block;
  line-height: 1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hospital-show .address {
  margin-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.hospital-show .address:after {
  display: block;
  content: '';
  width: 14.2rem;
  height: 0;
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  bottom: 0;
  left: 0.4rem;
}
.hospital-show .address p {
  margin-left: 0.7rem;
}
.hospital-show .address span {
  max-height: 1.92rem;
  line-height: .96rem;
  font-size: .56rem;
  color: #535353;
  float: left;
  overflow: hidden;
}
.hospital-show .address em {
  display: block;
  float: right;
  line-height: .96rem;
  font-size: .52rem;
  color: #888888;
}
.hospital-show .setting {
  margin-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.hospital-show .setting:after {
  display: block;
  content: '';
  width: 14.2rem;
  height: 0;
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  bottom: 0;
  left: 0.4rem;
}
.hospital-show .setting .hd {
  margin-bottom: 0.4rem;
}
.hospital-show .setting ul {
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  margin: 0.5rem auto;

}
.hospital-show .setting ul:{
  
}
.hospital-show .setting li {
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #eee;
  border-radius: .2rem;
  float: left;
  margin-right: 0.6rem;
}
/* .hospital-show .setting li a {
  overflow: hidden;
  width:100%;
  height:100%;
} */
.hospital-show .setting li img{
  width:3.5rem;
  height:3.5rem;
}
.hospital-show .setting li.settingMore {
  width: 1.3rem;
  line-height: 3.2rem;
  text-align: center;
  margin-right: 0;
  border: 0;
  cursor: pointer;
}
.hospital-show .setting li .iconfont {
  font-size: .8rem;
  color: #52c4f7;
}
.hospital-show .contact {
  margin-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.hospital-show .contact .contact-name {
  text-align: center;
  padding: .6rem 1.6rem;
  background: #F5F5F5;
  font-size: 0.62rem;
  font-weight: 500;
  margin: 0 0.6rem;
  border-radius: 0.3rem;
  line-height: 1rem;
}
.hospital-show .contact .contact-name p {
  border: 1px solid #30bec3;
  background: #30bec3;
  border-radius: .1rem;
  width: 4.2rem;
  height: 1rem;
  line-height: 1rem;
  margin: 0 auto;
  color: #fff;
  margin-top: 0.3rem;
  font-size: .6rem;
}
.hospital-show .notepad-list,
.hospital-show .hospital-list {
  margin-bottom: .2rem;
  padding-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.hospital-show .notepad-list .hd,
.hospital-show .hospital-list .hd {
  margin: 0 0.6rem;
}
.hospital-setting {
  padding: .8rem 0;
  font-size: .48rem;
  color: #555;
  overflow: hidden;
}
.hospital-setting ul {
  padding-top: .4rem;
  overflow: hidden;
}
.hospital-setting li {
  width: 6rem;
  height: 7.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 0 .4rem 1rem;
  padding: .4rem;
  -webkit-box-shadow: 0 .1rem .2rem .04rem #eee;
  box-shadow: 0 .1rem .2rem .04rem #eee;
  border-radius: 0.4rem;
}
.hospital-setting li img {
  width: 5.2rem;
  height: 6.8rem;
}
#img-preview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
#img-preview .swiper-container {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
#img-preview .swiper-slide img {
  display: block;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
#img-preview .swiper-pagination {
  line-height: .8rem;
  font-size: .72rem;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 15px;
  z-index: 101;
}
#img-preview .swiper-pagination-current {
  color: #52c4f7;
}
#img-preview .swiper-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 101;
  width: 1.4rem;
  height: 1.4rem;
  color: #f5f5f5;
  text-align: center;
}
#img-preview .swiper-close .iconfont {
  font-size: 1.3rem;
}
.hospital-list-filter {
  margin-top: 3rem;
}
.doctor-list {
  margin-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.doctor-list ul {
  padding: 0 0.6rem;
}
.doctor-list li {
  position: relative;
  margin-bottom: .6rem;
  padding: .6rem .4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 .1rem .2rem .04rem #eee;
  box-shadow: 0 .1rem .2rem .04rem #eee;
  border-radius: 0.4rem;
}
.doctor-list li img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  float: left;
}
.doctor-list li .info {
  margin-left: 2.8rem;
  min-height: 2.7rem;
  overflow: hidden;
  position: relative;
}
.doctor-list li h3 {
  margin-bottom: .36rem;
  margin-right: .4rem;
  float: left;
  overflow: hidden;
  min-width: 3em;
  max-width: 6.4rem;
  height: .68rem;
  line-height: .68rem;
  font-size: .6rem;
  color: #333;
  font-weight: 500;
}
.doctor-list li .cz {
  width: 3rem;
  line-height: .68rem;
  font-size: .44rem;
  color: #535353;
  float: left;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.doctor-list li .hospital-name {
  clear: both;
  width: 8rem;
  height: .8rem;
  line-height: .5rem;
  font-size: .48rem;
  color: #999999;
}
.doctor-list li .num {
  min-width: 1.9rem;
  height: .5rem;
  line-height: .5rem;
  font-size: .44rem;
  color: #52c4f7;
  padding-left: .3rem;
  background: #fff;
  position: absolute;
  top: 1.04rem;
  right: 0;
}
.doctor-list li .project {
  clear: both;
  margin-right: -0.3rem;
  overflow: hidden;
}
.doctor-list li .project span {
  float: left;
  margin: .4rem .2rem 0 0;
  padding: 0 .2rem;
  min-width: 2.2rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .4rem;
  color: #000;
  text-align: center;
  background: #f0f0f0;
  border-radius: .2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.doctorColumn .tab-hd ul {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.doctor-list .info .xq-zx a {
  position: absolute;
  right: 0;
  padding: 0.12rem 0.3rem;
  border-radius: 0.5rem;
  font-size: 0.4rem;
}
.doctor-list .info .xq-zx .xq {
  border: 1px solid #30bec3;
  color: #30bec3;
}
.doctor-list .info .xq-zx .zx {
  border: 1px solid #52c4f7;
  color: #52c4f7;
  top: 1.1rem;
}
.doctor-list .iconfont {
  left: 2.2rem;
  top: 2.4rem;
  display: inline-block;
  width: .56rem;
  height: .56rem;
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.doctor-show .license {
  line-height: .48rem;
  font-size: .44rem;
  color: #333;
  margin-bottom: 0.56rem;
}
.doctor-show .doctor-desc {
  margin: 0 -0.6rem 0.6rem;
}
.doctor-show .yy {
  line-height: 2rem;
  font-size: .6rem;
  color: #555;
  margin-bottom: .6rem;
  padding-bottom: .6rem;
  position: relative;
}
.doctor-show .yy:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.doctor-show .yy a {
  display: block;
}
.doctor-show .yy img {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  float: left;
  margin-right: .4rem;
  border-radius: 100%;
}
.doctor-show .yy span {
  display: inline-block;
  width: 9.8rem;
  color: #535353;
  float: left;
  margin-right: 0.6rem;
}
.doctor-show .yy i {
  color: #52c4f7;
  font-size: 0.48rem;
}
.doctor-show .notepad-list .loading-more a {
  font-size: .6rem;
  color: #52c4f7;
}
.news-inedx {
  margin-bottom: 1rem;
}
.news-inedx .tit {
  text-align: center;
  margin-bottom: 0.48rem;
  margin-top: 0.6rem;
}

.news-inedx .news-list {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
}
.news-list li {
  padding: .1rem;
  overflow: hidden;
  position: relative;
}
.news-list li:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 2.6rem;
  right: 0;
}
.news-list li a {
  display: block;
  overflow: hidden;
}
.news-list li .num {
  float: left;
  width: 1.4rem;
  margin-right: 0.6rem;
}
.news-list li .num span {
  display: inline-block;
  width: 100%;
  line-height: .8rem;
  font-size: .4rem;
  color: #b2b4b6;
  text-align: center;
  font-weight: 600;
  background: #eceff4;
  border-radius: 0.12rem;
}
.news-list li .info {
  float: left;
  width: 7.8rem;
  overflow: hidden;
}
.news-list li .pic {
  height: 6rem;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;

}
.news-list li .pic .bg_img{
  position: absolute;
  bottom:0;
  left:0;
  height:3rem;
}
.news-list li .pic .bg_info{
  position: absolute;
  bottom:.1rem;
  width: 100%;
}
.news-list li .pic .bg_title {
  height:.5rem;
  line-height: .5rem;
  overflow: hidden;
  color:#fff;
  text-align: center;
}
.news-list li .pic .bg_top{
  position: absolute;
  top:0;
  left:.2rem;
  width: .5rem;
  height:.5rem;

}
.news-list li .pic .bg_btn {
  line-height: .4rem;
  color: #30bec3;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  width: 2rem;
  margin: .2rem auto;
  font-size: 12px;
  padding: .2rem;
  font-weight: 600;
}

.news-list li .pic img {
  width: 100%;
  height: 100%;
}

.news-list li h3 {
  margin-bottom: .28rem;
  line-height: .8rem;
  font-size: .64rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list li .desc {
  margin-bottom: .32rem;
  line-height: .68rem;
  font-size: .52rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list li .time {
  line-height: .52rem;
  font-size: .48rem;
  color: #b2b2b2;
}
.news-list li:nth-child(1) .num span,
.news-list li:nth-child(2) .num span,
.news-list li:nth-child(3) .num span {
  color: #d45a3e;
  background: #fd7b59;
}
.news-project-box {
  overflow: hidden;
}
.news-project-box  .new-index-list a {
  float: left;
  display: inline-block;
  margin: 0 0 .2rem .2rem;
  padding: 0 .2rem;
  width: 2.9rem;
  height: 1.6rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .48rem;
  color: #000;
  font-weight: 500;
  background: #f5f8fa;
  border-radius: 6px;
}
.news-project-box .on {
  font-weight: 600;
  background: #52c4f7;
}
.news-tag-box {
  overflow: hidden;
  padding: 0 0.2rem;
  margin-top: 2rem;
  margin-bottom: 0.6rem;
}
.news-tag-box p {
  padding: .6rem 0;
  margin-left: 0.2rem;
  font-size: 0.6rem;
}
.news-tag-box p a{
  display: inline-block;
  padding: 0 .2rem;
  width: 2.2rem;
  height: 1rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .48rem;
  color: #000;
  font-weight: 500;
  background: #f5f8fa;
  border-radius: 6px;
}
.news-tag-box h2 a {
  float: left;
  display: inline-block;
  margin: 0 0 .2rem .2rem;
  padding: 0 .2rem;
  width: 1.2rem;
  height: 1rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .48rem;
  color: #000;
  font-weight: 500;
  background: #f5f8fa;
  border-radius: 6px;
}
.news-tag-box .on {
  font-weight: 600;
  background: #52c4f7;
}
.new-tag-list {
  margin: 0 0.2rem;
}
.new-tag-list span {
  float: left;
  font-size: 0.48rem;
  padding: 0.6rem 0.2rem 0.6rem 0.2rem;
}
.new-index-list {
  padding: 0 0.6rem 0.6rem 0.6rem;
}
.new-index-list::after {
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding-top: 0.6rem;
  border-bottom: 1px solid #dedede;
}
.new-index-list .content-right {
  margin-left: .62rem;
  overflow: hidden;
}
.new-index-list .content-right .top {
  width: 9.2rem;
  font-size: .56rem;
  height: 0.7rem;
  line-height: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  font-weight: 600;
}

.new-index-list .content-right .time {
  line-height: .8rem;
  height:.8rem;
  font-size: 0.4rem;
  color: #999;
  margin-top:.1rem;
  display: flex;
  justify-content: space-between;
}
.new-index-list .content-right .desc {
  padding-top: .2rem;
  font-size: .48rem !important;
  color: #666 !important;
  line-height: .7rem;
  text-align: justify;
}
.new-index-list .content-right .tag_name {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  padding: 0.1rem 0.3rem;
  margin-right: 0.2rem;
  font-size: 0.4rem;
  margin-top: 0.1rem;
  color: #999;
}
.index-hot-price{
  overflow: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
}
.index-hot-price::-webkit-scrollbar {
  display: none;
}
.new-index-list .content-left {
  float: left;
  margin-right: 0.6rem;
}
.new-index-list .content-left img {
  width: 4rem;
  height: 4rem;
  border-radius: 0.1rem;
}
.new-show {
  padding-top: 2rem;
}
.new-show .title {
  text-align: center;
  line-height: 1rem;
  font-size: .72rem;
  color: #000;
  font-weight: 600;
}
.new-show .nav {
  margin-top: .6rem;
  /* height: .6rem; */
  line-height: .6rem;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  color: #999;
  font-size: 0.32rem;
}
.new-show .nav>span{
  padding: 0.2rem 0;
}
.new-show .nav .nav-left {
  font-size: .56rem;
  color: #999;
  display: block;
  float: left;
}
.new-show .nav .nav-left .iconfont {
  padding-left: 0.2rem;
}
.new-show .nav .nav-left a {
  color: #999999;
}
.new-show .nav .nav-right {
  display: block;
  float: right;
  right: .58rem;
  font-size: .48rem;
  color: #b2b2b2;
}
.new-show .content {
  clear: both;
  padding-top: 0.6rem;
  overflow: hidden;
  line-height: 1.8;
  font-size: .6rem;
  color: #333;
  margin: 0 0.6rem;
}
.new-show .content img,
.new-show .content table {
  max-width: 100% !important;
  height: auto;
}
.new-show .xq-zx {
  margin: .5rem 1.5rem;
 
  line-height: 1.2rem;
  justify-content: space-around;
  display: flex;
}
.new-show .xq-zx a {
  font-size: 0.56rem;
  width: 5rem;
  color: #fff;
  background: #30bec3;
  text-align: center;
}
.new-show .bqbh {
  height: 1.6rem;
  margin: 0.5rem auto;
  text-align: center;
  line-height: 0.6rem;
  color: #999;
  font-size: 0.46rem;
  border-bottom: 1px solid #f5f5f5;
}
.new-show .page-box {
  margin: 0.2rem;
  height: 2rem;
  line-height: 1rem;
}
.new-show .page-box a {
  font-size: 0.52rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #f5f5f5;
  display: block;
}
.news-hot .zxBox {
  margin: 1rem auto;
  padding: .6rem 0 0 1.4rem;
  height: 3.16rem;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: center center url(../images/index_zx_bg.png) no-repeat;
  background-size: 13.8rem;
}
.news-hot .zxBox h3 {
  line-height: 1.2rem;
  font-size: .72rem;
  font-weight: 600;
}
.news-hot .zxBox p {
  line-height: .8rem;
  font-size: .48rem;
  margin-left: 1.6rem;
}
.news-nn {
  height: .48rem;
  background: #f5f5f5;
}
.news-hot-search .hd {
  padding: 0 .6rem;
  line-height: 1.8rem;
  position: relative;
  font-size: .6rem;
  color: #999999;
}
.news-hot ul {
  padding: 0 0.6rem;
}
.news-hot li {
  height: 1.92rem;
  position: relative;
}
.news-hot li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  height: 1px;
  background: #f2f2f2;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
}
.news-hot li a {
  display: block;
  overflow: hidden;
  height: 1.92rem;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.news-hot li i {
  float: left;
  display: inline-block;
  margin-right: .4rem;
  width: .72rem;
  height: .72rem;
  font-size: .56rem;
  text-align: center;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.news-hot li i.n1 {
  color: #fff;
  background-color: #f65c5c;
  border-radius: 0.08rem;
}
.news-hot li i.n2 {
  color: #fff;
  background-color: #fb8d3c;
  border-radius: 0.08rem;
}
.news-hot li i.n3 {
  color: #fff;
  background-color: #ffc234;
  border-radius: 0.08rem;
}
.news-hot li span {
  display: inline-block;
  font-size: .6rem;
  color: #000000;
}
.project-index {
  margin: .4rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 8rem;
  overflow: hidden;
}
.project-index .tit {
  text-align: center;
  margin-bottom: 0.48rem;
  margin-top: 0.6rem;
}
.project-index .tit h2 {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  font-size: .72rem;
  color: #52c4f7;
  font-weight: bold;
  position: relative;
}
.project-index .tit h2:before,
.project-index .tit h2:after {
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  display: block;
  content: '';
  left: -0.72rem;
  width: .2rem;
  height: .2rem;
  background: #52c4f7;
  border-radius: 100%;
}
.project-index .tit h2:before {
  left: 3.28rem;
}
.project-index .tit p {
  line-height: .72rem;
  font-size: .48rem;
  color: #999999;
}
.project-index .nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  height: 6rem;
  padding: .6rem;
}
.project-index .project-box {
  text-align: center;
  position: relative;
  border-right: 1px solid #ededed;
  border-top: 8px solid #ededed;
  border-bottom: 8px solid #ededed;
  height: 2.5rem;
  width: 3rem;
  padding: 0.8rem 0.5rem;
}
.project-index img {
  width: 1.5rem;
}
.project-index p {
  line-height: 1rem;
  font-size: 0.3rem;
}
.bk-index-nav {
  overflow: hidden;
  
}
.bk-index-nav ul {
  overflow: hidden;
  margin-right: -0.6rem;
  margin: 0 0.5rem;
  display: grid;
  grid-template-columns: repeat(5, 20%);
}
.bk-index-nav li {
  float: left;
  margin: .4rem .2rem;
  width: 2.4rem;
  height: 3.2rem;
  text-align: center;
}
.bk-index-nav li a {
  display: block;
}
.bk-index-nav li img {
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.1rem 0.2rem 0.04rem #eee;
  box-shadow: 0 0.1rem 0.2rem 0.04rem #eee;
}
.bk-index-nav li p {
  margin-top: .4rem;
  height: .52rem;
  line-height: .52rem;
  font-size: .4rem;
  font-weight: 500;
  color: #535353;
  overflow: hidden;
}
.bk-index-content {
  margin-bottom: 3rem;
  margin-top:1rem;
}
.bk-index-list {
  padding: 0 0.6rem 0.6rem 0.6rem;
}
.bk-index-list::after {
  content: '';
  height: 1px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding-top: 0.6rem;
  border-bottom: 1px solid #dedede;
}
.bk-index-list .content-right {
  margin-left: 0.62rem;
}
.bk-index-list .content-right .top {
  width: 9.2rem;
  font-size: .54rem;
  height: 0.7rem;
  line-height: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #000;
}
.bk-index-list .content-right .time {
  line-height: 1rem;
  font-size: 0.4rem;
  color: #999;
  display: flex;
  justify-content: space-between;
}
.bk-index-list .content-right .desc {
  padding-top: .2rem;
  font-size: .42rem !important;
  color: #666 !important;
  line-height: .6rem;
  text-align: justify;
}
.bk-index-list .content-left {
  float: left;
  margin-right: 0.6rem;
}
.bk-index-list .content-left img {
  width: 3.4rem;
  height: 3rem;
  border-radius: 0.1rem;
}
.baike-show {
  margin-bottom: 2.2rem;
  overflow: hidden;
}
.baike-show .baike-title {
  line-height: 1rem;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0.5rem;
  font-size: .48rem;
}
.baike-show .baike-title span {
  color: #A2A2A2;
}
.baike-show .w1h20 {
  margin: 0 -0.6rem;
  width: auto;
  height: 0;
}
.baike-show .tit-h2 {
  margin: .9rem 0 .8rem;
  padding-left: .4rem;
  height: .92rem;
  line-height: .92rem;
  font-size: .72rem;
  color: #000;
  font-weight: 600;
  position: relative;
}
.baike-show .tit-h2:before {
  position: absolute;
  top: .1rem;
  left: 0;
  display: block;
  content: '';
  width: .08rem;
  height: .72rem;
  background: #30bec3;
  border-radius: 0.04rem;
}
.baike-show .tit-h3 {
  clear: both;
  margin: .8rem 0 .4rem;
  line-height: .88rem;
  font-size: .64rem;
  color: #000;
  font-weight: 600;
}
.baike-show .tit-h3 .num {
  display: block;
  float: left;
  margin-right: .28rem;
  width: .88rem;
  height: .88rem;
  font-size: .48rem;
  color: #fff;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #30bec3;
  border-radius: 100%;
}
.baike-show .desc {
  line-height: 1.7;
  font-size: .64rem;
  color: #000;
  text-align: justify;
}
.baike-show .desc .bc {
  color: #52c4f7;
}
.baike-show .intro {
  padding: .1rem .6rem .2rem;
  overflow: hidden;
}
.baike-show .intro.intro2 {
  padding-top: 0;
}
.baike-show .intro.intro2 .tit-h2 {
  margin: 0.8rem 0 0.7rem;
}
.baike-show .intro .operation {
  overflow: hidden;
}
.baike-show .intro .tags span,
.baike-show .intro .tags a {
  display: inline-block;
  margin: .4rem .32rem 0 0;
  padding: .36rem .6rem;
  height: 1em;
  line-height: 1em;
  font-size: .52rem;
  color: #333;
  background-color: #f5f5f5;
  border-radius: 0.6rem;
}
.baike-show .intro .stars-row {
  padding: .52rem 0;
  overflow: hidden;
}
.baike-show .intro .stars-row .stars-item {
  float: left;
  padding: .32rem 0;
  overflow: hidden;
  width: 49%;
  height: .8rem;
  line-height: .8rem;
  font-size: .6rem;
  color: #000000;
}
.baike-show .intro .stars-row .stars-item span {
  float: left;
}
.baike-show .intro .stars-row .stars-item .focus-stars {
  line-height: 0.8rem;
}
.baike-show .intro .stars-row .stars-item .iconfont {
  float: left;
  margin-left: .1rem;
  color: #30bec3;
}
.baike-show .intro .stars-row .stars-item .gray {
  color: #cecece;
}
.baike-show .nurse {
  padding: .1rem .6rem .6rem;
  overflow: hidden;
}
.baike-show .nurse li {
  padding: 0 0 .8rem .8rem;
  position: relative;
}
.baike-show .nurse li .spl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: '';
  width: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleX(0.5);
  -webkit-transform-origin: left top;
  transform: scaleX(0.5);
  transform-origin: left top;
  left: .12rem;
  top: 1.2rem;
  bottom: 1rem;
}
.baike-show .nurse li i {
  position: absolute;
  top: .28rem;
  left: 0;
  z-index: 3;
  display: inline-block;
  width: .28rem;
  height: .28rem;
  font-size: 0;
  background: #ececec;
  border-radius: 100%;
}
.baike-show .nurse p {
  margin-bottom: .12rem;
  line-height: 1.7;
  font-size: .6rem;
  color: #888;
  text-align: justify;
}
.baike-show .nurse p strong,
.baike-show .nurse p em {
  color: #333;
  font-weight: 500;
}
.baike-show .nurse h3,
.baike-show .nurse p.title {
  margin-bottom: .32rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .64rem;
  color: #888;
  font-weight: 500;
}
.baike-show .nurse h3 em,
.baike-show .nurse p.title em {
  padding-left: .2rem;
}
.baike-show .faq {
  padding: .1rem .6rem .6rem;
  overflow: hidden;
}
.baike-show .faq li {
  margin-top: .52rem;
  position: relative;
}
.baike-show .faq li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 1rem;
}
.baike-show .faq li h3 {
  position: relative;
  z-index: 3;
  padding: 0 0 .52rem 1rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .64rem;
  color: #000;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.baike-show .faq li p {
  padding: 0 0 .52rem 1rem;
  line-height: 1.7;
  font-size: .56rem;
  color: #888;
  display: none;
}
.baike-show .faq li .icon {
  float: left;
  display: inline-block;
  margin-left: -1rem;
  width: .8rem;
  height: 0.8rem;
}
.baike-show .faq li .faq-q {
  background: url(../images/m_ask_question.png) left center no-repeat;
  background-size: 0.6rem;
}
.baike-show .faq li .faq-a {
  background: url(../images/m_ask_answer.png) left bottom no-repeat;
  background-size: 0.6rem;
}
.baike-show .faq li .iconfont {
  display: inline-block;
  position: absolute;
  top: .1rem;
  right: 0;
  z-index: 6;
  width: .6rem;
  height: .6rem;
  line-height: .6rem;
  font-size: .6rem;
  color: #b2b2b2;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.baike-show .faq li.on p {
  display: block;
}
.baike-show .faq li.on .iconfont {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.baike-show .operation ul {
  padding: .32rem .5rem;
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
}
.baike-show .operation ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: .2rem solid #fff;
  border-top: .2rem solid #fff;
  border-right: .2rem solid #f0f0f0;
  border-bottom: 0.2rem solid #f0f0f0;
}
.baike-show .operation li {
  line-height: 1.6rem;
  font-size: .56rem;
  overflow: hidden;
}
.baike-show .operation li .l,
.baike-show .operation li .r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.baike-show .operation li .r {
  background-color: rgba(255, 255, 255, 0.7);
}
.baike-show .operation li span {
  display: inline-block;
}
.baike-show .operation li .name,
.baike-show .operation li .value {
  margin-left: .32rem;
  width: 4rem;
  color: #535353;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.baike-show .operation li .value {
  margin-left: .4rem;
  width: 8rem;
  color: #000000;
}
.baike-show .operation li .tip {
  font-size: .48rem;
  color: #b2b2b2;
  text-align: center;
}
.baike-show .baike-info {
  margin: .4rem .6rem 0;
  padding: .6rem .4rem;
  background: #f5f5f5;
  border-radius: 0.4rem;
}
.baike-show .baike-info h1 {
  margin-bottom: .2rem;
  line-height: 1rem;
  font-size: .8rem;
  color: #000;
  font-weight: 600;
}
.baike-show .baike-info p {
  line-height: 1.7;
  font-size: .56rem;
  color: #333;
  text-align: justify;
}
.baike-show .auth-icon-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.baike-show .notepad-list {
  margin-bottom: .2rem;
  padding-bottom: .6rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s;
  transition: all 0.5s;
}
.c-tab {
  padding: 0 .6rem;
  position: relative;
  border-bottom: .2rem solid #f0f2f5;
  overflow: hidden;
  background: #ffffff;
}
.c-tab.tab-sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  top: 0;
}
.c-tab .tab-wrap {
  margin-left: -0.6rem;
  width: auto;
  height: 1.6rem;
  border-right: 1.4rem solid #fff;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.c-tab .tab-wrap::-webkit-scrollbar {
  height: 1px;
}
.c-tab .item {
  float: left;
  display: inline-block;
  padding: 0 .5rem;
  line-height: 1.6rem;
  font-size: .6rem;
  color: #333;
  font-weight: 500;
  -webkit-transition: color .5s;
  transition: color .5s;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.c-tab .item h2{
  font-size:.6rem;
}
.c-tab .item.on {
  color: #30bec3;
}
.c-tab .item.on:after {
  position: absolute;
  left: 50%;
  top: 1.4rem;
  margin-left: -0.3rem;
  -webkit-transition: color .5s;
  transition: color .5s;
  content: '';
  width: .6rem;
  height: .06rem;
  border-radius: .04rem;
  background: #30bec3;
}
.c-tab .unfold {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 1.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  background: #fafafa;
}
.c-tab .unfold .iconfont {
  display: inline-block;
  width: 1.6rem;
  font-size: 0.6rem;
}
.c-tab .unfold .more {
  height: 1.6rem;
  font-size: .56rem;
  color: #999;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-tab.tab-unfold .tab-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  border-right-width: 0;
}
.c-tab.tab-unfold .tab-wrap span:nth-child(3) {
  margin-right: 0.8rem;
}
.c-tab.tab-unfold .unfold .bg {
  display: none;
}
.c-tab.tab-unfold .unfold .iconfont {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user-index-banner {
  width: 100%;
  height: 9rem;
  margin: 0 auto;
  padding-bottom: .4rem;
  overflow: hidden;
  position: relative;
  background: center 0 url(../images/my_banner_bg.png) no-repeat;
  background-size: 100%;
  color: #fff;
  font-size: 0.8rem;
}
.user-index-banner img {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  position: absolute;
  top: 3.8rem;
  left: 1.6rem;
}
.user-index-banner p {
  position: absolute;
  top: 4.8rem;
  left: 5.4rem;
}
.user-index-main {
  font-size: 0.6rem;
}
.user-index-main li {
  width: 14.2rem;
  height: 2.16rem;
  line-height: 2.16rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.user-index-main li:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 1.2rem;
  right: 0;
}
.user-index-main li img {
  width: .8rem;
  height: .8rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0.68rem;
}
.user-index-main li p {
  color: #262626;
  display: block;
  position: absolute;
  left: 1.2rem;
}
.user-index-main li i {
  display: block;
  position: absolute;
  right: 0;
}
.user-information-index li {
  width: 13.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  margin: 0 auto;
  display: block;
  position: relative;
}
.user-information-index li:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
}
.user-information-index li .column-name {
  font-size: .64rem;
  color: #333;
  position: absolute;
}
.user-information-index li input {
  border: 0;
  position: absolute;
  font-size: .6rem;
  top: 1rem;
  right: 1rem;
  color: #999;
  text-align: right;
}
.user-information-index li label {
  position: absolute;
  right: -0.2rem;
}
.user-information-index li .column-content {
  position: absolute;
  font-size: .6rem;
  right: 1rem;
  color: #999;
  text-align: right;
}
.user-information-index li .content-sex {
  float: right;
  width: 12.26rem;
  height: 2.8rem;
  line-height: 2.8rem;
}
.user-information-index li .content-sex .radio_new {
  width: 3.6rem;
  height: 2.8rem;
  float: right;
  text-align: right;
  position: relative;
}
.user-information-index li .content-sex .radio_new input[type='radio'] {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 1rem;
  top: 1.1rem;
  width: .3rem;
  height: .3rem;
  opacity: 0;
}
.user-information-index li .content-sex .radio_new label {
  position: absolute;
  left: 1rem;
  top: 1.1rem;
  height: .6rem;
  line-height: .6rem;
  width: 2rem;
  float: right;
  font-size: .6rem;
  color: #999999;
}
.user-information-index li .content-sex .radio_new label:before {
  content: '';
  position: absolute;
  left: -0.1rem;
  top: 0;
  width: .6rem;
  height: .6rem;
  border: 1px solid #ddd;
  background-color: #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all 0.3s ease;
}
.user-information-index li .content-sex .radio_new label:after {
  content: '';
  position: absolute;
  left: .12rem;
  top: .12rem;
  width: .12rem;
  height: .3rem;
  border: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(45deg) scaleY(0);
  -webkit-transform: rotate(45deg) scaleY(0);
  -moz-transform: rotate(45deg) scaleY(0);
  -ms-transform: rotate(45deg) scaleY(0);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all 0.3s ease;
}
.user-information-index li .content-sex .radio_new input[type='radio']:checked ~ label:before {
  background: #5fd0cc;
  border-color: #5fd0cc;
}
.user-information-index li .content-sex .radio_new input[type='radio']:checked ~ label:after {
  background: #5fd0cc;
  transform: rotate(45deg) scaleY(1);
  -webkit-transform: rotate(45deg) scaleY(1);
  -moz-transform: rotate(45deg) scaleY(1);
  -ms-transform: rotate(45deg) scaleY(1);
}
.user-information-index .project-type {
  float: left;
  width: 100%;
  height: 2rem;
}
.user-information-index .project-type .one-line-right {
  float: right;
  width: 14.2rem;
  height: 2rem;
}
.user-information-index .project-type .one-line-right .column-name {
  float: left;
  width: 2.56rem;
  font-size: .64rem;
  color: #333;
  line-height: 2.8rem;
}
.user-information-index .ol-project {
  float: left;
  width: 100%;
  height: 4rem;
}
.user-information-index .ol-project .project-one {
  height: 3.8rem;
  width: 2rem;
  float: left;
  padding: 0.6rem 0.5rem 0;
}
.user-information-index .ol-project .project-one .project-ico img {
  width: 2rem;
  height: 2rem;
}
.user-information-index .ol-project .project-one .project-name {
  width: 2rem;
  text-align: center;
  font-size: .4rem;
  color: #545454;
  margin: 0.2rem 0;
}
.user-information-index .ol-project .project-one .checkbox {
  text-align: center;
  position: relative;
}
.user-information-index .ol-project .project-one .checkbox input[type='checkbox'] {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: .1rem;
  width: .3rem;
  height: .3rem;
  opacity: 0;
}
.user-information-index .ol-project .project-one .checkbox label {
  position: absolute;
  left: .8rem;
  top: 0;
  height: .6rem;
  line-height: 0.6rem;
}
.user-information-index .ol-project .project-one .checkbox label:before {
  content: '';
  position: absolute;
  left: -0.1rem;
  top: 0;
  width: .6rem;
  height: .6rem;
  border: 1px solid #ddd;
  background-color: #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all 0.3s ease;
}
.user-information-index .ol-project .project-one .checkbox label:after {
  content: '';
  position: absolute;
  left: .12rem;
  top: .12rem;
  width: .12rem;
  height: .3rem;
  border: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(45deg) scaleY(0);
  -webkit-transform: rotate(45deg) scaleY(0);
  -moz-transform: rotate(45deg) scaleY(0);
  -ms-transform: rotate(45deg) scaleY(0);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all 0.3s ease;
}
.user-information-index .ol-project .project-one .checkbox input[type='checkbox']:checked ~ label:before {
  background: #5fd0cc;
  border-color: #5fd0cc;
}
.user-information-index .ol-project .project-one .checkbox input[type='checkbox']:checked ~ label:after {
  background: #5fd0cc;
  transform: rotate(45deg) scaleY(1);
  -webkit-transform: rotate(45deg) scaleY(1);
  -moz-transform: rotate(45deg) scaleY(1);
  -ms-transform: rotate(45deg) scaleY(1);
}
.modify-mobile-index input,
.modify-mobile-index button {
  border: 0;
  -webkit-appearance: none;
  border-radius: 0;
  outline: 0;
  font-size: .6rem;
  font-weight: bold;
  color: #000000;
}
.modify-mobile-index .mobile-num {
  width: 100%;
  height: 2.56rem;
  margin-top: 5rem;
}
.modify-mobile-index .mobile-num .mobile-in {
  float: left;
  margin: 0 1.6rem;
  width: 11.8rem;
  height: 2.56rem;
  font-size: .6rem;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #eeeeee;
}
.modify-mobile-index .mobile-num .mobile-in .m-top span {
  float: left;
  margin-top: 1.2rem;
  width: 1.6rem;
  height: .76rem;
  line-height: .76rem;
  border-right: 2px solid #999999;
}
.modify-mobile-index .mobile-num .mobile-in .m-mobile {
  float: left;
  margin-left: .6rem;
  margin-top: 1.28rem;
  height: .76rem;
  width: 7rem;
}
.modify-mobile-index .m-auth-code {
  float: left;
  width: 100%;
  height: 2.56rem;
}
.modify-mobile-index .m-auth-code .code-in {
  float: left;
  margin: 0 1.6rem;
  width: 11.8rem;
  height: 2.56rem;
  font-size: .6rem;
  border-bottom: 1px solid #eeeeee;
}
.modify-mobile-index .m-auth-code .code-in .mac-left {
  float: left;
  width: 8rem;
  height: 2rem;
  line-height: 2.8rem;
}
.modify-mobile-index .m-auth-code .code-in .get-code {
  float: left;
  text-align: right;
  width: 3.8rem;
  height: 2rem;
  line-height: 2.8rem;
  color: #72c900;
}
.modify-mobile-index .m-submit {
  float: left;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
}
.modify-mobile-index .m-submit button {
  width: 11.4rem;
  height: 2rem;
  margin: 0 1.8rem;
  font-size: .8rem;
  font-weight: inherit;
  color: #72c900;
  background-color: #fff;
  border: solid 1px #72c900;
  border-radius: 1rem;
}
.user-message-index .hd {
  padding: 0 .6rem .04rem;
  height: 1.24rem;
  overflow: hidden;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 1.6rem;
  z-index: 10;
}
.user-message-index .hd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  height: 1.24rem;
  padding-bottom: 30px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
}
.user-message-index .hd li {
  display: inline-block;
  margin: 0 1.74rem;
  position: relative;
  height: 1.24rem;
  line-height: 1.24rem;
  font-size: .56rem;
  color: #535353;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.user-message-index .hd li.on {
  color: #53c2c6;
}
.user-message-index .hd li.on:after {
  display: block;
  content: '';
  width: 1rem;
  height: .08rem;
  background: #53c2c6;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
  border-radius: 0.08rem;
}
.user-message-index .news-list-new .message-null {
  width: 100%;
  height: 7rem;
  float: left;
  margin-top: 5.6rem;
  text-align: center;
}
.user-message-index .news-list-new .message-null img {
  width: 8rem;
  height: 7rem;
}
.user-message-index .news-list-new #notice li {
  padding: .6rem;
  overflow: hidden;
  position: relative;
}
.user-message-index .news-list-new #notice li:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: .6rem;
  right: 0.6rem;
}
.user-message-index .news-list-new #notice li a {
  display: block;
  overflow: hidden;
}
.user-message-index .news-list-new #notice li .pic {
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .2rem;
  overflow: hidden;
}
.user-message-index .news-list-new #notice li .pic img {
  width: 100%;
  height: 100%;
}
.user-message-index .news-list-new #notice li .desc {
  float: left;
  width: 7.8rem;
  margin: .6rem .4rem 0 .4rem;
  line-height: .68rem;
  font-size: .52rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-message-index .news-list-new #notice li .time {
  line-height: .68rem;
  font-size: .48rem;
  color: #b2b2b2;
  float: right;
  margin-top: .6rem;
  text-align: right;
}
.user-message-index .news-list-new #comment {
  display: none;
}
.user-message-index .news-list-new #comment li {
  padding: .6rem .6rem .2rem;
  overflow: hidden;
  position: relative;
}
.user-message-index .news-list-new #comment li:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: .6rem;
  right: 0.6rem;
}
.user-message-index .news-list-new #comment li a {
  display: block;
  overflow: hidden;
}
.user-message-index .news-list-new #comment li .comment-top {
  height: 1.6rem;
}
.user-message-index .news-list-new #comment li .comment-top .pic {
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .2rem;
  overflow: hidden;
}
.user-message-index .news-list-new #comment li .comment-top .pic img {
  width: 100%;
  height: 100%;
}
.user-message-index .news-list-new #comment li .comment-top .desc {
  float: left;
  width: 7.8rem;
  margin: .6rem .4rem 0 .4rem;
  line-height: .68rem;
  font-size: .52rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-message-index .news-list-new #comment li .comment-top .desc span {
  color: #72c900;
  font-weight: bold;
}
.user-message-index .news-list-new #comment li .comment-top .time {
  line-height: .68rem;
  font-size: .48rem;
  color: #b2b2b2;
  float: right;
  margin: .6rem .2rem 0;
  text-align: right;
}
.user-message-index .news-list-new #comment li .comment-content {
  height: 4.4rem;
  padding: 0.2rem;
}
.user-message-index .news-list-new #comment li .comment-content .comment-right {
  float: right;
  width: 12rem;
  height: 4.12rem;
  border-radius: .6rem;
  -webkit-box-shadow: 0 .1rem .1rem #e3e3e3;
  box-shadow: 0 0.1rem 0.1rem #e3e3e3;
}
.user-message-index .news-list-new #comment li .comment-content .comment-right .cr-top {
  height: .6rem;
  color: #30bec3;
  font-size: .52rem;
  padding: 0.4rem;
}
.user-message-index .news-list-new #comment li .comment-content .comment-right .cr-bottom {
  height: 2.2rem;
  color: #535353;
  font-size: .52rem;
  padding: 0 .4rem .4rem;
  line-height: 2.2rem;
}
.user-message-index .news-list-new #comment li .comment-content .comment-right .cr-bottom img {
  float: left;
  width: 2rem;
  height: 2rem;
  border-radius: .3rem;
  border: solid 1px #e3e3e3;
}
.user-message-index .news-list-new #comment li .comment-content .comment-right .cr-bottom .cc_str {
  float: right;
  width: 8.4rem;
  height: 2rem;
  line-height: .7rem;
  overflow: hidden;
  color: #535353;
}
.user-message-index .news-list-new #like {
  display: none;
}
.user-message-index .news-list-new #like li {
  padding: .6rem;
  overflow: hidden;
  position: relative;
}
.user-message-index .news-list-new #like li:after {
  position: absolute;
  bottom: 0;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: .6rem;
  right: 0.6rem;
}
.user-message-index .news-list-new #like li a {
  display: block;
  overflow: hidden;
}
.user-message-index .news-list-new #like li .pic {
  float: left;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: .2rem;
  overflow: hidden;
}
.user-message-index .news-list-new #like li .pic img {
  width: 100%;
  height: 100%;
}
.user-message-index .news-list-new #like li .like-middle {
  float: left;
  width: 7.8rem;
  overflow: hidden;
}
.user-message-index .news-list-new #like li .like-middle .desc {
  line-height: .6rem;
  font-size: .52rem;
  font-weight: bold;
  color: #72c900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.4rem 0.6rem 0;
}
.user-message-index .news-list-new #like li .like-middle .time {
  line-height: .6rem;
  font-size: .48rem;
  color: #b2b2b2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.04rem 0.6rem 0;
}
.user-message-index .news-list-new #like li .title-img {
  float: right;
  width: 1.6rem;
  height: 1.6rem;
}
.user-message-index .news-list-new #like li .title-img img {
  width: 1.6rem;
  height: 1.6rem;
  border: solid 1px #e3e3e3;
  border-radius: 0.2rem;
}
.login-show {
  min-height: 20rem;
  position: relative;
}
.login-show .logo {
  margin: 0 auto;
  padding: 1rem 0;
  width: 6rem;
  text-align: center;
}
.login-show .logo img {
  display: block;
  width: 6rem;
  height: 2rem;
  margin-bottom: 0.2rem;
}
.login-show .login-form {
  margin: 1rem auto;
  width: 13.6rem;
  position: relative;
}
.login-show .form-item {
  margin-bottom: 1rem;
  padding-left: .2rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: .6rem;
  color: #535353;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-show .form-item input {
  background: none;
}
.login-show .form-text:after {
  position: absolute;
  bottom: 0;
  left: .6rem;
  right: .6rem;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(0.5);
  -webkit-transform-origin: left top;
  transform: scaleY(0.5);
  transform-origin: left top;
  left: 0;
  right: 0;
  background: #52c4f7;
}
.login-show .form-text span {
  display: inline-block;
  margin-right: 0.6rem;
}
.login-show .form-text input {
  display: inline-block;
  height: 100%;
  line-height: 100%;
  width: 9.6rem;
  font-size: .6rem;
  color: #535353;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-show .form-text input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.login-show .form-text input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.login-show .form-btn {
  padding-left: 0;
  color: #fff;
  text-align: center;
  background: #52c4f7;
  cursor: pointer;
}
.login-show .form-btn span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.login-show .op6 {
  opacity: 0.6;
}
.login-show .obtain {
  position: absolute;
  top: 2.92rem;
  right: 2px;
  z-index: 3;
  width: 3rem;
  height: 1rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  line-height: 1rem;
  font-size: .48rem;
  color: #52c4f7;
  opacity: 1;
  background: none;
}
.login-show .pact {
  position: fixed;
  bottom: .6rem;
  width: 12rem;
  line-height: .6rem;
  font-size: .48rem;
  color: #999;
  text-align: center;
}
.login-show .pact a {
  color: #999999;
}
.bui-search-bar {
  padding-top: .2rem;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bui-search-bar .search {
  float: left;
  padding: .3rem .2rem .3rem .4rem;
  width: 11rem;
  height: .8rem;
  line-height: .8rem;
  background: #f5f5f5;
  border-radius: .72rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.bui-search-bar .search form {
  height: 0.8rem;
}
.bui-search-bar .search .iconfont {
  float: left;
  margin: 0 .3rem 0 .1rem;
  width: .6rem;
  height: 0.8rem;
}
.bui-search-bar .search .search-bar_input {
  display: inline-block;
  width: 9.6rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .56rem;
  color: #999;
  background: none;
  border: 0;
}
.bui-search-bar .search .search-bar_input::-webkit-input-placeholder {
  color: #999999;
}
.bui-search-bar .search .search-bar_input:focus {
  outline: none;
}
.bui-search-bar .btn {
  display: inline-block;
  float: right;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: .72rem;
  color: #52c4f7;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.search-hot {
  padding-left: 0.6rem;
}
.search-hot .hd {
  margin-top: .4rem;
  line-height: 1.8rem;
  font-size: .6rem;
  color: #999;
  position: relative;
}
.search-hot .hd .iconfont {
  position: absolute;
  top: .4rem;
  right: .6rem;
  z-index: 2;
  width: 1rem;
  height: 1rem;
}
.search-hot .bd {
  overflow: hidden;
}
.search-hot .bd a {
  float: left;
  margin: .2rem .5rem .6rem 0;
  padding: 0 .5rem;
  min-width: 3em;
  height: 1.2rem;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .48rem;
  color: #535353;
  background: #f5f8fa;
  border-radius: 0.6rem;
}
.search-show .tab-hd {
  padding: 0 .6rem .04rem;
  height: 1.24rem;
  overflow: hidden;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  top: 0;
  z-index: 3;
  justify-content: center;
  margin:.5rem 0rem;
}
.search-show .tab-hd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  height: 1.24rem;
  padding-bottom: 30px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.search-show .tab-hd li {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  height: 1.24rem;
  line-height: 1.24rem;
  font-size: .56rem;
  font-weight: 500;
  cursor: pointer;
}
.search-show .tab-hd li a {
  color: #535353;
}
.search-show .tab-hd li.on a {
  color: #000;
  font-weight: 600;
}
.search-show .tab-hd li.on:after {
  display: block;
  content: '';
  width: 1rem;
  height: .08rem;
  background: #30bec3;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
  border-radius: 0.08rem;
}
.relevant-search .hd {
  margin: .5rem;
  height: 1rem;
  width: 2.8rem;
  line-height: .8rem;
  overflow: hidden;
  position: relative;
}
.relevant-search .hd h2 {
  float: left;
  font-size: .7rem;
  font-weight: 600;
  color: #535353;
}
.relevant-search .hd:after {
  display: block;
  content: '';
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 0.8rem;
}
.baike-sort{
  padding: .2rem 0 .6rem;
  border-bottom: .4rem solid #f0f2f5;
}
.baike-sort .hd {
  margin: .72rem 0rem;
}
.c-hd3 h2 {
  position: relative;
  padding-left: .36rem;
  font-size: .6rem;
  font-weight: 500;
  color: #333;
}
.c-hd3 h2:before {
  position: absolute;
  top: 0rem;
  left: .1rem;
  content: '';
  width: .1rem;
  height: .7rem;
  background: #30bec3;
  border-radius: .02rem;
}
.baike-sort .tab-row {
  padding: 0 .2rem 0 .6rem;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
.baike-sort .tab-row li.on {
  color: #fff;
  background: #30bec3;
}
.baike-sort .tab-row li {
  float: left;
  margin: 0 .2rem .24rem 0;
  padding: 0 .08rem;
  width: 3.3rem;
  color: #333;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: .2rem;
  position: relative;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.baike-sort .tab-row li span {
  display: inline-block;
  padding: .46rem .04rem;
  line-height: .52rem;
  font-size: .52rem;
  width: 3.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.baike-item_box {
  margin: .32rem .6rem .52rem;
  padding: .2rem .4rem .8rem;
  background: #f8f8f8;
  border-radius: .2rem;
  overflow: hidden;
  display: none;
}
.baike-item_box .item {
  display: block;
  padding: .6rem 0 .4rem;
  overflow: hidden;
  position: relative;
}
.baike-item_box .tit {
  margin-bottom: .24rem;
  height: 1rem;
  line-height: 1rem;
  position: relative;
}
.baike-item_box .tit h3 {
  font-size: .72rem;
  color: #30bec3;
  font-weight: 600;
}
.baike-item_box .tit .more {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1rem;
  font-size: .52rem;
  color: #999;
}
.baike-item_box .tit .iconfont {
  margin-left: .08rem;
  font-size: .56rem;
}
.icon-more:before {
  content: "\e6ba";
}
.baike-item_box p {
  line-height: 1.6;
  font-size: .6rem;
  color: #333;
}
.baike-item_box .item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  height: 1px;
  background: #e8e8e8;
  -webkit-transform: scaleY(.5);
  -webkit-transform-origin: left top;
  transform: scaleY(.5);
  transform-origin: left top;
}

/***********通用*******************/
.liulan{
  padding: 0px 2px 0px 10px;
  line-height: .3rem;
  height: .3rem;
}
.com-view .liulan {
  text-align: right;
}
.com-view span{
  margin:0 .2rem;

}
.lipper-top{
  padding-top:  1.6rem;
  position: relative;
}
.main-top{
  overflow: hidden;
}
.main-list{
  margin-top:.5rem
}
.nav_title {
  padding: 0.5rem .6rem;
  overflow: hidden;
  background: #fff;
  top: 0;
  width: 14rem;
  font-size:0.5rem;
}
 .nav_title label{
  margin:0 0.2rem;
}
.nav_title .nav_tit_child{
  color:#777
}
.view-box{
  height:.8rem;
  line-height: .8rem;
  display: flex;
  flex-direction: row;
}
.view-box img {
  height: 0.4rem !important;
  width: 0.55rem !important;
  padding: 0.2rem;
  
}
.view-box span{
  height:.8rem !important;
  color: #999;
  font-size:.1rem

}
.lipper-more{
  padding: .6rem 0;
  line-height: .6rem;
  font-size: .44rem;
  color: #b2b2b2;
  text-align: center;
}
.diary-info{
  line-height: .6rem;
  font-size: .48rem;
  margin:.5rem 0rem;
}
.diary-info p{
  margin-top:.4rem;
}
.diary-info label{
  color:#999999;
}

/**弹窗**/
.center-tc {
  cursor: pointer;
  position: fixed;
  vertical-align: middle;
  text-align: center;
  z-index: 999;
  top: 30%;
  margin-left: 0.5rem;
  width: 14rem;
  display: block;
}

.center-tc .tc-img {
  width: 14rem;
}

.center-tc .close_tc {
  position: absolute;
  right: 0.3rem;
  top: 0.6rem;
  height: 1rem;
  width: 1rem;
}
.center-tc .close_tc img{
  height: 1rem;
  width: 1rem;
}


.footer_disclaimer{  
  margin: 0 auto;
  font-size: 0.3rem;
  transform: scale(0.9);
  line-height: 1.5;
  color: #888;
  margin-top: 0.28rem;  
}
.footer_disclaimer a{
  color: inherit;  
  display: flex; 
  align-items: center;
}
.footer_disclaimer a img{
  margin-right: 0.2rem;
}

.shenming {
  color: #7d7d7d;
  border: 1px solid #eee;
  padding: 10px;
  line-height: 32px;
  font-size: 14px;
  margin:0.6rem 0.6rem 0.6rem;
}
.ask_show .shenming {
  margin: 0;
}
.source-info{
  font-size: 0.46rem;
  width: 100%;
  margin: 0.5rem 0;
}
.source-info>div{
  margin-top: 0.5rem;
}
.source-info div{
  font-size: inherit;
  flex: 1;
}
.source-info span{
  color: #1E9FFF;
}

.source-info a{
  color: #1E9FFF;
}



.post-tags {text-align: center;display: block;overflow: hidden;}
.post-tags a {margin-right:15px;margin-bottom:15px;line-height:32px;display:inline-block;padding:0 8px;background:#fafafa;border-radius:3px;border:1px solid #f2f2f2;color:#555;cursor:pointer;font-size:11px;}
.post-tags a:hover {background:rgb(84,181,219);color:#fff;}




.prev-next{padding:1.5em}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#999;font-size:16px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}




.pagecode {
    padding: 3px 0;
    margin: 40px 0;
    text-align: center;
    font-size: 16px;
}

.pagecode a {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 8px;
    color: #7f7f7f;
    text-decoration: none;
    border: 1px solid #e6e6e6;
}

.pagecode a:hover {
    color: #fff;
    background: #ff6f06;
    border: 1px solid #ff6f06;
}

.pagecode a.current,.pagecode a.current:hover {
    color: #fff;
    background: #ff6f06;
    border: 1px solid #ff6f06;
}

.pagecode a.disabled,.pagecode a.disabled:hover {
    color: #7f7f7f;
    background: #f8f8f8;
    border: 1px solid #ccc;
    cursor: default;
}

.pagecode>span {
    display: inline-block;
    vertical-align: top;
}

.pagecode>span a {
    vertical-align: top;
    display: inline-block;
    max-with: 20px;
}