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: #fff
}

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 {
    vertical-align: bottom;
    border: 0
}

h2, h3, h4 {
    font-weight: normal
}

ul, ol, li {
    list-style: none
}

em, i {
    font-style: normal
}

a {
    color: #555;
    text-decoration: none
}

table {
	border: 2px solid rgba(255, 102, 153, 1);
	border-collapse: collapse;
	width: 100%;
}
table tr{
	border: 1px solid rgba(255, 102, 153, 1);
}
table tr td{
	border: 1px solid rgba(255, 102, 153, 1);
	padding: 4px;
}

.fl {
    float: left
}

.fr {
    float: right
}

.cb {
    clear: both
}

input, textarea, select, option {
    outline: 0
}

.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
}

.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: 3;
    -webkit-box-orient: vertical
}

.loading-more {
    padding: .6rem 0;
    line-height: .6rem;
    font-size: .44rem;
    color: #b2b2b2;
    text-align: center;
    width: 100%;
    display: inline-block;
}

@font-face {
    font-family: "iconfont";
    src: url('../font/font_793494_svggotrjc7o.eot');
    src: url('../font/font_793494_svggotrjc7o.eot') format('embedded-opentype'),  url('../font/font_793494_svggotrjc7o.ttf') format('truetype'), url('../font/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
}

.icon-shouji:before {
    content: "\e6b7"
}

.icon-time:before {
    content: "\e6d4"
}

.icon-unfold:before {
    content: "\e661"
}

.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"
}

.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: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: #f00
}

.bui-bar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 .6rem;
    background-color: #fff
}

.bui-bar-nav {
    max-width: 750px;
    position: fixed;
    top: 0;
    z-index: 10;
    height: 1.6rem;
    color: #535353;
    -webkit-box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 .08rem .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: .2rem;
    width: .8rem;
    line-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.8rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bui-bar-nav .bui-operation {
    position: absolute;
    top: .5rem;
    right: .5rem;
    color: #fa6746;
    font-size: .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: .8rem;
    color: #535353;
    font-weight: 500;
    position: relative
}

.bui-title-tab a.on {
    color: #fa6746;
    font-weight: 600
}

.bui-title-tab a.on:after {
    display: block;
    content: '';
    width: .8rem;
    height: .12rem;
    background: #fa6746;
    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: 99;
    padding: .2rem 0;
    width: 100%;
    height: 2rem;
    background: #fff;
    border-top: 1px solid #ddd;
    max-width: 750px;
}

.bui-bar-bottom li {
    float: left;
    width: 20%;
    font-size: 0;
    text-align: center
}

.bui-bar-bottom li a {
    display: block
}

.bui-bar-bottom li i {
    display: inline-block;
    width: 100%;
    height: 1rem
}

.bui-bar-bottom li i.home {
    background: center center url(../image/footer_home@2x.png) no-repeat;
    background-size: .92rem
}

.bui-bar-bottom li i.diary {
    background: center center url(../image/footer_diary@2x.png) no-repeat;
    background-size: .96rem
}

.bui-bar-bottom li i.kefu {
    background: center center url(../image/kefu.png) no-repeat;
    background-size: 2.2rem;
    margin-top: -1.2rem;
    height: 2.2rem;
}

.bui-bar-bottom li i.hospital {
    background: center center url(../image/footer_hospital@2x.png) no-repeat;
    background-size: 1rem
}

.bui-bar-bottom li i.my {
    background: center center url(../image/nav_baike01.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: #fa6746
}

.bui-bar-bottom li.on .home {
    background: center center url(../image/footer_home1@2x.png) no-repeat;
    background-size: .92rem
}

.bui-bar-bottom li.on .diary {
    background: center center url(../image/footer_diary1@2x.png) no-repeat;
    background-size: .96rem
}

.bui-bar-bottom li.on .hospital {
    background: center center url(../image/footer_hospital1@2x.png) no-repeat;
    background-size: 1rem
}

.bui-bar-bottom li.on .my {
    background: center center url(../image/nav_baike.png) no-repeat;
    background-size: 1rem
}

#app {
    padding-bottom: 2.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-index-banner {
    width: 100%;
    height: 9rem;
    margin: 0 auto;
    padding-bottom: .4rem;
    overflow: hidden;
    position: relative;
    background: center 0 url(http://mip.33zx.cn/static/mip/images/my_banner_bg.png) no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: .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: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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: #999
}

.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 .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 .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: .6rem .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: .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: .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 .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 .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: #000
}

.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 #eee
}

.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 #999
}

.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 #eee
}

.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
}

.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: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: .6rem;
    right: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: .6rem;
    right: .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: .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 .1rem .1rem #e3e3e3
}

.user-message-index .news-list-new #comment li .comment-content .comment-right .cr-top {
    height: .6rem;
    color: #fc0;
    font-size: .52rem;
    padding: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: .6rem;
    right: .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: .4rem .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: .04rem .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: .2rem
}

.data-null {
    width: 100%;
    height: 7rem;
    float: left;
    margin-top: 5.6rem;
    text-align: center
}

.data-null img {
    width: 8rem;
    height: 7rem
}

.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 .1rem .1rem #e3e3e3
}

.diary-list li img {
    width: 13.4rem;
    height: 8.4rem;
    border-radius: .4rem;
    position: absolute;
    left: .3rem;
    top: .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: .48rem
}

.diary-list li .date-time-total .date-time {
    float: left;
    color: #999
}

.diary-list li .date-time-total .diary-total {
    float: right;
    color: #fa6746
}

.diary-list li .date-time-total .diary-total i {
    font-size: .44rem
}

.bui-bar-search {
    padding: .2rem .6rem
}

.bui-bar-search .city-location {
    float: left;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-right: .64rem
}

.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;
    width: 10rem;
    height: 1.2rem;
    line-height: 1.2rem;
    background: #f8f8f8;
    border-radius: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.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: center;
    font-size: .56rem;
    color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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
}

.banner-index {
    margin:.3rem auto .6rem auto;
    width: 14.2rem;
    height: 7.2rem;
    border-radius: .4rem
}

.banner-index a {
    display: block;
    width: 100%;
    height: 100%
}

.banner-index img {
    display: inline-block;
    width: 14.2rem;
    height: 7.2rem;
    background: #f8f8f8
}

.banner-index .swiper-pagination {
    font-size: 0;
    bottom: .2rem
}

.banner-index .swiper-pagination .swiper-pagination-bullet {
    margin: 0 .08rem;
    width: .24rem;
    height: .24rem
}

.banner-index .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

.index-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .2rem 0 .5rem;
    overflow: hidden
}

.index-nav a {
    display: block;
    float: left;
    margin: .4rem 0;
    width: 20%;
    text-align: center;
    flex: 1 1 auto
}

.index-nav a .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .2rem;
    width: 2rem;
    height: 2rem;
    border-radius: .88rem;
    background-color: #ffe4ea;
    box-shadow: 0 .32rem .32rem 0 rgba(255, 85, 127, 0.1)
}

.index-nav a img {
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.index-nav a p {
    height: .72rem;
    line-height: .72rem;
    font-size: .48rem;
    color: #333;
    font-weight: 500
}

.index-nav a .pic-hospital, .index-nav a .pic-forum {
    background-color: #cef5ff;
    box-shadow: 0 .32rem .32rem 0 rgba(35, 214, 254, 0.1)
}

.index-nav a .pic-journal, .index-nav a .pic-mqBtn {
    background-color: #fafbc5;
    box-shadow: 0 .32rem .32rem 0 rgba(252, 217, 11, 0.1)
}

.index-nav a .pic-news {
    background-color: #edebff;
    box-shadow: 0 .32rem .32rem 0 rgba(141, 114, 242, 0.1)
}

.index-nav a .pic-baike {
    background-color: #ffe6e6;
    box-shadow: 0 .32rem .32rem 0 rgba(252, 104, 104, 0.1)
}

.news-inedx {
    margin-bottom: 1rem
}

.news-inedx .hd {
    padding: .6rem;
    height: .72rem;
    line-height: .72rem;
    overflow: hidden;
    position: relative
}

.news-inedx .hd:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.news-inedx .hd h2,.news-inedx .hd h3 {
    display: inline-block;
    font-size: .72rem;
    color: #000;
    font-weight: bold;
    vertical-align: top
}

.news-inedx .hd .more {
    display: inline-block;
    float: right;
    line-height: .72rem;
    font-size: .52rem;
    color: #535353;
    vertical-align: top
}

.news-inedx .hd .more i {
    padding-left: .2rem
}

.news-inedx .zxBox {
    margin-top: 1.6rem;
    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(../image/index_zx_bg.png) no-repeat;
    background-size: 13.8rem
}

.news-inedx .zxBox a h3 {color: #fff;
    line-height: 1.2rem;
    font-size: .72rem;
    font-weight: 600
}

.news-inedx .zxBox a p {color: #fff;
    line-height: .8rem;
    font-size: .48rem;
    margin-left: 1.6rem;
}

.news-list li {
    padding: .6rem;
    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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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: .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: .12rem
}

.news-list li .info {
    float: left;
    width: 7.8rem;
    overflow: hidden
}

.news-list li .pic {
    float: right;
    width: 3.4rem;
    height: 2.6rem;
    border-radius: .2rem;
    overflow: hidden
}

.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
}

.diary-index .tit {
    text-align: center;
    margin-bottom: .48rem
}

.diary-index .tit h2 {
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    font-size: .72rem;
    color: #fa6746;
    font-weight: bold;
    position: relative
}

.diary-index .tit h2:before, .diary-index .tit h2:after {
    position: absolute;
    top: 50%;
    margin-top: -0.1rem;
    display: block;
    content: '';
    width: .2rem;
    height: .2rem;
    background: #fa6746;
    border-radius: 100%
}

.diary-index .tit h2:before {
    left: -0.72rem
}

.diary-index .tit h2:after {
    right: -0.72rem
}

.diary-index .tit p {
    line-height: .72rem;
    font-size: .48rem;
    color: #999
}

.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;text-align: center;
    font-weight: 500;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 1 1 auto
}

.diary-index .hd li.on {
    color: #fd784f
}

.diary-index .hd li.on a {
    color: #fd784f
}

.diary-index .hd li.on:after {
    display: block;
    content: '';
    width: 1rem;
    height: .08rem;
    background: #fd784f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.5rem;
    border-radius: .08rem
}

.notepad-list {
    min-height: 4rem
}

.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.notepad-list .note-item .note-user {
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .4rem
}

.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;
    width: 4.8rem;
    line-height: .9rem;
    font-size: .6rem;
    color: #535353;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notepad-list .note-item .note-user .time {
    line-height: .6rem;
    font-size: .48rem;
    color: #999
}

.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
}

.notepad-list .note-item .contrast dd {
    width: 6.4rem;
    height: 6.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: .4rem
}

.notepad-list .note-item .contrast dd:last-child span {
    background: rgba(250, 121, 81, 0.9)
}

.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: #ff7c45;
    padding-right: 2px
}

.notepad-list .note-item .hospital-zan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.28rem;
    line-height: .56rem;
    overflow: hidden
}

.notepad-list .note-item .hospital-zan .hospital {
    padding-top: .6rem;
    width: 8rem;
    line-height: .6rem;
    font-size: .48rem;
    color: #b2b2b2;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notepad-list .note-item .hospital-zan .op {
    width: 5.6rem;
    float: right
}

.notepad-list .note-item .hospital-zan .op a {
    float: right;
    margin-left: .2rem;
    display: inline-block;
    overflow: hidden;
    min-width: 1.7rem;
    max-width: 2.4rem;
    font-size: .56rem;
    color: #b2b2b2;
    text-align: center
}

.notepad-list .note-item .hospital-zan .op a span {
    display: block;
    line-height: .56rem;
    font-size: .48rem
}

.notepad-list .note-item .hospital-zan .op a .iconfont {
    display: block;
    line-height: .64rem;
    margin-bottom: 1px
}

.notepad-list .note-item .hospital-zan .op a .icon-pingjia {
    font-size: .62rem
}

.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: .2rem
}

.select-province a:nth-child(3n+1), .select-province a:nth-child(3n+2) {
    margin-right: 1.44rem
}

.banner-diary {
    margin: .6rem auto 1.12rem;
    width: 14.2rem;
    height: 5.6rem;
    border-radius: .4rem
}

.banner-diary a {
    display: block;
    width: 100%;
    height: 100%
}

.banner-diary img {
    width: 100%;
    height: 100%
}

.diaryColumn {
    padding-bottom: 2.2rem
}

.diaryColumn .tab-hd {
    padding: 0.3rem .6rem .1rem;
    overflow: hidden;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11
}

.diaryColumn .tab-hd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.diaryColumn .tab-hd li {
    padding-bottom: .2rem;
    position: relative;
    cursor: pointer;
    line-height: 1rem;
    font-size: .6rem;
    color: #535353;
    font-weight: 500;
    margin-left: 1rem;
}

.diaryColumn .tab-hd li:after {
    content: "\e679";
    margin-left: 0.2rem;
    color: #b2b2b2;
}

.diaryColumn .hospital-list {
    border-top: .2rem solid #f8f8f8
}

.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: 0;
    right: 0
}

.notepad-top .note-user {
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .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;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notepad-top .note-user .time {
    line-height: .6rem;
    font-size: .48rem;
    color: #999
}

.notepad-top .hospital {
    margin-bottom: .72rem;
    line-height: .6rem;
    font-size: .48rem;
    color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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: .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: .4rem
}

.notepad-top .contrast dd:last-child span {
    background: rgba(255, 114, 84, 0.9)
}

.c-hd {
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    position: relative
}

.c-hd h2 {
    width: 7.2rem;
    font-size: .6rem;
    color: #535353;
    float: left
}

.c-hd .hd-nav {
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    top: .1rem;
    right: 0;
    z-index: 3
}

.c-hd .hd-nav span {
    display: inline-block;
    float: left;
    line-height: .6rem;
    font-size: .6rem;
    color: #fa6746;
    -webkit-transition: .5s;
    transition: .5s
}

.notepad-line {
    padding: .6rem 0;
    background: #fff;
    overflow: hidden;
    border-bottom: .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 .1rem .4rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 .1rem .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;
    color: #fa6746;
    -webkit-transition: .5s;
    transition: .5s
}

.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: .4rem
}

.notepad-line .notepad-line-hd .hd-nav .iconfont {
    padding-left: .1rem
}

.notepad-line .notepad-line-hd .reverse.iconfont {
    display: inline-block;
    color: #fa6746;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.notepad-line .notepad-line-wrap {
    padding: 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: .5s
}

.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: .6rem
}

.notepad-line .line-day .time {
    height: .8rem;
    line-height: .8rem;
    font-size: .48rem;
    margin-bottom: .2rem;
    padding-left: .4rem;
    position: relative
}

.notepad-line .line-day .time:before {
    display: block;
    content: '';
    width: .2rem;
    height: .2rem;
    font-size: 0;
    background: #535353;
    border-radius: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: .32rem
}

.notepad-line .line-day .date {
    display: inline-block;
    margin-right: .7rem;
    color: #535353
}

.notepad-line .day-con {
    padding: .4rem;
    width: 11rem;
    float: right;
    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 .day-con:after {
    display: block;
    content: '';
    width: 0;
    border-left: .02rem solid #f0f0f0;
    position: absolute;
    top: .4rem;
    bottom: -0.5rem;
    left: -2.76rem
}

.notepad-line .day-con h4 {
    width: 3.6rem;
    height: .72rem;
    font-size: .48rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: #fa6746;
    border-radius: .36rem;
    margin-bottom: .4rem
}

.notepad-line .day-con p {
    max-height: 1.6rem;
    line-height: .8rem;
    font-size: .56rem;
    color: #333;
    overflow: hidden;
    margin-bottom: .4rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.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
}

.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: .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: left
}

.notepad-line .line-day-no {
    width: 100%;
    height: 6rem;
    background: center center url(http://mip.33zx.cn/static/mip/images/diary_no.png) no-repeat;
    background-size: 5rem
}

.notepad-list-box {
    padding: .2rem 0;
    background: #fff;
    overflow: hidden
}

.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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
}

.diaryShow-main {
    padding: .6rem;
    background: #fff;
    overflow: hidden;
    border-bottom: .52rem solid #f7f7f7
}

.diaryShow-main .note-user {
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .4rem
}

.diaryShow-main .note-user .avatar {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    float: left;
    margin-right: .4rem;
    border-radius: 100%;
    background: #f8f8f8
}

.diaryShow-main .note-user .name {
    margin-bottom: .08rem;
    width: 4.8rem;
    line-height: .9rem;
    font-size: .6rem;
    color: #535353;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.diaryShow-main .note-user .time {
    line-height: .6rem;
    font-size: .48rem;
    color: #999
}

.diaryShow-main .content .time {
    height: .72rem;
    line-height: .76rem;
    overflow: hidden;
    margin-bottom: .4rem
}

.diaryShow-main .content .time .num {
    display: inline-block;
    float: left;
    width: 3.6rem;
    height: .72rem;
    font-size: .4rem;
    color: #fff;
    text-align: center;
    background: #fa6746;
    border-radius: .4rem
}

.diaryShow-main .content .text {
    line-height: 1.5;
    font-size: .64rem;
    color: #000;
    margin-bottom: 1rem;
    word-break: break-all
}

.diaryShow-main .pic {
    margin-bottom: .4rem;
    margin-right: -0.4rem;
    overflow: hidden
}

.diaryShow-main .pic li {
    width: 4.52rem;
    height: 4.52rem;
    margin: 0 .12rem .12rem 0;
    background: #f0f0f0;
    border-radius: .3rem;
    float: left;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.diaryShow-main .hospital-zan {
    height: .8rem;
    line-height: .8rem;
    overflow: hidden
}

.diaryShow-main .hospital-zan .hospital {
    width: 8rem;
    font-size: .48rem;
    color: #fa6746;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.diaryShow-main .hospital-zan .op {
    width: 5.6rem;
    float: right
}

.diaryShow-main .hospital-zan .op a {
    float: right;
    margin-left: .32rem;
    display: inline-block;
    overflow: hidden;
    min-width: 1.7rem;
    max-width: 2.4rem;
    color: #999;
    text-align: center
}

.diaryShow-main .hospital-zan .op a span {
    display: inline-block;
    font-size: .48rem;
    vertical-align: middle
}

.diaryShow-main .hospital-zan .op a .iconfont {
    display: inline-block;
    line-height: .64rem;
    padding-right: .08rem
}

.diaryShow-main .hospital-zan .op a .icon-pingjia {
    font-size: .62rem
}

.diaryShow-main .loading-more {
    position: relative;
    margin-top: .6rem;
    padding-bottom: 1px
}

.diaryShow-main .loading-more:before {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    top: 0;
    right: 0;
    left: 0
}

.diary-comment {
    padding: .2rem 0;
    background: #fff
}

.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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(../image/comment_no.jpg) no-repeat;
    background-size: 7rem
}

.diary-comment .comment-total {
    padding: .6rem .6rem 0;
    line-height: .72rem;
    font-size: .56rem;
    color: #333
}

.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.comment-item .user {
    overflow: hidden;
    margin-bottom: .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: #fa6746;
    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: #999
}

.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 {
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100%;
    border-top: 1px solid #ddd;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.comment-bar .form {
    overflow: hidden;
    width: 100%;
    padding: .4rem 0;
    border-bottom: 1px solid #eee;
    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
}

.comment-bar .text {
    float: left;
    display: block;
    padding-left: .5rem;
    width: 8.2rem;
    min-height: 1.5em;
    max-height: 6em;
    line-height: 1.5;
    font-size: .56rem;
    color: #222;
    background: none;
    border: 0;
    border-left: 1px solid #f3f3f3;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.comment-bar .text::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.comment-bar .btn {
    float: right;
    margin-right: .4rem;
    width: 2rem;
    cursor: pointer;
    height: 3em;
    font-size: .56rem;
    color: #999;
    text-align: center;
    letter-spacing: 1px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.comment-bar .btn.active, .comment-bar .btn:active {
    color: #fa6746
}

.comment-bar .row1 .text {
    height: 1.5em
}

.comment-bar .row1 .btn {
    height: 1.5em
}

.banner-hospital {
    margin: .4rem auto;
    width: 13.8rem;
    height: 5.6rem;
    border-radius: .4rem
}

.banner-hospital a {
    display: block;
    width: 100%;
    height: 100%
}

.banner-hospital img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.hospitalColumn {
    padding-bottom: 2.2rem
}

.hospitalColumn .tab-hd {
    padding: 0.3rem .6rem .1rem;
    overflow: hidden;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11
}

.hospitalColumn .tab-hd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.hospitalColumn .tab-hd li {
    padding-bottom: .2rem;
    position: relative;
    cursor: pointer;
    line-height: 1rem;
    font-size: .6rem;
    color: #535353;
    font-weight: 500
}

.hospitalColumn .tab-hd li:after {
    content: "\e679";
    margin-left: 0.2rem;
    color: #b2b2b2;
}

.hospitalColumn .hospital-list {
   padding:.6rem 0.6rem 1rem .6rem;
}
.ranking{border-top: .2rem solid #f8f8f8;padding: 0.6rem;}
.ranking-tit span{background-color: #be0f1b;color:#fff;border-radius:.5rem;display:inline-block;padding: .2rem .3rem;}
.ranking-txt{padding: .4rem 0;line-height: .8rem;color: #b7b9bd;font-weight: 600;}
.ranking-list li{background-color: #f6f6f6;width:100%;height:1.3rem;line-height: 1.3rem;border-radius: 0.2rem;margin-bottom: 0.4rem;}
.ranking-list li a{color:#fff;}
.ranking-list li:nth-child(1) .progress-bar{background-image: linear-gradient(to right, #f97b6f , #fb2c19);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 99% 0, 97.5% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 99% 0, 97.5% 100%, 0% 100%)}
.ranking-list li:nth-child(2) .progress-bar{background-image: linear-gradient(to right, #f9ab8a , #fb7b44);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 97.2% 0, 95.5% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 97.2% 0, 95.5% 100%, 0% 100%)}
.ranking-list li:nth-child(3) .progress-bar{background-image: linear-gradient(to right, #b3c6a8 , #88a877);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 95% 0, 93% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 95% 0, 93% 100%, 0% 100%)}
.ranking-list li:nth-child(4) .progress-bar{background-image: linear-gradient(to right, #6cd9c9 , #12c6ac);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 93% 0, 91% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 93% 0, 91% 100%, 0% 100%)}
.ranking-list li:nth-child(5) .progress-bar{background-image: linear-gradient(to right, #8aa2c5 , #456ca6);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 91% 0, 89% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 91% 0, 89% 100%, 0% 100%)}
.ranking-list li:nth-child(6) .progress-bar{background-image: linear-gradient(to right, #979fa0 , #3e4c4f);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 89% 0, 87% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 89% 0, 87% 100%, 0% 100%)}
.ranking-list li:nth-child(7) .progress-bar{background-image: linear-gradient(to right, #989fa1 , #5b6769);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 86.5% 0, 84.5% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 86.5% 0, 84.5% 100%, 0% 100%)}
.ranking-list li:nth-child(8) .progress-bar{background-image: linear-gradient(to right, #aab0b1 , #636e70);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 84.5% 0, 82.5% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 84.5% 0, 82.5% 100%, 0% 100%)}
.ranking-list li:nth-child(9) .progress-bar{background-image: linear-gradient(to right, #abb1b2 , #757e80);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 82% 0, 80% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 82% 0, 80% 100%, 0% 100%)}
.ranking-list li:nth-child(10) .progress-bar{background-image: linear-gradient(to right, #bdc1c2 , #879091);border-radius: 0.2rem;color: #fff;width:100%;
clip-path: polygon(0 0, 80% 0, 78% 100%, 0% 100%); -webkit-clip-path:polygon(0 0, 80% 0, 78% 100%, 0% 100%)}

.progress-bar i{display: inline-block;font-size: 0.5rem;width:13%;text-align: center;font-weight: bold;}
.ranking-list li:nth-child(1) i.mark{text-indent: 1rem;text-align: right; font-style: italic;}
.ranking-list li:nth-child(2) i.mark{font-style: italic;text-indent: .5rem;}
.ranking-list li:nth-child(3) i.mark{font-style: italic;text-indent: -.1rem;}
.ranking-list li:nth-child(4) i.mark{font-style: italic;text-align: left;text-indent: .2rem;}
.ranking-list li:nth-child(5) i.mark{font-style: italic;text-align: left;}
.ranking-list li:nth-child(6) i.mark{font-style: italic;text-align: left;text-indent: -0.3rem;}
.ranking-list li:nth-child(7) i.mark{font-style: italic;text-align: left;text-indent: -0.6rem;}
.ranking-list li:nth-child(8) i.mark{font-style: italic;text-align: left;text-indent: -0.9rem;}
.ranking-list li:nth-child(9) i.mark{font-style: italic;text-align: left;text-indent: -1.2rem;}
.ranking-list li:nth-child(10) i.mark{font-style: italic;text-align: left;text-indent: -1.5rem;}

.com-tit{color:#fa6a46;font-weight: bold;padding-bottom: 0.3rem;}


.progress-bar span{display: inline-block;font-size: 0.5rem;width:70%;}
.hospital-list {
    font-size: .48rem;
    color: #555
}

.hospital-list .hospital-item {
    padding: .6rem;
    overflow: hidden;
    position: relative
}

.hospital-list .hospital-item:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: 3rem
}

.hospital-list .hospital-item img {
    width: 2rem;
    height: 2rem;
    float: left;
    border-radius: 100%
}

.hospital-list .hospital-item .info {
    margin-left: 2.4rem;
    overflow: hidden;
    position: relative
}

.hospital-list .hospital-item h4 {
    width: 8rem;
    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 h4 a {
    color: #333
}

.hospital-list .hospital-item .attest-btn {
    position: absolute;
    top: .1rem;
    right: 0;
    z-index: 5;
    width: 2.2rem;
    height: .8rem;
    font-size: .48rem;
    color: #fa6746;
    text-align: center;
    border: 1px solid #fa6746;
    border-radius: .2rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-list .hospital-item .address-row {
    line-height: .8rem;
    overflow: hidden;
    position: relative;
    margin-bottom: .2rem
}

.hospital-list .hospital-item .address-row .address-text {
    float: left;
    width: 9rem;
    max-height: 1.6rem;
    font-size: .52rem;
    color: #999
}

.hospital-list .hospital-item .project-row {
    overflow: hidden
}

.hospital-list .hospital-item .project-row .project {
    float: left;
    width: 8rem;
    max-height: 1.72rem;
    clear: both;
    margin-right: -0.3rem;
    overflow: hidden
}

.hospital-list .hospital-item .project-row .project span {
    float: left;
    margin: 0 .2rem .3rem 0;
    padding: 0 .2rem;
    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
}


.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-item{display: none;}
.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: 0;
    right: 0
}

.filter-box .filter-box-bd {
    position: absolute;
    top: 3.2rem;
    bottom: 0;
    z-index: 99;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.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: .2rem
}

.filter-box .select-project .on {
    color: #fa6746
}
.filter-box .select-project .on a{
    color: #fa6746
}


.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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: 0;
    right: 0
}

.filter-box .order-by span:on, .filter-box .order-by span:hover {
    color: #fa6746;
    background: #f8f8f8
}

.filter-box .order-by .on {
    color: #fa6746
}

.hospital-show .hospital-info {
    padding: .8rem .6rem 0;
    position: relative
}

.hospital-show .hospital-info .follow-btn {
    width: 3.4rem;
    height: 1.12rem;
    font-size: .52rem;
    color: #fa6746;
    text-align: center;
    border: 1px solid #fa6746;
    border-radius: .2rem;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 2.08rem;
    right: .8rem;
    z-index: 5;
    margin-top: 1px
}
.hospital-show .hospital-info .follow-btn a{color: #fa6746;}
.hospital-show .hospital-info .follow-btn .iconfont {
    font-size: .4rem;
    padding-right: .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: #fa6746;
    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: .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(../image/hospital_age@3x.png);
    background-size: .48rem
}

.hospital-show .hospital-info .tag .icon-type {
    background-image: url(../image/hospital_private@3x.png);
    background-size: .46rem
}

.hospital-show .hospital-info .tag .icon-acreage {
    background-image: url(http://mip.33zx.cn/static/mip/images/hospital_area@3x.png);
    background-size: .46rem
}

.hospital-show .hospital-info .project {
    overflow: hidden;
    margin-bottom: .6rem;
    padding-bottom: .2rem;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .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: #fa6746;
    text-align: center;
    background: #fff;
    border: 1px solid #fa6746;
    border-radius: .2rem;
    float: left
}

.hospital-show .hospital-info .project.all {
    height: auto
}

.hospital-show .hospital-info .project.all p {
    padding-bottom: .8rem
}

.hospital-show .hospital-info .project.all .all-btn {
    height: 1rem;
    line-height: 1rem;
    bottom: .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: #fa6746;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff)
}

.hospital-show .hd {
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    margin-bottom: .4rem;
    position: relative
}

.hospital-show .hd:after {
    display: block;
    content: '';
    width: .12rem;
    height: .8rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #fa6746;
    border-radius: .08rem
}

.hospital-show .hd h2 {
    float: left;
    font-size: .6rem;
    color: #535353;
    margin-left: .7rem;
    font-weight: 500
}

.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;
    padding: 0 .6rem .6rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-show .hospital-desc:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.hospital-show .hospital-desc p {
    line-height: .84rem;
    font-size: .56rem;
    color: #535353;
    text-align: justify;
    overflow: hidden
}
.hospital-show .hospital-desc .det-con {
    line-height: .84rem;
    font-size: .56rem;
    color: #535353;
    text-align: justify;
    margin-left: .7rem;
    overflow: hidden
}
#detCon1{display: none;}
#detCon{height:1.5rem;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: .8rem
}

.hospital-show .hospital-desc.all .all-btn {
    height: 1rem;
    line-height: 1rem;
    bottom: .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;
    padding: 0 .6rem .6rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-show .address:after {
    display: block;
    content: '';
    width: 14.2rem;
    height: 0;
    border-bottom: 1px solid #f3f3f3;
    position: absolute;
    bottom: 0;
    left: .4rem
}

.hospital-show .address p {
    margin-left: .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: #888
}

.hospital-show .setting {
    margin-bottom: .6rem;
    padding: 0 .6rem .6rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-show .setting:after {
    display: block;
    content: '';
    width: 14.2rem;
    height: 0;
    border-bottom: 1px solid #f3f3f3;
    position: absolute;
    bottom: 0;
    left: .4rem
}

.hospital-show .setting .hd {
    margin-bottom: .4rem
}

.hospital-show .setting ul {
    overflow: hidden;
    margin-left: .7rem
}

.hospital-show .setting li {
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid #eee;
    border-radius: .2rem;
    float: left;
    overflow: hidden;
    margin-right: .6rem
}

.hospital-show .setting li a {
    display: block
}

.hospital-show .setting li img {
    width: 100%;
    height: 100%
}

.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: #fa6746
}

.hospital-show .notepad-list, .hospital-show .hospital-list {
    margin-bottom: .2rem;
    padding-bottom: .6rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hospital-show .notepad-list .hd, .hospital-show .hospital-list .hd {
    margin: 0 .6rem
}

.hospital-show .loading-more {
    padding-bottom: 1px
}

.doctor-list {
    margin-bottom: .6rem;
    padding: 0 .6rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.doctor-list ul {
    margin-top: .4rem
}

.doctor-list li {
    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: .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 h4 {
    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: .4rem
}

.doctor-list li .hospital-name {
    clear: both;
    width: 8rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .48rem;
    color: #999
}

.doctor-list li .num {
    min-width: 1.9rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .44rem;
    color: #fa6746;
    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
}

.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: .4rem
}

.hospital-setting li img {
    width: 5.2rem;
    height: 6.8rem
}

.hospital-doctor_list .doctor-list:after {
    display: none
}

.doctor-show .license {
    line-height: .48rem;
    font-size: .44rem;
    color: #333;
    margin-bottom: .56rem
}

.doctor-show .doctor-desc {
    margin: 0 -0.6rem .6rem
}

.doctor-show .yy {
    line-height: 2rem;
    font-size: .6rem;
    color: #555;
    margin-bottom: .6rem;
    padding-bottom: .6rem; padding-left: .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(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.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: .6rem
}

.doctor-show .yy i {
    color: #fa6746;
    font-size: .48rem
}

.doctor-show .notepad-list .loading-more a {
    font-size: .6rem;
    color: #fa6746
}

.doctor-diary {
    min-height: 6rem
}

.bk-index-show {
    padding: 0;
    background: #fff
}

.bk-index-nav {
padding: 2.2rem 0 .6rem 0;
    overflow: hidden;
}
.pro-tit{color:#fa6a46;border-bottom: solid 1px #e8e7e7;margin:0 .6rem 0 .6rem;padding-bottom: .5rem;font-size: .6rem;}
.project-list a{ 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: .2rem}
	.pro-wp{padding-bottom: .7rem;}
.bk-index-nav ul {
    overflow: hidden;
    margin-right: -0.6rem
}

.bk-index-nav li {
    float: left;
    margin: .4rem .2rem;
    width: 2.6rem;
    height: 3rem;
    text-align: center
}

.bk-index-nav li a {
    display: block
}

.bk-index-nav li img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #f5f5f5
}

.bk-index-nav li p {
    margin-top: .4rem;
    height: .52rem;
    line-height: .52rem;
    font-size: .48rem;
    font-weight: 500;
    color: #535353;
    overflow: hidden
}

.bk-index-content, .new-index-content {
    margin-bottom: 2.04rem
}

.bk-index-content .bk-index-content-list, .new-index-content .bk-index-content-list, .bk-index-content .new-index-content-list, .new-index-content .new-index-content-list {
    height: 4rem;
    border-bottom: 1px solid #f5f5f5
}

.bk-index-content .bk-index-content-list .content-left, .new-index-content .bk-index-content-list .content-left, .bk-index-content .new-index-content-list .content-left, .new-index-content .new-index-content-list .content-left {
    float: left;
    padding-top: .9rem;
    width: 9.74rem;
    margin-left: .62rem
}

.bk-index-content .bk-index-content-list .content-left .top, .new-index-content .bk-index-content-list .content-left .top, .bk-index-content .new-index-content-list .content-left .top, .new-index-content .new-index-content-list .content-left .top {
    width: 9.74rem;
    font-size: .64rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #000;
    line-height: 48 / rex
}

.bk-index-content .bk-index-content-list .content-left .desc, .new-index-content .bk-index-content-list .content-left .desc, .bk-index-content .new-index-content-list .content-left .desc, .new-index-content .new-index-content-list .content-left .desc {
    width: 9.74rem;
    height: .62rem;
    padding-top: .56rem;
    font-size: .52rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    line-height: .62rem
}

.bk-index-content .bk-index-content-list .content-left .time, .new-index-content .bk-index-content-list .content-left .time, .bk-index-content .new-index-content-list .content-left .time, .new-index-content .new-index-content-list .content-left .time {
    height: .38rem;
    font-size: .48rem;
    padding-top: .4rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #b2b2b2;
    line-height: .48rem
}

.bk-index-content .bk-index-content-list .content-right, .new-index-content .bk-index-content-list .content-right, .bk-index-content .new-index-content-list .content-right, .new-index-content .new-index-content-list .content-right {
    float: right;
    padding-top: .9rem;
    margin-right: .6rem
}

.bk-index-content .bk-index-content-list .content-right img, .new-index-content .bk-index-content-list .content-right img, .bk-index-content .new-index-content-list .content-right img, .new-index-content .new-index-content-list .content-right img {
    width: 3.4rem;
    height: 2.56rem
}

.bk-index-content .new-index-content-fd, .new-index-content .new-index-content-fd, .bk-index-content .bk-index-content-fd, .new-index-content .bk-index-content-fd {
    height: 1.24rem
}

.bk-index-footer {
    padding: 0
}

.new-index-nav {
    height: 2.56rem
}

.new-index-content {
    margin-top: 1.56rem
}

.clear {
    clear: both
}

.bk-detail-warp {
    padding: .6rem;
    padding-top: 2rem
}

.bk-detail-warp .content {
    overflow: hidden;
    margin-bottom: .4rem;
    margin-top: 0.6rem;
    clear: both;
    line-height: 1.8;
    font-size: .6rem;
    color: #333;
    word-wrap: break-word;
    word-break: break-all
}

.bk-detail-warp .content img, .bk-detail-warp .content table {
    max-width: 100% !important;
    height: auto
}

.bk-footer {
    padding: 0
}

.baike-diary {
    padding-bottom: 2.4rem;
    background: #fff;
    border-radius: 8px
}

.baike-diary .yy-hd {
    margin-bottom: 0;
    padding: 0 .6rem
}

.baike-diary .yy-hd h2 {
    font-size: .8rem
}

.baike-diary .yy-hd h2 span {
    margin-left: .6rem
}

.baike-diary .yy-hd h2 .icon-wenzhang {
    color: #f7c524
}

.baike-diary .diary-list {
    padding: 0;
    margin-bottom: 2rem
}

.new-show {
    padding: 0 .6rem;
    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
}

.new-show .nav .nav-left {
    font-size: .56rem;
    color: #999;
    display: block;
    float: left
}

.new-show .nav .nav-left .iconfont {
    padding-left: .2rem
}

.new-show .nav .nav-left a {
    color: #999
}

.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
}

.new-show .content img, .new-show .content table {
    max-width: 100% !important;
    height: auto
}

.new-show .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(../image/index_zx_bg.png) no-repeat;
    background-size: 13.8rem
}
.new-show .zxBox a{color: #fff;}

.new-show .zxBox h3 {
    line-height: 1.2rem;
    font-size: .72rem;
    font-weight: 600
}

.new-show .zxBox p {
    line-height: .8rem;
    font-size: .48rem;
    margin-left: 1.6rem;
}

.news-nn {
    height: .48rem;
    background: #f5f5f5
}

.news-hot-box {
    padding-left: .58rem;
    padding-right: .58rem
}

.news-hot-box .news-hot-box-title {
    height: 2.12rem;
    font-size: .72rem;
    font-weight: bold;
    color: #000;
    line-height: 2.12rem;
    border-bottom: 1px solid #f5f5f5
}

.news-hot-box ul li {
    height: 2.64rem;
    line-height: 2.64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5
}

.news-hot-box ul li .iconfont {
    font-size: 1.2rem
}

.news-hot-box ul li.n1 i {
    color: #e32231
}

.news-hot-box ul li.n2 i {
    color: #fea11c
}

.news-hot-box ul li.n3 i {
    color: #b5b5b4
}

.news-hot-box ul li p {
    height: .66rem;
    font-size: .64rem;
    font-weight: 500;
    color: #333;
    display: initial
}

.news-hot-box .news-hot-box-ft {
    height: 2.02rem;
    padding-bottom: 2.02rem
}

.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: .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
}

@-webkit-keyframes bui-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes bui-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.bui-message {
    position: fixed;
    bottom: -2rem;
    z-index: 9999;
    width: 100%;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .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: .2rem
}

.bui-message.show {
    bottom: 4rem;
    opacity: 1
}

#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: #fa6746
}

#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
}

.circle .bk-index-nav {
    padding: .4rem 0
}

.circle .circle-top {
    padding: 0 .6rem;
    border-bottom: .3rem solid #fafafa;
    overflow: hidden
}

.circle .circle-top .info {
    padding: .6rem 0;
    height: 2.76rem;
    position: relative;
    border-bottom: 1px solid #eee
}

.circle .circle-top .info img {
    display: block;
    float: left;
    margin-right: .6rem;
    width: 2.7rem;
    height: 2.7rem;
    border: 1px solid #f5f5f5;
    background: #defcf9;
    border-radius: .2rem
}

.circle .circle-top .info h1 {
    line-height: 1.52rem;
    font-size: .68rem;
    color: #333;
    font-weight: bold
}

.circle .circle-top .info .num {
    line-height: .6rem;
    font-size: .52rem;
    color: #333
}

.circle .circle-top .info .btn {
    position: absolute;
    top: 1.34rem;
    right: 0;
    width: 3.08rem;
    line-height: 1.28rem;
    font-size: .56rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #60d0cc;
    border-radius: .2rem
}

.circle .circle-top .info .btn .iconfont {
    padding-right: .4rem
}

.circle .circle-top .nav {
    padding: .6rem 0 .12rem;
    overflow: hidden
}

.circle .circle-top .nav li {
    float: left;
    width: 33%;
    line-height: 1.56rem;
    font-size: .6rem;
    text-align: center;
    color: #545454;
    position: relative
}

.circle .circle-top .nav li.on {
    color: #53c2c6
}

.circle .circle-top .nav li.on:after {
    content: '';
    width: .7rem;
    height: .08rem;
    background: #53c2c6;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.36rem
}

.circle .tab-hd {
    padding: 0 .6rem .04rem;
    height: 1.24rem;
    overflow: hidden;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
}

.circle .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
}

.circle .tab-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
}

.circle .tab-hd li.on {
    color: #f7c524
}

.circle .tab-hd li.on:after {
    display: block;
    content: '';
    width: 1rem;
    height: .08rem;
    background: #f7c524;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.5rem;
    border-radius: .08rem
}

.circle .circle-list {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0
}

.circle .circle-list .circle-item {
    padding: .6rem;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.circleShow-main {
    margin-bottom: .4rem;
    padding: .6rem;
    background: #fff;
    overflow: hidden;
    border-bottom: .02rem solid #f3f3f3
}

.circleShow-main .top-info {
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .4rem;
    position: relative
}

.circleShow-main .top-info .avatar {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    float: left;
    margin-right: .4rem;
    border-radius: 100%;
    background: #f5f5f5
}

.circleShow-main .top-info .name {
    width: 4.8rem;
    line-height: .9rem;
    font-size: .6rem;
    color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.circleShow-main .top-info .time {
    line-height: .6rem;
    font-size: .48rem;
    color: #999
}

.circleShow-main .top-info .group {
    min-width: 2.72rem;
    line-height: .72rem;
    color: #fa6746;
    position: absolute;
    top: .44rem;
    right: 0
}

.circleShow-main .top-info .group i {
    float: left;
    display: block;
    font-size: .64rem
}

.circleShow-main .top-info .group i:before {
    background-image: -webkit-linear-gradient(left, #5bdbd7, #89eadc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.circleShow-main .top-info .group span {
    float: right;
    font-size: .56rem
}

.circleShow-main .content .text {
    line-height: 1.5;
    font-size: .6rem;
    color: #333;
    margin-bottom: .4rem;
    word-break: break-all
}

.circleShow-main .content .pic {
    margin-bottom: .4rem;
    margin-right: -0.4rem;
    overflow: hidden
}

.circleShow-main .content .pic li {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 .16rem .16rem 0;
    background: #f0f0f0;
    border-radius: .3rem;
    float: left;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.circleShow-main .op {
    overflow: hidden
}

.circleShow-main .op a {
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: .3rem;
    min-width: 1.6rem;
    color: #8e8e8e;
    text-align: center
}

.circleShow-main .op a span {
    display: block;
    line-height: .6rem;
    font-size: .48rem
}

.circleShow-main .op .iconfont {
    display: block;
    line-height: .8rem;
    font-size: .6rem
}

.circleShow-main .op .icon-yuedu {
    font-size: .64rem
}

.circleShow-main .op .icon-pingjia {
    font-size: .62rem
}

.circle-comment {
    border-top: 0
}

.circle-comment .loading-more {
    padding: .2rem 0 .6rem;
    line-height: .6rem;
    font-size: .48rem;
    color: #ccc;
    text-align: center
}

.commentBox-circle {
    border-bottom: 0
}

.commentBox-circle ul {
    border-radius: .16rem
}

.commentBox-circle {
    margin-bottom: .4rem;
    padding: .6rem .6rem .4rem;
    border-bottom: .02rem solid #eee;
    overflow: hidden;
    clear: both
}

.commentBox-circle .user {
    overflow: hidden;
    margin-bottom: .4rem
}

.commentBox-circle .user .avatar {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    margin-right: .4rem;
    float: left;
    background: #f5f5f5;
    border-radius: 100%
}

.commentBox-circle .user .name {
    line-height: .64rem
}

.commentBox-circle .user .name em {
    display: inline-block;
    float: left;
    max-width: 6rem;
    font-size: .6rem;
    color: #fda9a1;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.commentBox-circle .user .name a {
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-left: .5rem;
    font-size: .48rem;
    color: #b2b2b2
}

.commentBox-circle .user .name a i {
    display: inline-block;
    float: left;
    padding-right: .16rem;
    font-size: .48rem
}

.commentBox-circle .user .time {
    float: right;
    line-height: .64rem;
    font-size: .48rem;
    color: #999
}

.commentBox-circle .desc {
    margin-top: .3rem;
    padding: 1px .2rem 0;
    width: 11.8rem;
    float: right;
    line-height: 1.5;
    font-size: .56rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.commentBox-circle .desc span {
    position: relative;
    z-index: 2;
    word-break: break-all
}

.commentBox-circle .desc:after {
    display: block;
    content: '';
    position: absolute;
    top: .02rem;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 100%
}

.commentBox-circle .op {
    overflow: hidden
}

.commentBox-circle .op span {
    display: block;
    overflow: hidden;
    float: right;
    margin-left: 1rem;
    line-height: .8rem;
    font-size: .48rem;
    color: #b2b2b2
}

.commentBox-circle .op span i {
    display: inline-block;
    float: left;
    padding-right: .1rem;
    font-size: .6rem
}

.commentBox-circle .op span .icon-pingjia {
    font-size: .62rem
}

.commentBox-circle ul {
    margin-top: .3rem;
    padding: 0 .4rem;
    width: 11rem;
    background: #f8f8f8;
    float: right
}

.commentBox-circle li {
    padding: .08rem 0;
    line-height: 1.5;
    font-size: .52rem;
    color: #333;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

.commentBox-circle li:first-child {
    padding-top: .3rem
}

.commentBox-circle li:last-child {
    padding-bottom: .3rem
}

.commentBox-circle li p {
    position: relative;
    z-index: 2;
    word-break: break-all
}

.commentBox-circle li span {
    color: #fa6746
}

.commentBox-circle li em {
    padding: 0 .16rem
}

.commentBox-circle li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 100%
}

.commentBox-circle li:nth-child(3n+1) span {
    color: #f6aafd
}

.commentBox-circle li:nth-child(3n+1) span.hf {
    color: #fda9a1
}

.commentBox-circle li:nth-child(3n+2) span {
    color: #96b4fe
}

.commentBox-circle li:nth-child(3n+2) span.hf {
    color: #f6aafd
}

.commentBox-circle li:nth-child(3n) span {
    color: #fda9a1
}

.commentBox-circle li:nth-child(3n) span.hf {
    color: #96b4fe
}

.circle-comment-bar {
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100%;
    border-top: 1px solid #eee;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.circle-comment-bar .form {
    overflow: hidden;
    width: 100%;
    padding: .4rem 0;
    border-bottom: 1px solid #eee;
    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
}

.circle-comment-bar .iconfont {
    float: left;
    display: block;
    width: 2.4rem;
    line-height: 1.64rem;
    font-size: .56rem;
    color: #fa6746;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.circle-comment-bar .text {
    float: left;
    display: block;
    padding-left: .5rem;
    width: 8.2rem;
    min-height: 1.5em;
    max-height: 6em;
    line-height: 1.5;
    font-size: .56rem;
    color: #222;
    background: none;
    border: 0;
    border-left: 1px solid #f3f3f3;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.circle-comment-bar .text::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.circle-comment-bar .btn {
    float: right;
    margin-right: .4rem;
    width: 2rem;
    height: 3em;
    font-size: .56rem;
    color: #888;
    text-align: center;
    letter-spacing: 1px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.circle-comment-bar .btn.active, .circle-comment-bar .btn:active {
    color: #fa6746
}

.circle-comment-bar .row1 .iconfont {
    line-height: .84rem
}

.circle-comment-bar .row1 .text {
    height: 1.5em
}

.circle-comment-bar .row1 .btn {
    height: 1.5em
}

.circle-comment-bar .user {
    clear: both;
    padding: 0 .8rem;
    display: none
}

.circle-comment-bar .user ul {
    overflow: hidden
}

.circle-comment-bar .user li {
    float: left;
    margin: 1.2rem 1.5rem .8rem 1.5rem;
    position: relative;
    width: 3.6rem;
    line-height: 3.6rem;
    border: 1px solid #eee;
    border-radius: 100%;
    font-size: .56rem;
    color: #b2b2b2;
    text-align: center;
    font-weight: bold
}

.circle-comment-bar .user li i {
    display: none
}

.circle-comment-bar .user li.on {
    color: #fa6746;
    border-color: #fa6746
}

.circle-comment-bar .user li.on i {
    display: block;
    width: .6rem;
    line-height: .6rem;
    color: #fa6746;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: .5rem
}

.circle-comment-bar .user .desc {
    padding: .4rem 0;
    line-height: 1.6;
    font-size: .48rem;
    color: #999
}

.weui-search-bar {
    position: relative;
    margin: .4rem .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-search-bar.weui-search-bar_focusing .weui-search-bar__btn {
    display: block
}

.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label {
    display: none
}

.weui-search-bar .bui-action-back {
    padding-right: .2rem;
    font-size: 1rem;
    color: #999
}

.weui-search-bar__form {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 1.2rem;
    border-radius: .6rem;
    overflow: hidden;
    background-color: #f8f8f8
}

.weui-search-bar__box {
    position: relative;
    z-index: 1;
    padding-left: .6rem;
    padding-right: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.weui-search-bar__box .weui-search-bar__input {
    padding-left: .8rem;
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: .56rem;
    color: #535353;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    vertical-align: top
}

.weui-search-bar__box .weui-search-bar__input:focus {
    outline: none
}

.weui-search-bar__box .icon-search {
    position: absolute;
    top: 0;
    left: .6rem;
    height: 100%;
    line-height: 1.2rem;
    color: #999
}

.weui-search-bar__box .weui-icon-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    padding: 0 10px;
    line-height: 28px
}

.weui-search-bar__label {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 2;
    line-height: 1.16rem;
    color: #999;
    text-align: center;
    background: #f8f8f8
}

.weui-search-bar__label span {
    display: inline-block;
    font-size: .56rem;
    vertical-align: middle
}

.weui-search-bar__label .icon-search {
    margin-right: 1px;
    font-size: .56rem
}

.weui-search-bar__btn {
    display: none;
    padding-left: .4rem;
    font-size: .56rem;
    color: #fa6746;
    white-space: nowrap
}

.weui-search-bar__input:not(:valid) ~ .weui-icon-clear {
    display: none
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    display: none
}

.search-hot {
    padding: .6rem
}

.search-hot h2 {
    margin-bottom: .4rem;
    line-height: .6rem;
    font-size: .52rem;
    color: #aaa
}

.search-hot .search-hot-bd {
    overflow: hidden
}

.search-hot .search-hot-bd a {
    display: inline-block;
    margin: .32rem .32rem .32rem 0;
    padding: 0 .4rem;
    min-width: 2rem;
    line-height: 1rem;
    font-size: .52rem;
    color: #535353;
    text-align: center;
    background: #f8f8f8;
    border-radius: .16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search-history {
    padding: .6rem 0 .6rem .6rem
}

.search-history h2 {
    margin-bottom: .4rem;
    line-height: .6rem;
    font-size: .52rem;
    color: #aaa
}

.search-history .search-history-bd {
    overflow: hidden
}

.search-history .search-history-bd a {
    position: relative;
    display: block;
    padding: .4rem 0;
    height: .92rem;
    line-height: .92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .52rem;
    color: #535353
}

.search-history .search-history-bd a:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    left: 0;
    right: 0
}

.search-history .search-history-bd a .iconfont {
    color: #b2b2b2;
    padding-right: .4rem
}

.search-show .tab-hd {
    padding: 0 .6rem .04rem;
    height: 1.24rem;
    overflow: hidden;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
}

.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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.search-show .tab-hd li a {
    color: #535353
}

.search-show .tab-hd li.on a {
    color: #fa6746
}

.search-show .tab-hd li.on:after {
    display: block;
    content: '';
    width: 1rem;
    height: .08rem;
    background: #fa6746;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.5rem;
    border-radius: .08rem
}

.search-show .search-item_box {
    position: relative;
    margin-top: .4rem
}

.search-show .search-item_box:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top;
    top: 0;
    left: 0;
    right: 0
}

.search-show .search-item_box h2.tit {
    padding: .6rem .6rem .2rem;
    line-height: .6rem;
    font-size: .56rem;
    color: #aaa
}

.search-show .search-item_box .loading-more {
    padding: .2rem 0 1rem
}

.search-show .search-item_box .loading-more a {
    font-size: .6rem;
    color: #fa6746
}

.search-show .search-item_box .notepad-list li:last-child:after, .search-show .search-item_box .thread-list li:last-child:after, .search-show .search-item_box .hospital-list li:last-child:after, .search-show .search-item_box .doctor-list li:last-child:after, .search-show .search-item_box .news-list li:last-child:after {
    display: none
}

.search-show .search-item_box .news-list .info {
    width: 10rem
}

.no-data {
    height: 7.2rem;
    background: center center url(http://mip.33zx.cn/static/mip/images/empty.png) no-repeat;
    background-size: 6rem
}

.thread-list li {
    padding: .6rem;
    position: relative
}

.thread-list li:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.thread-list .top-info {
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .4rem;
    position: relative
}

.thread-list .top-info .avatar {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    float: left;
    margin-right: .4rem;
    border-radius: 100%;
    background: #f5f5f5
}

.thread-list .top-info .name {
    width: 4.8rem;
    line-height: .9rem;
    font-size: .6rem;
    color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.thread-list .top-info .time {
    line-height: .6rem;
    font-size: .48rem;
    color: #999
}

.thread-list .top-info .group {
    min-width: 2.72rem;
    line-height: .72rem;
    color: #fa6746;
    position: absolute;
    top: .44rem;
    right: 0
}

.thread-list .top-info .group i {
    float: left;
    display: block;
    font-size: .64rem
}

.thread-list .top-info .group i:before {
    background-image: -webkit-linear-gradient(left, #5bdbd7, #89eadc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.thread-list .top-info .group span {
    float: right;
    font-size: .56rem
}

.thread-list .content .text {
    line-height: 1.5;
    font-size: .6rem;
    color: #333;
    margin-bottom: .4rem;
    word-break: break-all
}

.thread-list .content dl.pic {
    margin-bottom: .08rem;
    margin-right: -0.4rem;
    overflow: hidden
}

.thread-list .content dl.pic dd {
    width: 4.4rem;
    height: 4.4rem;
    margin: 0 .32rem .32rem 0;
    background: #f8f8f8;
    border-radius: .3rem;
    float: left;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.thread-list .op {
    overflow: hidden;
    height: 1.44rem
}

.thread-list .op a {
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: .3rem;
    min-width: 1.6rem;
    color: #8e8e8e;
    text-align: center
}

.thread-list .op a span {
    display: block;
    line-height: .6rem;
    font-size: .48rem
}

.thread-list .op .iconfont {
    display: block;
    line-height: .8rem;
    font-size: .6rem
}

.thread-list .op .icon-yuedu {
    font-size: .64rem
}

.thread-list .op .icon-pingjia {
    font-size: .62rem
}

.thread-list .op .fl {
    height: 100%;
    padding-top: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.thread-list .op .time {
    display: inline-block;
    line-height: .6rem;
    font-size: .48rem;
    color: #b2b2b2;
    vertical-align: top
}

.thread-list h3 {
    line-height: 1.5;
    font-size: .6rem;
    color: #333;
    font-weight: 500;
    margin-bottom: .4rem;
    word-break: break-all
}

.thread-list .ztPic {
    width: 100%;
    height: 5.6rem;
    background-color: #f8f8f8;
    background-position: center center;
    background-size: 100%
}

.kepuShow {
    margin-bottom: .4rem;
    padding: .6rem;
    background: #fff;
    overflow: hidden
}

.kepuShow .top-pic {
    padding-top: .4rem
}

.kepuShow .top-pic img {
    display: inline-block;
    width: 100%;
    min-height: 4rem;
    height: auto;
    margin-bottom: .4rem;
    background: #f8f8f8
}

.kepuShow h1 {
    line-height: 1.6;
    font-size: .64rem;
    color: #111;
    margin-bottom: .4rem
}

.kepuShow .content {
    line-height: 1.6;
    font-size: .52rem;
    color: #444;
    margin-bottom: .4rem
}

.kepuShow .content ul, .kepuShow .content ol {
    padding-left: 1em
}

.kepuShow .content li {
    list-style: outside
}

.kepuShow .content img, .kepuShow .content table {
    max-width: 100%;
    height: auto
}

.kepuShow .content p {
    margin-bottom: 5px
}

.kepuShow .content h3 {
    margin: .4rem 0 .2rem;
    padding-left: .2rem;
    height: .72rem;
    line-height: .72rem;
    font-size: .72rem;
    color: #000;
    font-weight: bold;
    border-left: .06rem solid #fa6746
}

.kepuShow .content h4 {
    font-size: .56rem;
    color: #111;
    font-weight: 500
}

.kepuShow .content h5 {
    font-size: .52rem;
    color: #fa6746
}

.user_pact {
    padding: .6rem
}


.ask-Column .ask-top-btns {
    padding: 1rem 0;
    border-bottom: .52rem solid #f8f8f8;
    overflow: hidden
}

.ask-Column .ask-top-btns .mqBtn {
    display: block;
    float: left;
    margin-left: .6rem;
    position: relative;
    width: 4.2rem;
    height: 2.8rem
}

.ask-Column .ask-top-btns .mqBtn img {
    width: 100%
}

.ask-Column .ask-top-btns .mqBtn p {
    position: absolute;
    top: .6rem;
    left: .4rem;
    z-index: 3;
    line-height: .72rem;
    font-size: .64rem;
    color: #fff;
    font-weight: 500
}

.ask-Column .ask-index {
    padding-top: 1.2rem
}

.ask-list li {
    padding: .44rem .6rem;
    position: relative
}

.ask-list li:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.ask-list li a {
    display: block
}

.ask-list li h3 {
    margin-bottom: .4rem;
    padding-left: 1rem;
    max-height: 1.84rem;
    line-height: .92rem;
    font-size: .6rem;
    color: #000;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: url(../image/ask_question.png) left .16rem no-repeat;
    background-size: .64rem
}

.ask-list li .other {
    line-height: .72rem;
    font-size: .48rem;
    color: #999;
    text-align: right;
    position: relative;
    clear: both
}

.ask-list li .other .time {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 1rem
}

.ask-list li .other span {
    display: inline-block;
    margin-left: .6rem
}

.ask-list li .other .iconfont {
    display: inline-block;
    margin-right: .12rem;
    font-size: .48rem;
    float: left
}

.ask-show .question-box {
    padding: .8rem .6rem;
    border-bottom: .52rem solid #f8f8f8
}

.ask-show .question-box h1 {
    margin-bottom: .6rem;
    padding-left: .8rem;
    line-height: .92rem;
    font-size: .72rem;
    color: #000;
    font-weight: 500;
    background: url(../image/ask_question.png) left .16rem no-repeat;
    background-size: .64rem
}

.ask-show .question-box .desc {
    line-height: 1.6;
    font-size: .56rem;
    color: #999;
    word-wrap: break-word;
    word-break: break-all
}

.ask-show .answer-box {
    padding: .8rem .6rem
}

.ask-show .answer-box .hd {
    line-height: 1rem;
    font-size: .6rem;
    color: #000;
    font-weight: 600
}

.ask-show .answer-box .hd span {
    padding-left: .12rem;
    font-weight: 400;
    color: #999
}

.ask-show .answer-box .answer-list li {
    padding: .6rem;
    position: relative
}

.ask-show .answer-box .answer-list li:after {
    position: absolute;
    bottom: 0;
    left: .6rem;
    right: .6rem;
    display: block;
    content: '';
    height: 1px;
    background: #e8e8e8;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: left top;
    transform: scaleY(.5);
    transform-origin: left top
}

.ask-show .answer-box .answer-list li .info {
    overflow: hidden;
    margin-bottom: .4rem
}

.ask-show .answer-box .answer-list li .info .avatar {
    float: left;
    margin-right: .48rem;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 100%;
    overflow: hidden
}

.ask-show .answer-box .answer-list li .info .avatar img {
    width: 100%
}

.ask-show .answer-box .answer-list li .info .name {
    display: inline-block;
    float: left;
    line-height: 1rem;
    font-size: .6rem;
    color: #333;
    font-weight: 500
}

.ask-show .answer-box .answer-list li .info .name em {
    color: #999;
    padding-left: .2rem;font-size: 12px;
}
.ask-show .answer-box .answer-list li .info p{float: left;color:#999;font-size: 12px;width:55%;}
.ask-show .answer-box .answer-list li .info .best {
    float: left;
    margin-left: .6rem;
    margin-top: .36rem;
    width: 1.12rem;
    height: .64rem;
    font-size: .44rem;
    color: #fff;
    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;
    background: #ff8949;
    border-radius: .12rem
}

.ask-show .answer-box .answer-list li .info .wen {
    float: right;
    margin-top: .12rem;
    width: 2rem;
    height: 1.12rem;
    vertical-align: middle;
    font-size: .48rem;
    color: #fa6746;
    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;
    border: 1px solid #fb814e;
    border-radius: .16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ask-show .answer-box .answer-list li .desc {
    line-height: 1.6;
    font-size: .56rem;
    color: #333;
    word-wrap: break-word;
    word-break: break-all
}
.hd-content{display: none;}
.new-answer{padding: 0.3rem;background-color: #f8f8f8;margin-bottom: 0.44rem;}
.new-answer dt{float: left;width:18%;}
.new-answer dt img{width:2rem;height:2rem;border-radius: 100%;border: solid 1px #fff;}
.new-answer dd{font-size:.56rem;line-height:24px;width:82%;float: left;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.block{display: block;}

.map{padding: 10px;}

.m-title{text-align: center;font-size: 16px;font-weight: bold;color: #333;padding:5px 0 15px 0;}
.m-item{width:100%;overflow: hidden;padding-bottom:20px;}
.m-t{padding: 10px 0;color: #333;font-size:15px;font-weight: bold;}
.lk{font-size: 13px;border: 1px solid #e4e4e4;width:30%;height: 30px;line-height: 30px;float: left; white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;margin:10px 5px 8px 5px;}
.k{font-size:10px;width:30px;background-color: #e4e4e469;margin-bottom: 3px;text-align: center;float: left;color:#000; margin-right:5px;}
.dh-bui-action-back {
    position: absolute;
    top: 0;
    display: inline-block;
    padding-left: 0.2rem;
    width: .8rem;
    line-height: 1.2rem;
    font-size: .8rem;
    text-align: center;
    font-weight: 400;
}

.xx-show .nav {
    margin-top: .6rem;
    height: .6rem;
    line-height: .6rem;
    overflow: hidden;
    display: flex;
    justify-content: space-around
}

.xx-show .bk-title {
    text-align: center;
    font-size: 0.7rem;
    margin-top: 0.6rem;border-bottom:solid .1rem #F8F8F8;padding-bottom: .6rem;
}

/**弹窗**/
.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;
}
.footer {padding: 0.5rem 0;
    text-align: center;
    color: #000;
    background-color: #f2f2f2;
    margin-bottom: 3rem;
}
.footer p {
    line-height: 0.7rem;
    font-size: 0.3rem;padding: 0 .3rem;
}
li .mq-btn {
    position: absolute;
    top: 1.9rem;
    right: 0;
    width: 2.2rem;
    height: .8rem;
    font-size: .48rem;
    color: #fa6746;
    text-align: center;
    border: 1px solid #fa6746;
    border-radius: .2rem;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 10;
}
li .mq-btn a{ color: #fa6746;font-size: .48rem;}
/* 分页 */
.prevnextpage {
	padding: 20px 0;
	display: table;
	vertical-align: middle;
	width: 100%;
	background: #eee;
}

.prevnextpage .prev,
.prevnextpage .next,
.prevnextpage .prev_act,
.prevnextpage .next_act {
	width: 35%;
	height: 25px;
	display: table-cell;
}

.prevnextpage .prev {
	background: url(../image/arrow_left_white.png) no-repeat right center;
	background-size: 25px 25px;
}

.prevnextpage .next {
	background: url(../image/arrow_right_white.png) no-repeat left center;
	background-size: 25px 25px;
}

.prevnextpage .prev_act {
	background: url(../image/arrow_left_gray.png) no-repeat right center;
	background-size: 25px 25px;
}

.prevnextpage .next_act {
	background: url(../image/arrow_right_gray.png) no-repeat left center;
	background-size: 25px 25px;
}

.prevnextpage em {
	font-size: 18px;
	text-align: center;
	width: 30%;
	height: 25px;
	display: table-cell;
}
.ft-link a{font-size: 14px;padding: 0.4rem .6rem;display: inline-block;}
.citylist{padding: .6rem;}
.citylist h5{font-size: .56rem;float: left;width:100%;padding-bottom: .3rem;}
.citylist a{font-size: .56rem;color: #535353;display: block;float: left;width:3.2rem;height:1.2rem;line-height: 1.2rem;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;
}
.path{line-height: 1rem;color: #999;border-bottom: solid 2px #f8f8f8;margin-bottom: .6rem;}
.prev_next_box{padding: .6rem 0;}
.prev_next_box a{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;color: #fa6746;display: block;padding-bottom: .6rem;font-size: .6rem;}