@charset "UTF-8";

em, i { font-style: normal; }

.fl { float: left; }

.fr { float: right; }

.clearfix { zoom: 1; }

.clearfix::after { content: ''; display: block; clear: both; }

.all-w { width: 100%; display: block; }

body { min-width: 320px; font-size: 0.32rem; background: #f7f7f7; }

h1, h2, h3, h4, h5 { font-style: normal; }

.view-wrap { max-width: 750px; min-width: 320px; margin: 0 auto; background: #f7f7f7; }

.mtop { margin-top: 0.3rem; }

.base-mtop { margin-top: 0.18rem; }

.paging { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.paging a:nth-of-type(1), .paging a:last-of-type { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; color: #31c5a5; background: #f8f9fa; height: 0.7rem; font-size: 0.28rem; line-height: 0.7rem; text-align: center; border: #ddd 1px solid; display: block; }

.currBox { -webkit-box-flex: 4; -webkit-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; margin: 0 0.1rem; background: #f8f9fa; }

.currBox em { color: #666; }

.currBox span:nth-of-type(1) { color: #31c5a5; }

.currBox span:last-of-type { color: #666; }

.currBox { height: 0.7rem; font-size: 0.28rem; line-height: 0.7rem; text-align: center; border: #ddd 1px solid; }

.wrap-box h2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;  width: 100%; height: 1rem; color: #333; }

.wrap-box .dep-title-flex { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0; }

.wrap-box .title { font-size: 0.4rem; vertical-align: middle; }

.line-bottom { position: relative; }

.line-bottom:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); transform: scale(1, 0.5); border-bottom: 1px solid #eee; }

.line-top { position: relative; }

.line-top:before { content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); transform: scale(1, 0.5); border-top: 1px solid #eee; }

.cm-ls { position: relative; padding: 0.3rem 0; border-top: #eee dashed 1px; }

.cm-ls:first-child { border-top: none; }

.cm-ls .list-item-pic { position: relative; float: left; margin-right: 0.2rem; width: 2.88rem; height: 1.65rem; overflow: hidden; background: #f2f2f2; }

.cm-ls .list-item-pic .ico-btn-play { position: absolute; left: 50%; top: 50%; margin-left: -0.24rem; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; background: url(../images/ico-btn-play.png?base64); -webkit-background-size: 0.48rem 0.48rem; background-size: 0.48rem; }

.cm-ls .list-item-pic .long-time { position: absolute; bottom: 0.05rem; right: 0.05rem; width: 0.74rem; height: 0.28rem; font-size: 0.22rem; line-height: 0.28rem; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); }

.cm-ls .list-item-title { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.34rem; line-height: 0.48rem; color: #333; }

.cm-ls .list-item-msg { font-size: 0.24rem; color: #999; }

.cm-ls .list-item-msg span { padding-right: 0.3rem; }

.cm-ls .list-por { position: absolute; left: 3.08rem; bottom: 0.45rem; }

.cm-ls-last { border-bottom: #eee dashed 1px; }

.error { margin-top: 2rem; text-align: center; min-height: 7.5rem; }

.error-pic { display: inline-block; width: 2.5rem; height: 2.5rem; overflow: hidden; }

.error-txt { margin-top: 0.5rem; font-size: 0.32rem; color: #999; }

.mod-intro-video { width: 100%; height: 4.2rem; -o-object-fit: cover; object-fit: cover; }

/* index */
.i-banner { background: #ffffff; }

.dise-search { padding: 0 0.3rem 0.3rem; background: #ffffff; }

.icon-dise { margin-right: 0.16rem; width: 0.4rem; height: 0.4rem; vertical-align: middle; }

.pic-dise { background: no-repeat;background-position: -0.84rem 0; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; }

.dis-list { margin-right: -0.14rem; margin-top: -0.16rem; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dis-list li { display: inline-block; padding-right: 0.14rem; margin-top: 0.16rem; width: 33.33333%; height: 0.7rem; font-size: 0.32rem; text-align: center; line-height: 0.7rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.link-item { display: block; color: #666; background: #f7f7f7; }

.spec-col { display: block; color: #6595ff; background: #f7f7f7; }

.pic-online { background-position: 0 -0.84rem; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; }

.title-online-link { font-size: 0.24rem; color: #999; line-height: 1rem; text-decoration: underline; }

.online-focus { position: relative; margin: 0 auto; }

.online-hd { position: absolute; top: -0.56rem; width: 100%; height: 0.14rem; text-align: right; z-index: 1; }

.online-hd .online-hd-list { display: inline-block; height: 0.14rem; font-size: 0; vertical-align: top; }

.online-hd .online-hd-list li { display: inline-block; width: 0.14rem; height: 0.14rem; -webkit-border-radius: 50%; border-radius: 50%; background: #ddd; margin: 0 0.1rem; vertical-align: top; overflow: hidden; }

.online-hd .online-hd-list li.on { background: #6595ff; }

.online-bd { position: relative; z-index: 0; }

.online-bd li { width: 100%; height: 3.45rem; }

.focus-con { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-right: -0.15rem; }

.focus-con-item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.15rem; max-width: 33.333333%; height: 3.45rem; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f7f7f7; }

.focus-con-item .focus-avator { margin: 0.3rem auto 0.15rem; width: 1.2rem; height: 1.2rem; -webkit-border-radius: 50%; border-radius: 50%; }

.focus-con-item .focus-avator img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.focus-con-item .online-name { padding-bottom: 0.15rem; font-size: 0.34rem; color: #000; }

.focus-con-item .online-depart { padding-bottom: 0.2rem; font-size: 0.32rem; color: #666; }

.focus-con-item .btn-online-link { margin: 0 auto; width: 1.5rem; height: 0.5rem; font-size: 0.24rem; line-height: 0.5rem; color: #fff; background: #fecb18; -webkit-border-radius: 0.05rem; border-radius: 0.05rem; }

.focus { position: relative; margin: 0 auto; overflow: hidden; }

.focus .hd { position: absolute; bottom: 0.25rem; width: 100%; height: 0.14rem; text-align: center; z-index: 1; }

.focus .hd .hd-list { display: inline-block; height: 0.14rem; font-size: 0; vertical-align: top; }

.focus .hd .hd-list li { display: inline-block; width: 0.14rem; height: 0.14rem; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.5); margin: 0 0.1rem; vertical-align: top; overflow: hidden; }

.focus .hd .hd-list li.on { background: #fff; }

.focus .bd { position: relative; z-index: 0; }

.focus .bd ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 600%; overflow: hidden; }

.focus .bd ul li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 3.2rem; text-align: center; background-color: #f0f0f0; }

.focus .bd ul li img { width: 100%; height: 100%; overflow: hidden; vertical-align: middle; }

.tabBox { position: relative; }

.mod-item-tags { position: relative; }

.mod-item-tags:after { z-index: 0; }

.item-tags-u { margin-top: -0.56rem; }

.item-tags-u li { width: 0.14rem; height: 0.14rem; -webkit-border-radius: 50%; border-radius: 50%; background: #dddddd; margin-left: 0.15rem; }

.item-tags-u .on { background: #6595ff; }

.exp .icon-experts { background: no-repeat;background-position: -0.6rem -0.84rem; -webkit-background-size: contain; background-size: contain; }

.exp .inn-main { overflow: hidden; }

.exp .inn-body { margin-right: -0.14rem; margin-bottom: -0.15rem; }

.exp .inn-ls { width: 33.3%; padding-right: 0.14rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.15rem; }

.exp .inn-list { display: block; line-height: 0.72rem; text-align: center; color: #666666; font-size: 0.32rem; background: #f7f7f7; }

.exp .inn-list-last { color: #6595ff; }

.exp .inn-item { height: 1.65rem; position: relative; overflow: hidden; }

.exp .inn-item-title { position: absolute; bottom: 0; left: 0; line-height: 0.5rem; background: rgba(0, 0, 0, 0.3); width: 100%; font-size: 0.28rem; color: #fff; }

.exp .exp-ls { width: 100%; overflow: hidden; }

.exp .exp-ls-main { margin-right: -0.14rem; }

.exp .exp-lm-ls { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0.14rem; }

.exp .exp-lm-item { display: block; background: #f7f7f7; padding-top: 0.3rem; padding-bottom: 0.3rem; }

.exp .exp-lmi-imgwrap { display: block; width: 1.2rem; height: 1.2rem; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; overflow: hidden; margin-bottom: 0.12rem; }

.exp .exp-lmi-name { display: block; line-height: 0.46rem; font-size: 0.34rem; font-weight: bold; color: #000000; text-align: center; }

.exp .exp-lmi-depart { display: block; line-height: 0.46rem; color: #666666; font-size: 0.32rem; text-align: center; margin-bottom: 0.12rem; }

.exp .exp-lmi-tov { display: block; font-size: 0.24rem; color: #fff; line-height: 0.5rem; width: 1.4rem; background: #ffcc00; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 auto; }

.com-dise-list .com-dise-list-txt { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; vertical-align: middle; }

.com-dise-list .com-dise-list-hot { display: inline-block; margin-right: 0.1rem; width: 0.34rem; height: 0.34rem; font-size: 0.24rem; color: #fff; text-align: center; line-height: 0.34rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; background: red; vertical-align: middle; }

.dise-list-special h3 { padding-top: 0.05rem; font-size: 0.44rem; font-weight: normal; }

.dise-list-special .title-link { display: block; color: red; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis;*/ line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.dise-list-special .dise-list-txt { height: 0.7rem; line-height: 0.7rem; font-size: 0.26rem; overflow: hidden; }

.dise-list-special .txt-link { word-break: break-all; word-wrap: break-word; color: #666; }

.com-dise-tags { margin-right: -0.1rem; }

.com-dise-tags li { float: left; margin-top: 0.1rem; padding-right: 0.1rem; width: 25%; height: 0.6rem; font-size: 0.28rem; line-height: 0.6rem; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.com-dise-tags .com-dise-tags-link { display: block; color: #fff; background: #a8c9ec; }

.tab-even .com-dise-tags-link { background: #b0dad4; }

.col-won-pic { margin-right: -0.2rem; margin-top: -0.2rem; }

.col-won-pic li { position: relative; float: left; padding-right: 0.2rem; margin-top: 0.2rem; width: 50%; height: 2.52rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.col-won-pic .repe-single { position: relative; float: left; padding-right: 0.2rem; margin-top: 0.2rem; width: 50%; height: 2.52rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.col-won-pic-link { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }

.col-won-pic .won-alpha-txt { position: absolute; bottom: 0; width: 100%; height: 0.6rem; font-size: 0.28rem; text-align: center; line-height: 0.6rem; color: #fff; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0.2rem; }

.btn-mtop .btn-more { margin-top: 0.3rem; }

.btn-more { display: block; width: 100%; height: 0.66rem; font-size: 0.28rem; line-height: 0.66rem; color: #999; text-align: center; background: #f2f2f2; }

.btn-more-arrow { margin-left: 0.2rem; vertical-align: middle; }

.pic-audio { background-position: -1.44rem 0; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; }

.aur h2 { position: relative; }

.aur h2:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); transform: scale(1, 0.5); border-bottom: 1px solid #eee; }

.aur .aur-ls { display: block; }

.aur .aur-ls-title { font-weight: bold; font-size: 0.34rem; line-height: 0.36rem; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.2rem; }

.aur .aur-ls-info { color: #999999; font-size: 0.24rem; margin-bottom: 0.2rem;}

.aur .aur-ls-info .aur-li-ls:first-child { padding-left: 0; border-left: none; }

.aur .aur-li-ls { padding: 0 0.12rem; border-left: 1px solid #999999; margin-bottom: .16rem;}

.aur .aur-ls-audio { line-height: 0.6rem; background: #f8f8f8; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; color: #999999; font-size: 0.24rem; padding-right: 0.2rem; margin-right: 0.32rem; }

.aur .aur-ls-imgwrap { width: 0.72rem; height: 0.72rem; -webkit-border-radius: 50%; border-radius: 50%; margin-top: -0.06rem; overflow: hidden; margin-right: 0.2rem; }

.aur .icon-audrel-column { width: 0.21rem; height: 0.21rem; background: no-repeat;background-position: -1.44rem -0.6rem; -webkit-background-size: contain; background-size: contain; margin-top: 0.2rem; margin-right: 0.7rem; }

.aur .aur-lsb-other { color: #999999; line-height: 0.6rem; font-size: 0.24rem; margin-right: 0.25rem; }

/* list.css -----------------------------------------------------------------*/
.nav { background: #f3f3f3; padding-left: 1.76rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 11rem; }

.nav .nav-left { width: 1.76rem; margin-left: -1.76rem; background: #f3f3f3; }

.nav .nav-right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; }

.nav .nav-main { padding: 0.33rem; }

.nav .nav-main-ls { display: none; }

.nav .nav-main-ls-cur { display: block; }

.nav .nav-main-a { border: 1px solid #bdbdbd; line-height: 0.54rem; padding: 0 0.28rem; -webkit-border-radius: 0.28rem; border-radius: 0.28rem; margin-right: 0.14rem; margin-bottom: 0.32rem; font-size: 0.26rem; color: #a2a2a2; }

.nav .nav-nav-ls { line-height: 0.92rem; text-align: center; font-size: 0.28rem; color: #505050; border-left: 0.04rem solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

.nav .nav-nav-ls:first-child { border-top: none; }

.nav .nav-nav-ls-cur { border-left-color: #0076ff; border-bottom-color: #e5e5e5; border-top-color: #e5e5e5; background: #fff; color: #0076ff; }

.nav_video { height: 14.3rem; overflow: hidden;}

.nav-left-video { height: 100%; overflow: hidden; overflow-y: auto;}

.nav-nav-video { height: 100%;}

.nav-right-video { height: 100%; overflow: hidden; overflow-y: auto;}

/* detail.css -----------------------------------------------------------------*/
.mod-intro { position: relative; padding-bottom: 0.4rem; background: #fff; }

.mod-intro:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); transform: scale(1, 0.5); border-bottom: 1px solid #eee; }

.mod-intro-tit { padding-top: 0.4rem; }

.mod-intro-tit h3 { font-size: 0.4rem; color: #000; }

.mod-intro-tit .mod-intro-date { display: block; padding: 0.22rem 0; font-size: 0.24rem; color: #999; }

.mod-msg-doctor { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 0.2rem; }

.doctor-avator { width: 0.9rem; height: 0.9rem; -webkit-border-radius: 50%; border-radius: 50%; background: #000; overflow: hidden; }

.doctor-avator img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.doctor-info { -webkit-box-flex: 7; -moz-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; padding-left: 0.32rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.doctor-info .doctor-info-fz24 { padding-top: 0.1rem; font-size: 0.24rem; color: #999; }

.doctor-info .doctor-info-fz28 { padding-top: 0.12rem; font-size: 0.28rem; color: #999; }

.doctor-info .doctor-info-name { font-style: normal; font-size: 0.36rem; color: #000; padding-right: 0.1rem; }

.doctor-in { -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }

.doctor-in .ico-doctor { display: block; margin: 0.11rem auto 0.14rem; width: 0.43rem; height: 0.37rem; text-align: center; background: no-repeat;background-position: 0 -1.44rem; -webkit-background-size: contain; background-size: contain; }

.doctor-in .doctor-in-text { font-size: 0.24rem; text-decoration: underline; }

.doctor-info-in-link { display: block; text-align: center; color: #6db4e9; }

.column-menu-text { padding: 0.3rem 0 0; font-size: 0.34rem; line-height: 0.6rem; color: #333; }

.column-menu-text span:nth-of-type(1) { float: left; width: 16px; height: 14px; margin: 2% 3% 0 0; background: url(../images/ico-video-ab.png) no-repeat; -webkit-background-size: contain; background-size: contain; }

.column-menu-text span:nth-of-type(3) { float: right; margin-top: 2%; width: 16px; height: 14px; background: url(../images/ico-video-bo.png) no-repeat; -webkit-background-size: contain; background-size: contain; }

.tin-zan { display: block; margin: 0 auto; width: 1.76rem; color: #ffb805; text-align: center; line-height: 0.56rem; -webkit-border-radius: 0.4rem; border-radius: 0.4rem; border: #ffb805 2px solid; background: #fff; }

.tin-zan .tin-num { font-size: 0.28rem; height: 0.6rem; padding-left: 0.1rem; line-height: 0.6rem; }

.tin-zan .ico-thumb { width: 0.3rem; height: 0.29rem; overflow: hidden; margin-left: 0.5rem; margin-top: 0.11rem; background: url(../images/ico-video-link.png) no-repeat center; -webkit-background-size: contain; background-size: contain; }

.toi-audio { border: 1px solid #e4e4e4; margin-top: 0.3rem; }

.toi-audio .audiojs { padding: 0.22rem 0.28rem; height: 0.64rem; width: auto; background: #fafafa; -webkit-box-shadow: none; box-shadow: none; position: relative; }

.toi-audio .audiojs .play-pause { border-right: none; width: 0.64rem; height: 0.64rem; padding: 0; position: relative; }

.toi-audio .audiojs p { width: 0.64rem; height: 0.64rem; padding: 0; }

.toi-audio .audiojs .play { background: no-repeat;background-position: 0 0; -webkit-background-size: cover; background-size: cover; }

.toi-audio .audiojs .pause { background: url("../images/icon-audio-pause.gif") no-repeat; -webkit-background-size: cover; background-size: cover; }

.toi-audio .audiojs .loading { background: no-repeat;background-position: 0 0; -webkit-background-size: cover; background-size: cover; }

.toi-audio .audiojs .error { background: no-repeat;background-position: 0 0; -webkit-background-size: cover; background-size: cover; }

.toi-audio .audiojs .scrubber { margin: 0; margin-left: 0.53rem; width: 5rem; height: 0.3rem; position: relative; border-top: none; background: transparent; overflow: initial; }

.toi-audio .audiojs .scrubber::before { content: ''; display: block; position: absolute; top: 0.18rem; left: 0; width: 100%; height: 0.05rem; background: #eee; }

.toi-audio .audiojs .scrubber .progress { top: 0.18rem; height: 0.05rem; background: #29a737; }

.toi-audio .audiojs .scrubber .progress::before { content: ''; display: block; position: absolute; top: -0.05rem; right: -0.08rem; width: 0.16rem; height: 0.16rem; -webkit-border-radius: 50%; border-radius: 50%; background: #29a737; }

.toi-audio .audiojs .scrubber .progress::after { content: ''; display: block; position: absolute; top: -0.11rem; right: -0.14rem; width: 0.28rem; height: 0.28rem; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(41, 167, 55, 0.36); }

.toi-audio .audiojs .scrubber .loaded { top: 0.18rem; height: 0.05rem; background: #c8c8c8; }

.toi-audio .audiojs .time { position: absolute; bottom: 0.22rem; left: 1.45rem; width: 5rem; height: 0.24rem; border-left: none; padding: 0; margin: 0; overflow: hidden; text-shadow: none; font-size: 0.22rem; line-height: 0.24rem; }

.toi-audio .audiojs .time em { float: left; padding: 0; color: #999999; }

.toi-audio .audiojs .time strong { float: right; padding: 0; color: #999999; font-family: '微软雅黑' }


/* ../images/style.png */
.pic-dise,
.pic-online,
.exp .icon-experts,
.pic-audio,
.aur .icon-audrel-column,
.doctor-in .ico-doctor,
.toi-audio .audiojs .play,
.toi-audio .audiojs .loading,
.toi-audio .audiojs .error{
background-image: url(../images/style.png);
background-size: 1.84rem 1.81rem
}


.wrap-box .title {
  font-weight: bold;
}
.n-voice .aur-ls-title {
  font-size: 0.32rem;
  font-weight: normal;
}
.n-voice .aur-ls-info {
  margin-bottom: 0.1rem;
  font-size: 0.28rem;
  height: 0.44rem;
  overflow: hidden;
}
.n-voice .aur-li-ls {
  border-left: none;
}
.n-voice .aur-ls-audio {
  line-height: 0.48rem;
  color: #45c25c;
  background: #edf9e8;
}
.n-voice .aur-ls-imgwrap {
  margin-top: 0;
  width: 0.48rem;
  height: 0.48rem;
}
.n-voice .icon-audrel-column {
  margin-top: 0.14rem;
}
.n-voice .aur-lsb-other {
  line-height: 0.48rem;
}
.vRe span {
  position: relative;
  padding-left: 0.2rem;
  font-size: 0.36rem;
  font-weight: bold;
  color: #333;
}
.vRe span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05rem;
  height: 100%;
  background: #23c6a5;
}
.column-menu-text {
  margin-top: 0.6rem;
  padding-top: 0.3rem;
  border-top: 1px solid #eee;
}
.column-menu-text .column-title .icon-vo {
  width: 0.32rem;
  height: 0.28rem;
  background: url(../images/icon-voice-detail.png) no-repeat;
  background-size: 0.32rem 0.28rem;
  vertical-align: middle;
}
.column-menu-text .column-title em {
  font-size: 0.32rem;
  color: #333;
  font-weight: bold;
}
.column-menu {
  font-size: 0.32rem;
  line-height: 0.54rem;
}
.btn-click {
  width: 100%;
  text-align: center;
  font-size: 0.28rem;
  color: #999;
}
.btn-text {
  display: inline-block;
  vertical-align: middle;
}
.icon-show, .icon-hide {
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-show.png) no-repeat;
  background-size: 0.24rem;
  vertical-align: middle;
}
.icon-hide {
  background: url(../images/icon-hide.png) no-repeat;
  background-size: 0.24rem;
}
.n-voice .mod-intro-tit {
  text-align: center;
  font-weight: bold;
}
.v20 {
  margin-top: 0.2rem;
}
.v20-time {
  display: inline-block;
  margin: 0 0.1rem;
  font-size: 0.24rem;
  color: #999;
}
.v20-time span {
  display: inline-block;
  vertical-align: middle;
}
.icon-time, .icon-dv {
   width: 0.22rem;
   height: 0.22rem;
   background: url(../images/icon-cal-voice.png) no-repeat;
   background-size: 0.22rem;
  vertical-align: middle;
 }
.icon-dv {
  background: url(../images/icon-detail-voice.png) no-repeat;
  background-size: 0.22rem;
}
.v20-doctor {
  text-align: center;
}
.v20-avar {
  display: inline-block;
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(112,189,240, 0.1);
}
.v20-avar:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.2rem;
  margin-left: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: rgba(112,189,240, 0.1);
}
.v20-avar-av {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #fff;
  overflow: hidden;
}
.doctor-info-level {
  display: inline-block;
  vertical-align: middle;
  padding: 0.02rem 0.04rem;
  height: 0.28rem;
  line-height: 0.28rem;
  color: #ffa800;
  border: 1px solid #ffa800;
  border-radius: 2px;
  font-size: 0.22rem;
}
.doctor-info-pos {
  padding-left: 0.1rem;
  font-size: 0.24rem;
  color: #666;
  border-left: 1px solid #ddd;
}
.n-voice-top .doctor-info-fz28 {
  padding-top: 0;
  display: inline-block;
  vertical-align: middle;
}
.v20-doctor {
  margin-top: 0.4rem;
}
.new-vde {
  margin-top: 0.2rem;
}
.new-vde .doctor-info .doctor-info-name {
  font-size: 0.32rem;
  color: #333;
}
.new-vde .doctor-info-hop {
  padding-top: 0.2rem;
}
.n-aud .toi-audio {
  position: relative;
  margin-top: 0.5rem;
  border: none;
}
.n-aud .toi-audio .audiojs {
  padding: 0;
  height: 1.8rem;
  background: #fff;
}
.n-aud .audiojs .play-pause {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  margin-left: -0.36rem;
  float: none;
  width: 0.72rem;
  height: 0.84rem;
}
.n-aud .audiojs .play, .n-aud .audiojs .pause{
  width: 0.72rem;
  height: 0.84rem;
  background: url(../images/icon-voice-play.png) center center no-repeat;
  background-size: 0.7rem 0.84rem;
}
.n-aud .audiojs .pause {
  background: url(../images/icon-voice-cause.png) center center no-repeat;
  background-size: 0.72rem 0.84rem;
}

.n-aud .toi-audio .audiojs .scrubber {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -37%;
  width: 74%;
  float: none;
}
.n-aud .toi-audio .audiojs .scrubber .progress {
  background: #42a5eb;
}
.n-aud .toi-audio .audiojs .scrubber .progress::before {
  top: -0.115rem;
  width: 0.18rem;
  height: 0.28rem;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(111,189,240, 0.8);
}
.n-aud .toi-audio .audiojs .scrubber .progress::after {
  display: none;
}
.n-aud .toi-audio .audiojs .time strong {
  display: block;
}
.n-aud .toi-audio .audiojs .time {
  top: 0.1rem;
  left: 0;
  width: 100%;
}
.n-aud .error {
  margin-top: 0;
  text-align: inherit;
  min-height: 0
}
.toi-eff-box {
  display: none;
}
.toi-eff {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -35%;
  z-index: 0;
  width: 70%;
  display: flex;
  display:-webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  justify-content: space-between;
}
.toi-eff .back, .toi-eff .go {
  width: 0.72rem;
  height: 0.84rem;
  background: url(../images/icon-voice-back.png) center center no-repeat;
  background-size: 0.48rem 0.3rem;
}

.toi-eff .go {
  background: url(../images/icon-voice-go.png) center center no-repeat;
  background-size: 0.48rem 0.3rem;
}
.n-voice .aur-ls-audio {
  margin-right: 0;
}
.icon-n-voice {
  margin-right: 0.1rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/icon-n-voice.png) no-repeat;
  background-size: 0.3rem;
  vertical-align: middle;
}
.n-voice .aur-lsb-other {
  margin-right: 0;
  margin-left: 0.25rem;
}


/*加载中*/
.dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 0.26rem; -webkit-transform: translateZ(0); transform: translateZ(0); }

.dropload-down { height: 0.6rem; line-height: 0.6rem; text-align: center; }

.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: .5rem; line-height: .5rem; font-size: 0.26rem; text-align: center; color: #999; }
.dropload-load span {  line-height:1;}
.dropload-load .loading { display: inline-block; height: 0.2rem; width: 0.2rem; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 0.16rem; border: 2px solid #999; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
.dropload-up, .dropload-down {
  overflow: inherit;
}

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

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


.new-vi .list-item-pic {
  width: 2.24rem;
  height: 1.26rem;
}
.new-vi .list-item-pic .long-time {
  width: 0.6rem;
  background: rgba(0, 0, 0, 0.2)
}
.new-vi .cmlist-right-info {
  padding-top: 0;
}
.new-vi .new-item-title {
  display: block;
  padding-bottom: 0.2rem;
  font-size: 0.32rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-vi .icon-icv {
  margin-right: 0.1rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/icon-icvideo.png) no-repeat;
  background-size: 0.3rem;
  vertical-align: middle;
}
.new-vi .cmlist-ri-content {
  font-size: 0.28rem;
  color: #666;
  line-height: 0.42rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new-vi .new-msg {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.new-vi .list-item-msg{
  font-size: 0.22rem;
  color: #999;
}
.cm-ls:last-of-type {
  border-bottom: none;
}
.n-voice .aur-ls-title {
  font-size: 0.32rem;
  font-weight: normal;
}

.n-voice .aur-ls-audio {
  padding-left: 0.2rem;
  line-height: 0.48rem;
  color: #45c25c;
  background: #edf9e8;
}

.n-voice .icon-audrel-column {
  margin-top: 0.14rem;
  margin-right: 0.5rem;
}

.n-voice .aur-d-info {
  margin-bottom: 0.2rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.n-n-voice .n-voice .aur-ls-audio {
  padding-left: 0;
}

.clp{
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}