.font-sm { font-size: .8em }
.font-1x { font-size: 1em }
.font-2x { font-size: 1.5em }
.font-3x { font-size: 2em }
.font-4x { font-size: 2.5em }
.font-5x { font-size: 3em }
.font-6x { font-size: 3.5em }
.offset-1x { padding-left: 10px }
.offset-2x { padding-left: 20px }
.offset-3x { padding-left: 30px }
.offset-4x { padding-left: 40px }
.offset-5x { padding-left: 50px }
.blk-1x, .blk-2x, .blk-3x, .blk-4x { clear: both; overflow: hidden }
.blk-1x { height: 10px }
.blk-2x { height: 20px }
.blk-3x { height: 30px }
.blk-4x { height: 40px }
.blk-5x { height: 50px }
.blk-6x { height: 60px }
.blk-7x { height: 70px }
.blk-8x { height: 80px }
.col-fixed50 { width: 50px }
.col-fixed75 { width: 75px }
.col-fixed100 { width: 100px }
.col-fixed125 { width: 125px }
.col-fixed150 { width: 150px }
.col-fixed175 { width: 175px }
.col-fixed200 { width: 200px }
.row-1x { position: relative; margin: 0 -5px }
.row-2x { position: relative; margin: 0 -10px }
.row-3x { position: relative; margin: 0 -15px }
.row-4x { position: relative; margin: 0 -20px }
.row-5x { position: relative; margin: 0 -25px }
.row-6x { position: relative; margin: 0 -30px }
.group-span-xs>span { margin: 0 2px }
.group-span-1x>span { margin: 0 5px }
.group-span-2x>span { margin: 0 10px }
.group-span-3x>span { margin: 0 15px }
.group-span-4x>span { margin: 0 20px }
.group-span-5x>span { margin: 0 25px }
.group-span-5x>span { margin: 0 30px }
[class*=group-span-] span, [class*=text-group-] span, [class^=group-span-] span, [class^=text-group-] span { display: inline-block }
.padding-lr-small, .text-group-small>span { padding: 0 2px }
.padding-lr-1x, .text-group-1x>span { padding: 0 5px }
.padding-lr-2x, .text-group-2x>span { padding: 0 10px }
.padding-lr-3x, .text-group-3x>span { padding: 0 15px }
.padding-lr-4x, .text-group-4x>span { padding: 0 20px }
.padding-lr-5x, .text-group-5x>span { padding: 0 25px }
.padding-lr-6x, .text-group-6x>span { padding: 0 30px }
.padding-tb-1x { padding: 5px 0t }
.padding-tb-2x { padding: 10px 0 }
.padding-tb-3x { padding: 15px 0 }
.padding-tb-4x { padding: 20px 0 }
.padding-tb-5x { padding: 25px 0 }
.padding-tb-6x { padding: 30px 0 }
.vm { vertical-align: middle }
.vt { vertical-align: top }
.margin-0 { margin: 0 }
.clear { clear: both }
.full-height { height: 100% }
.full-height.top.bottom { margin: 0; padding: 44px 0 0 0 }
.unstyled { list-style: none; padding: 0; margin: 0 }
.font-normal { font-style: normal !important; font-weight: 400 !important }
.relative { position: relative }
.inline-block { display: inline-block }
.divider { border-bottom: 1px solid #ddd; height: 1px; overflow: hidden; clear: both }
.muted.divider { border-bottom: 1px solid #eee }
.disabled { opacity: .2 }
.pull-left { }
.pull-content { }
.img-control img { width: 100% }
.radius-none { border-radius: 0 !important }
.tip { font-size: 12px; line-height: 1.5; margin: 0; max-width: 500px }
.text-break.word-break { word-break: break-all; line-height: 1.2 }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle }
.text-control-lg, .text-control-md, .text-control-sm { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.text-control-sm { max-width: 100px }
.text-control-md { max-width: 200px }
.text-control-sm { max-width: 300px }
.control-right { position: absolute; right: 15px; top: 5px }
.inline-block.text-control-sm { display: inline-block }
[class*=text-group-]>span, [class=*="group-span-"] span, [class=^="group-span-"] span, [class^=text-group-]>span { display: inline-block; white-space: nowrap; word-break: break-all; word-wrap: break-word }
.justified2-2 li, .justified3-3 li, .justified4-4 li, .justified5-5 li { position: relative; float: left; text-align: center; list-style: none }
.justified2-2 li { width: 50% }
.justified3-3 li { width: 33.33% }
.justified4-4 li { width: 25% }
.justified5-5 li { width: 20% }
.fixed-w100 { width: 100px }
.fixed-w150 { width: 150px }
.fixed-w200 { width: 200px }
.fixed-w250 { width: 250px }
body, h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei", "Helvetica Neue", "Lantinghei SC", "Hiragino Sans GB", Arial, sans-serif; font-size: 150%; }
body, html { height: 100% }
body { background: #eee }
a { color: #000 }
a:focus, a:hover { text-decoration: none; color: #5ddcd3 }
::selection { background: #03a9f4; color: #fff }
.bold { font-weight: bolder }
.copyright { padding: 20px 0; font-size: 10px }
.form-control { border-radius: 2px; box-shadow: none }
.center-block { display: block; margin-right: auto; margin-left: auto }
.center-block { position: absolute; top: 30%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.important-mark:before { position: relative; line-height: 10px; overflow: hidden; top: 0; content: '\2734'; color: red }
.bg-popurle { background: #673ab7 }
.bg-blue { background: #29b6f6 }
.bg-orange { background: #ffc107 }
.bg-green { background: #8bc34a }
.bg-red { background: #e51c23 }
.bg-white { background: #fff }
.bg-black { background: #212121 }
.bg-dark { background: #9e9e9e }
.bg-blue, .bg-dark, .bg-green, .bg-orange, .bg-popurle, .bg-red { color: #fff }
.bg-gray { color: #fbfbfb }
.bg-white { background: #fff }
.bg { background: #eee }
.bg-primary { background: #54c6bd }
a.bg-info:hover { background-color: #039bef }
a.text-info:hover { color: #039bef }
.text-info { color: #03a9f4 }
a.bg-success:hover { background-color: #8bc34a }
a.text-success:hover { color: #8bc34a }
.text-success { color: #8bc34a }
a.bg-warning:hover { background-color: #ffca28 }
a.text-warning:hover { color: #ffca28 }
.text-warning { color: #ffc107 }
a.bg-danger:hover { background-color: #e84e40 }
a.text-danger:hover { color: #e84e40 }
.text-danger { color: #e51c23 }
a.bg-dark:hover { background-color: #bdbdbd }
a.text-dark:hover { color: #bdbdbd }
.text-dark { color: #9e9e9e }
.text-primary { color: #5ddcd3 }
.text-white { color: #fff }
.btn { font-weight: 500; border-radius: 2px; outline: 0 !important; color: #fff; border-radius: 3px; font-size: 1.05em !important }
.btn-xlg { padding: 15px 40px; font-size: 1.2em }
.btn-white { background: #fff; color: #000 }
.btn-outline { background: #fff; border: 1px solid #5ddcd3; color: #5ddcd3 }
.btn-outline:hover { background-color: #5ddcd3; color: #fff }
.btn-default { color: #666 !important; background-color: #eee; border-color: #ddd }
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { background-color: #fff; border-color: #ddd }
.btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default { background-image: none; background-color: #ddd }
.btn-primary { background-color: #5ddcd3; border-color: #5ddcd3 }
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { background-color: #54c6bd; border-color: #54c6bd }
.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-image: none; background-color: #309e96 }
.btn-rounded { padding-right: 15px; padding-left: 15px; border-radius: 50px }
.btn-rounded.btn-lg { padding-right: 25px; padding-left: 25px }
.btn>i.pull-left, .btn>i.pull-right { line-height: 1.42857143 }
.btn-block { padding-right: 12px; padding-left: 12px }
.btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 2px }
.btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 2px }
.btn-addon i { position: relative; float: left; width: 34px; height: 34px; margin: -7px -12px; margin-right: 12px; line-height: 34px; text-align: center; background-color: rgba(0, 0, 0, .1); border-radius: 2px 0 0 2px }
.btn-addon i.pull-right { margin-right: -12px; margin-left: 12px; border-radius: 0 2px 2px 0 }
.btn-addon.btn-sm i { width: 30px; height: 30px; margin: -6px -10px; margin-right: 10px; line-height: 30px }
.btn-addon.btn-sm i.pull-right { margin-right: -10px; margin-left: 10px }
.btn-addon.btn-lg i { width: 45px; height: 45px; margin: -11px -16px; margin-right: 16px; line-height: 45px }
.btn-addon.btn-lg i.pull-right { margin-right: -16px; margin-left: 16px }
.btn-addon.btn-default i { background-color: transparent; border-right: 1px solid #dee5e7 }
.btn-link { color: #673ab7 }
.btn-text.btn-block:focus { outline: 0 }
.btn-text.btn-block { display: block; text-align: center; line-height: 40px; color: #5ddcd3; border: none; border-left: 1px solid #ddd; background: #fff }
.btn-text:hover.btn-block { display: block; text-align: center; line-height: 40px; color: #54c6bd }
.btn-check { color: #666 !important; background-color: #eee; border-color: #ddd }
.btn-check.active { background-color: #29b6f6; border-color: #29b6f6; color: #fff !important }
.btn-group-md .btn { padding: 10px 15px; font-size: 1.1em; font-weight: 700 }
.btn-important { background: #50cb8c; color: #fff }
.btn-important:hover { background: #198d62; color: #fff }
.label-info { background: #03a9f4 }
.large.btn { font-size: 24px; padding: 10px 50px }
.xlarge.btn { font-size: 26px; padding: 15px 80px }
.large.btn { font-size: 24px; padding: 10px 50px }
.xlarge.btn { font-size: 26px; padding: 15px 80px }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #5ddcd3; border-color: #5ddcd3 }
.pagination>li>a, .pagination>li>span { color: #000; padding: 6px 12px 6px }
.pagination>li>a:hover { color: #5ddcd3 }
.pagination-input { display: inline-block; margin-bottom: 10px; line-height: 100% }
.pagination-input>span { display: inline-block }
.pagination-input .form-control { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #ddd }
.pagination-input .input-group-btn .btn { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.modal { z-index: 30000000 !important }
.modal-content { border-radius: 0 }
.padding-1x { padding: 5px }
.padding-2x { padding: 10px }
.padding-3x { padding: 15px }
.padding-4x { padding: 20px }
.padding-5x { padding: 25px }
.padding-6x { padding: 30px }
.fixes.bottom { padding-bottom: 51px }
.control-label { font-weight: 400 !important; line-height: 1.2 }
select { -webkit-appearance: none; padding-right: 20px; padding: 0 24px 0 8px; height: 34px; border: 1px solid #ddd; background: #fff url(../images/arrow.png) no-repeat right 9px; background-image: url(../images/arrow.png) !important; background-size: 16px; border: none; border-radius: 2px }
select.form-control { position: relative }
.form-control { }
.form-control:focus { border-color: #309e96; outline: thin dotted; outline: 5px auto #5ddcd3; outline-offset: -2px }
.form-group .addon-text { line-height: 32px }
.form-inline .form-group-inline, .input-group { display: table; width: 100%; margin-bottom: 10px }
.form-group-inline input[type=search], .form-group-inline input[type=submit], .form-group-inline select, .form-group-inline textarea, .form-inline .form-group-inline input[type=text], .form-inline .form-group-inline select, .form-inline .form-group-inline>span, .input-group input[type=text], .radio-group, .radio-group-inlne { float: left; width: 100%; display: table-cell; vertical-align: middle }
.form-inline .form-group-inline .addon, .form-inline .form-group-inline>label { display: table-cell; white-space: nowrap; position: relative; vertical-align: middle; width: 1% }
.form-group-inline .checkbox-inline, .form-group-inline .radio-inline { margin: 0 0 0 5px; padding: 0 15px }
.form-group-line { position: relative; display: table; width: 100% }
.form-group-line input[type=text] { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.form-group-line .form-addon, .form-group-line label { width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; text-align: right; padding-right: 10px }
.form-group-line label { position: relative; z-index: 100; min-width: 80px; border: 0; font-size: .9em }
.user-panel .form-group-line label { position: absolute; line-height: 2.6; color: #999 }
.user-panel .form-group-line label i { position: relative; top: 1px; right: 5px }
.user-panel .form-group-line input[type=text] { padding-left: 70px }
.form-group-line label.control-label-md { min-width: 100px }
.form-group-line .vcode img { height: 30px }
.form-group-line .input-group-btn .btn { height: 34px }
.form-group-line .input-group-addon.vcode { padding: 0 8px; background: #fff }
.form-group-line .auto.control-label { min-width: auto }
.form-group-line .auto.control-label i { position: relative; top: 3px; font-style: normal }
.input-group-addon.vcode, .input-group-sm .input-group-addon.vcode { padding: 0 8px; background: #fff }
.input-group-addon.vcode img, .input-group-sm .input-group-addon.vcode img { height: 26px }
.radio-feedback { position: relative; padding: 0 0 0 25px; }
.radio-feedback input[type="radio"] { opacity: 0; position: absolute; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; content: '\F00C'; }
.radio-feedback label { position: relative; font-weight: normal; margin: 0; padding: 0 0 0 25px; }
.radio-feedback label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 18px; height: 18px; display: inline-block; border-radius: 50px; border: 1px solid #bbb; background: #fff; }
.radio-feedback input[type="radio"]:checked + label:after { background: #54c6bd; position: absolute; display: inline-block; font-family: 'icon-font'; content: "\e913"; top: 2px; left: 0px; text-align: center; border-radius: 9px; font-size: 11px; line-height: 18px; width: 18px; height: 18px; color: #fff; }
.checkbox { padding-left: 20px }
.checkbox label.label-style { display: inline-block; padding-left: 0; position: relative }
.checkbox label.label-style::before { -webkit-transition: .3s ease-in-out; background-color: #fff; border-radius: 3px; border: 1px solid #ddd; content: ""; display: inline-block; width: 17px; height: 17px; left: 0; top: 3px; margin-left: -20px; position: absolute; transition: .3s ease-in-out; outline: 0 !important }
.checkbox label.label-style::after { color: #ddd; display: inline-block; font-size: 14px; width: 17px; height: 17px; left: 0; margin-left: -20px; padding-left: 2px; padding-top: 1px; position: absolute; top: 0 }
.checkbox input[type=checkbox] { cursor: pointer; opacity: 0; z-index: 1; outline: 0 !important }
.checkbox input[type=checkbox]:disabled+label.label-style { opacity: .65 }
.checkbox input[type=checkbox]:focus+label.label-style::before { outline-offset: -2px; outline: 0; outline: thin dotted }
.checkbox input[type=checkbox]:checked+label.label-style::after { content: "\e913"; font-family: 'icon-font' }
.checkbox input[type=checkbox]:disabled+label.label-style::before { background-color: #eee; cursor: not-allowed }
.checkbox input[type=checkbox].input-style { width: 28px; height: 28px }
.checkbox.checkbox-inline { margin-top: 0 }
.checkbox.checkbox-single label.label-style { height: 60px }
.checkbox-primary input[type=checkbox]:checked+label::before { background-color: #5ddcd3; border-color: #5ddcd3 }
.checkbox-primary input[type=checkbox]:checked+label::after { color: #fff }
.select-inline { padding: 5px; border: 1px solid #ccc; border-radius: 3px; min-width: 100px }
.binding-login, .login { position: relative; background: url(../images/bg.png) no-repeat; width: 100%; height: 100%; background-size: cover; overflow: hidden }
.binding-login { padding-top: 100px }
.binding-login .brand{ width: 200px;  margin: auto}
.binding-login .brand img{ width: 100%; }
.binding-login .tip { text-align: left; color: #fff }
.binding-login a { color: #fff }
.login .form-panel { padding: 0 30px }
.login .form-panel .form-line { position: relative; margin-bottom: 1px }
.login .form-panel input[type=text] { height: 50px; line-height: 50px; border: none; width: 100%; padding: 0 0 0 20px; font-size: 1em }
.login .form-panel input:focus { outline: 0; background: rgba(255, 255, 255, .8) !important }
.login .form-panel label { position: absolute; top: 12px; left: 15px; font-size: 1.5em; color: #35b0a7 }
.login .form-panel .form-line:first-child input { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important }
.login .form-panel .form-line+.form-line input { border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important }
.login .btn { background: #35b0a7; border: 1px solid #35b0a7; height: 50px; line-height: 50px; font-size: 1.2em; color: #fff; padding: 0; border-radius: 6px; font-weight: 700 }
.login .btn:hover { background: #21948c; color: #fff }
.login .forget-words { color: #fff }
.login .win-tool i { position: relative; right: 10px; paddingregreger: 5px 5px 2px 5px }
.login .win-tool i img { vertical-align: top }
.login .logo-login { text-align: center }
.login .logo-login img { width: 200px; margin: 100px 0 50px }
.login .code, .login .counts { position: absolute; right: 15px; top: 13px; }
.login .code.btn-primary{ padding: 3px 10px; }
.app-nav { position: fixed; bottom: 0; margin: 0; padding: 0; height: 51px; border-top: 1px solid rgba(0, 0, 0, .1); background: rgba(255, 255, 255, .95); z-index: 10000 }
.app-nav { font-size: 10px; text-align: center; width: 100% }
.app-nav li i { display: block; height: 23px; line-height: 20px; font-size: 2em; margin: 6px 0 2px 0 }
.app-nav li a { color: #999 }
.app-nav li.active a { color: #54c6bd }
.tabs.nav-tabs>li.active a { color: #5ddcd3 }
.tabs.nav-tabs { position: relative; float: left; width: 100%; height: 49px; background: #fff; line-height: 50px; color: #333; font-size: 1em; text-align: center; text-align: center; padding: 0; margin: 0; }
.tabs.nav-tabs>li { text-align: center }
.tabs.nav-tabs>li>a { border: none }
.tabs.nav-tabs>li.active>a, .tabs.nav-tabs>li>a:hover { color: #35b0a7 }
.tabs.nav-tabs>li.active>a:focus, .tabs.nav-tabs>li.active>a:hover { border: none }
.tabs.nav-tabs>li:before { position: absolute; top: 15px; left: 0; display: block; width: 1px; height: 20px; background-color: #eee; content: ' ' }
.tabs.nav-tabs>li:first-child:before { left: -9999px }
.tabs.nav-tabs>li.active:after { position: absolute; bottom: 1px; display: block; width: 100%; height: 2px; background-color: #35b0a7; content: ' ' }
.list.control { margin: 0; padding: 0 }
.list li .pull-content { position: absolute; left: 15px }
.list li { text-align: right; border-bottom: 1px solid #eee; line-height: 50px }
.list.control li { list-style: none }
.topbar { position: fixed; top: 0; left: 0; z-index: 10020; width: 100%; height: 44px; background: #00adb2; color: #fff; line-height: 44px; text-align: center; }
.topbar i { font-size: 1.4em }
.topbar .goback { position: absolute; left: 10px; top: 5px }
.topbar .toolbar { position: absolute; right: 15px; top: 3px }
.topbar .title { font-size: 1.2em }
.topbar a { color: #fff }
.topbar .btn { padding: 0; line-height: 44px; color: #fff; opacity: .8 }
.topbar .brand { position: absolute; left: 10px; top: 0; height: 30px; }
.topbar .brand img { display: inline-block; height: 50%; }
.doctor-profile { padding: 20px 20px 74px; background: #54c6bd; color: #fff; position: relative; top: 44px; }
.doctor-profile .photo { width: 90px; height: 90px; float: left; position: relative; top: 10px; }
.doctor-profile .photo img { width: 100%; border: 1px solid #fff; }
.doctor-profile .info { overflow: hidden; padding-left: 20px; }
.doctor-profile .info h3 { font-size: 1.4em; font-weight: bold; }
.doctor-profile .info h4 { font-weight: bold; font-size: 1.2em; }
.doctor-profile .info h5 { font-weight: normal; font-size: 1em; }
.doctor-profile .info p { }
.doctor-profile .info .tag { margin-bottom: 2px; font-size: .8em; }
.doctor-profile .info .tag span { display: inline-block; background: rgba(255, 255, 255, 0.20); }
.profile-num { position: relative; height: 40px; text-align: center; background: #eee; }
.profile-num span { position: relative; z-index: 100; top: 10px; background: #eee; padding: 0 10px; display: inline-block; margin: auto; color: #666; }
.profile-num span em { font-style: normal; color: #54c6bd; }
.profile-num:after { position: absolute; left: 0; top: 20px; width: 100%; height: 1px; background: #ddd; content: "" }
.section.heading { position: relative; }
.section.heading.md { height: 40px; line-height: 40px }
.section.heading.icon { padding-left: 10px }
.section.heading.icon:before { position: absolute; width: 3px; height: 16px; left: 0; top: 13px; background: #5ddcd3; content: "" }
.section.heading b { display: inline-block; line-height: 40px; font-size: 14px }
.section.heading { }
.doctor-detail { padding: 44px 0 0 }
.doctor-detail .section.heading { padding: 5px 0 5px 10px; border-bottom: 1px solid #ddd; color: #5ddcd3; }
.doctor-detail .section.heading.icon:before { position: absolute; width: 6px; height: 6px; left: 0; top: 11px; background: #5ddcd3; border-radius: 3px; content: "" }
.doctor-detail .item { padding: 0 15px; margin-bottom: 15px; }
.doctor-detail .img img { width: 100%; }
.doctor-detail .img { position: relative }
.doctor-detail .img .title { padding: 5px 10px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; }
.doctor-detail .item li { padding-left: 12px; color: #333; }
.doctor-detail .item li:before { position: relative; padding-right: 5px; top: 0; content: "\e913"; font-family: "icon-font"; color: #5ddcd3; font-size: .8em; }
.doctor-detail .item li b { color: #5ddcd3; font-weight: normal }
.feedback { padding-top: 54px; }
.feedback .header { text-align: center; color: #5ddcd3; }
.feedback .header .photo { display: inline-block; width: 80px; height: 80px; }
.feedback .header .photo img { width: 100%; border-radius: 40px; }
.feedback h4 { font-size: 1em; font-weight: bold; padding: 10px 15px; margin: 0; background: #5ddcd3; color: #fff; }
.feedback .item { padding: 10px 15px; border-bottom: 1px solid #eee; }
.feedback .item .heading { color: #5ddcd3; margin-bottom: 10px; }
.feedback .item textarea { height: 80px; overflow: auto; resize: none; }
.feedback .item ul.onehalf li { display: inline-block; width: 45%; }
.feedback .item li { padding: 5px 0; }
.rating { }
.rating b { position: relative; top: -3px; font-weight: 400; padding-right: 10px }
.ratyli { display: inline-block; position: relative; top: 2px; margin-left: 10px; }
.ratyli .rate { color: #999; font-size: 24px }
.ratyli span { display: inline-block; padding: 0 3px }
.ratyli .rate-empty { color: #999 }
.ratyli.rated .rate-full { color: #54c6bd }
.ratyli .rate-active { color: #54c6bd }
.order { position: relative; clear: both; }
.order .item { position: relative; background: #fff; margin-bottom: 10px; padding: 20px 15px; }
.order .o-price { color: #fc4a52 }
.order li { padding: 0 0; }
.order .control-right { top: 25px; right: 15px; width: 80px; }
.order .control-right.fixes { top: 45px; }
.order .control-right .btn { display: block !important; margin-bottom: 5px; text-align: center; }
.info-list { padding-top: 44px; }
.info-list .section.heading { line-height: 30px; line-height: 30px; margin-bottom: 0; padding-left: 15px; }
.info-list .section.heading .control-right { top: 0; }
.info-list .section.heading:before { top: 7px; left: 8px; }
.info-list .section { }
.info-list .section .heading { padding: 5px 15px; color: #54c6bd; font-size: 1.1em; }
.info-list .section .tip { font-size: 1em }
.info-list .section .tip-box { border: 1px solid #ddd; padding: 10px; margin: 10px 0; line-height: 1; color: #666; }
.info-list .section .thumb { margin: 0 -10px; text-align: left }
.info-list .section .thumb li { display: inline-block; width: 33.333333%; padding: 10px; }
.info-list .section .thumb li span { position: relative; display: block; }
.info-list .section .thumb li span img { width: 100%; }
.info-list .section .thumb li span .del { position: absolute; right: -5px; top: -5px; display: inline-block; background: #54c6bd; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-style: normal; color: #fff; }
.info-list .label { padding: 0; }
.info-list .section .group-item { border: 1px solid #ddd; padding: 0 10px; background: #fff; margin: 10px; overflow: hidden }
.info-list .section .group-item .item-header { background: #f7f7f7; margin: 0 -10px; padding: 5px 10px; border-bottom: 1px solid #ddd; color: #54c6bd }
.info-list .section .group-item .item-body { padding: 10px 0; }
.info-list .section .group-item .item { padding: 0; }
.info-list .section .item .btn-group { position: relative; top: -1px; }
.info-list .section .group-item .item-body .pull-content h4 { font-size: 1em; color: #54c6bd; margin: 0 0 5px; }
.info-list .section .group-item .item-body .content p { margin: 0 0 5px; }
.info-list .section .group-item .item-body .pull-right img { width: 114px; }
.info-list .section .item .step { background: #f7f7f7; padding: 10px; }
.info-list .section .group-item .radio-feedback { padding: 0; }
.info-list .section .group-item .radio-feedback input[type="radio"]:checked + label:after { top: 1px; }
.info-list .section .group-item .item:last-child { border-bottom: 0; }
.foot-btn span { display: inline-block; padding: 0 10px; }
.info-list .section .item ul.text li { padding: 0; line-height: 1.5; }
.tip-success { padding: 50px 40px; }
.tip-success .icon-box { width: 60px; height: 60px; margin: auto; border-radius: 40px; background: #5ddcd3; text-align: center; line-height: 60px; font-size: 2em; color: #fff; }
.tip-success p { margin: 10px 0; font-size: 1.1em; line-height: 1.8; }
.section { position: relative; margin-bottom: 10px; }
.section:last-child { }
.section .heading { width: 100%; background: #fff; color: #54c6bd; border-bottom: 1px solid #ddd; padding: 0 15px; }
.section .heading>i { position: relative; top: 2px; display: inline-block; width: 4px; height: 15px; background: #54c6bd; }
.section .heading h4 { display: inline-block; position: relative; left: 3px; font-size: 1.1em; font-weight: normal }
.section .heading small { position: relative; top: -1px; color: #999; padding-left: 10px; }
.section .heading .control-right { top: 9px; }
.section .heading .control-right>a { color: #999; font-size: .9em }
.section .heading .control-right>a:hover { color: #54c6bd }
.section .body { padding: 15px; background: #fff; }
.tag-list { margin: 0 -10px; overflow: hidden; }
.tag-list span { display: inline-block; white-space: nowrap; padding: 2px 10px; }
.resume { margin-bottom: 0; }
.section .body .resume .item { margin-bottom: 10px; }
.section .body .resume .item:last-child, .section .body .comments .item:last-child { margin-bottom: 0; }
.resume .time { width: 60px; float: left; }
.resume .info { overflow: hidden; }
.section .body .comments { overflow: hidden; }
.section .body .comments .item { margin-bottom: 10px; }
.section .body .comments .item:after, .section .body .topic .item:after { padding-top: 6px; display: block; border-bottom: 1px solid #eee; content: "" }
.section .body .comments .item:last-child:after, .section .body .topic .item:last-child:after { border-bottom: 0 }
.section .body .comments .item .header { margin-bottom: 5px; }
.section .body .comments .item .header h5 { display: inline-block; margin: 0; font-size: .9em; color: #54c6bd; }
.section .body .comments .item .header .sort { display: inline-block; padding-left: 10px; }
.section .body .comments .item .tag { margin: 0 -5px; }
.section .body .comments .item .tag span { display: inline-block; padding: 3px 5px; border: 1px solid #ddd; color: #666; font-size: .8em; margin: 0 5px; }
.section .body .comments .content { padding: 10px 0; }
.section .body .doctor-comments { border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; }
.section .body .doctor-comments>.header .control-right { top: 9px; right: 0; }
.section .body .doctor-comments>.header .control-right>a:hover { color: #54c6bd }
.section .body .doctor-comments>.header .control-right>a { color: #999; font-size: .9em }
.section .body .doctor-comments>.header { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.section .body .doctor-comments>.header .photo { width: 40px; height: 40px; float: left; position: relative; top: -2px; }
.section .body .doctor-comments>.header .photo img { width: 100%; border: 1px solid #fff; }
.section .body .doctor-comments>.header .info { overflow: hidden; padding-left: 10px; }
.section .body .doctor-comments>.header .info h4 { font-size: 1.1em; margin: 2px 0 5px; }
.section .body .doctor-comments>.header .info h5 { font-size: .9em; margin: 0; }
.section .body .doctor-comments .comments .item:last-child .content { padding-top: 10px; }
.section .body .topic { }
.section .body .topic .item { padding: 0 0 10px; }
.section .body .topic .item:last-child { padding: 0; }
.section .body .topic .img { float: left; width: 100px; }
.section .body .topic .img img { width: 100%; }
.section .body .topic .content { overflow: hidden; padding-left: 10px; }
.section .body .topic .content h4 { position: relative; top: 0; height: 22px; line-height: 22px; font-size: 1.1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 5px; font-weight: bold }
.section .body .topic .content p { padding: 0 0 0 0; font-size: .9em; color: #666; margin: 0; }
.section .body .topic .content .item:last-child p, .section .body .comments .item:last-child .content { padding: 0; }
.section .body .topic .content .block-bar { font-size: .8em; color: #999; padding-bottom: 5px; }
.section .body .topic .content .block-bar i { font-style: normal; color: #54c6bd; }
.section .body .comments .item:last-child:after, .section .body .topic .item:last-child:after { padding: 0; }
.price { margin: 0 -10px }
.price .item { float: left; width: 33.333333%; padding: 0 10px; }
.price .item .price-box { width: 100%; border: 1px solid #54c6bd; padding: 9px 10px; background: #fff; border-radius: 6px; text-align: center; }
.price .item .price-box b { font-size: 1.1em; display: block; color: #54c6bd; }
.price .item .price-box em { font-size: 0.9em; font-style: normal; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.price .item ul { margin: 10px 0 0; }
.price .item li { padding: 2px 0; font-size: .8em; color: #54c6bd; padding-left: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.price .item li i { display: inline-block; position: relative; top: -2px; width: 4px; height: 4px; border-radius: 4px; background: #54c6bd; margin-right: 3px; }
.price .item a:hover .price-box b, .price .item a:hover .price-box em { color: #fff; }
.price .item a:hover .price-box { background: #54c6bd; }
.doctor-level { position: relative; background: #fff; }
.doctor-level .item { padding: 10px 15px; border-bottom: 1px solid #eee; }
.doctor-level .img { float: left; position: relative; top: 10px; width: 80px; }
.doctor-level .img img { width: 100%; }
.doctor-level .content { overflow: hidden; padding: 2px 0 0 20px; }
.doctor-level .content h4 { display: inline-block; font-weight: normal; margin: 3px 0; font-size: 1.6rem; color: #54c6bd }
.doctor-level .content .d-price { display: inline-block; position: relative; left: -2px; top: 2px; color: #E72424; font-size: 1.4em; }
.doctor-level .content .btn-outline { padding: 3px 8px; }
.doctor-level .content h4 { }
.doctor-level .content h4 a:hover { color: #B69364 }
.doctor-level .content h4 i { position: relative; top: 3px; padding-left: 10px; }
.doctor-level .content p { color: #666; margin: 2px 0 5px 0; }
.doctor-list { width: 100%; overflow-y: scroll; }
.doctor-list .item { position: relative; display: table-cell; width: 100px; text-align: center; padding-right: 15px; }
.doctor-list .item:last-child { padding-right: 0; }
.doctor-list .item .photo { width: 100px; height: 100px; }
.doctor-list .item .photo img { width: 100%; border-radius: 50px; }
.doctor-list .item h4 { font-size: 1.1em; margin: 5px 0; }
.doctor-list .item h5 { font-size: .9em; color: #999; margin: 2px  0; }
.doctor-list .item h5:last-child { height: 32px; line-height: 1.1; margin-top: 5px; }
.doctor-list .item .btn-outline { padding: 3px 8px; }
.doctor-mark { position: relative; top: -5px; padding: 0 5px 1px 5px; background: #fc4a52; border-radius: 5px; color: #fff; text-align: center; font-size: .8em; font-style: normal; }
.w-container { display: table; width: 100%; }
.flow img { width: 100% }
.mm-listview .mm-listview li a { padding-left: 25px; }
.mm-listview li.active { position: relative; padding-left: 10px; }
.mm-listview li.active:before { position: absolute; top: 16px; left: 18px; width: 8px; height: 8px; border-radius: 4px; background: #E72424; content: "" }
.article { padding-top: 44px; background: #fff; }
.article .img { width: 90%; }
.article .img img { max-width: 100%; }
.article .header { text-align: center; padding: 20px 0 0; }
.article .header h1 { font-size: 1.3em; margin: 0 0 5px; color: #5ddcd3 }
.article .header small { font-size: .8em; opacity: .8; }
.article .header middle { font-size: .95em; opacity: .8; }
.article .body { padding: 20px; }
.article .body p { font-size: 1.1em; line-height: 1.8; text-indent: 2.1em; margin-bottom: 10px; }
.doctor-cards { }
.doctor-cards .img { float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 5px; }
.doctor-cards .img img { width: 100%; border-radius: 50%; }
.doctor-cards .content { overflow: hidden }
.doctor-cards .content h4 { font-size: 1em; margin: 4px 0 0; }
.doctor-cards .content span { font-size: 0.8em; }
.doctor-fixed-bottom { background: #fff; }
.doctor-consult { position: fixed; bottom: 0; width: 100%; background: #fff; padding: 10px 5px; box-shadow: 0 -1px 3px rgba(0, 0, 0, .1) }
.doctor-consult .control { position: absolute; right: 0; top: 0; height: 100%; background: #fc4a52; color: #fff; }
.doctor-consult .control span { display: table-cell; text-align: center; padding: 0  5px 0 10px; vertical-align: middle }
.doctor-consult .control b { font-size: 1.2em; display: block; padding-top: 7px; }
.doctor-consult .control del { font-size: .8em; letter-spacing: 2px; position: relative; top: -5px; }
.doctor-consult .control .zx { font-size: 1.2em; line-height: 60px; }
.like-block { text-align: center; padding: 10px 0; margin-bottom: 70px; }
.like-block i { display: inline-block; width: 60px; height: 60px; border-radius: 30px; border: 1px solid #ddd; background: #fff; text-align: center; line-height: 60px; font-size: 2em; color: #fc4a52; }
.like-block i:focus, .like-block i:hover { background: #fc4a52; color: #fff; }
.like-block h4 { margin: 10px 0; color: #666; font-size: 0.9em; }
.consult { position: fixed; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: #fc4a52; box-shadow: 0 -1px 3px rgba(0, 0, 0, .1) }
.consult .share { float: left; width: 60px; text-align: center; line-height: 50px; background: #fff; color: #fc4a52; font-size: 1.6em; }
.consult .content { overflow: hidden; text-align: center; font-size: 1.2em; color: #fff; }
.consult .content small { position: relative; top: -2px; font-size: .6em; }
.consult .content a { color: #fff; }
.consult .content:hover { background: #f13039; }
.consult .share a { color: #fc4a52; }
.consult .share a:hover { color: #f13039; }
.sort { height: 11px; margin-left: 10px; }
.sort-3, .sort-4, .sort-5 { width: 63px; height: 11px; background-image: url(../images/sort.png); background-repeat: no-repeat; background-size: 63px 32px; }
.sort-3 { background-position: 0 0 }
.sort-4 { background-position: 0 -11px }
.sort-5 { background-position: 0 -22px }

/* --bxslider --*/
.slider { position: relative; overflow: hidden; width: 100%; position: relative; top: 44px; }
.bxslider li { text-align: center; }
.bxslider li img { width: 100%; }
.bx-wrapper { position: relative; z-index: 1000; margin: auto; padding: 0; width: 100%; height: 100%; }
.bx-wrapper img { display: block; max-width: 100%; }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: 0px; width: 100%; }
.bx-wrapper .bx-loading { position: absolute; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; min-height: 50px; }
.bx-wrapper .bx-pager { padding-top: 20px; color: #666; text-align: center; font-weight: 700; font-size: .85em; font-family: Arial; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { display: block; margin: 0 5px; width: 8px; height: 8px; outline: 0; border: none; border: 1px solid #fff; border-radius: 5px; text-indent: -9999px; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgba(255, 255, 255, .8); }
.bx-wrapper .bx-prev:hover { background-position: 0 0; transition: all 0s ease 0s; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; transition: all 0s ease 0s; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; z-index: 9999; width: 32px; height: 32px; outline: 0; text-indent: 99999px; }
.bx-wrapper .bx-prev { left: 50px; background: url(../images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 50px; background: url(../images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; margin: 0 3px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; text-indent: -9999px; }
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; margin: 0 3px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; text-indent: -9999px; }
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 80%; text-align: left; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(80, 80, 80, .75); }
.bx-wrapper .bx-caption span { display: block; padding: 10px; color: #fff; font-size: .85em; font-family: Arial; }
.slider [class*=bg-banner-], .slider [class^=bg-banner-] { height: 160px; }
.bx-thumb { position: absolute; bottom: 20px; left: 50%; z-index: 4000; margin-left: -232px; width: 488px; }
.bx-thumb a { float: left; display: block; margin: 5px; border: 4px solid #fff; background: #000\9; background: rgba(0, 0, 0, .9); }
.bx-thumb img { display: block; opacity: .3; }
.bx-thumb a.active { border-color: #358148; }
.bx-thumb a.active img { opacity: 1; }
footer { position: relative }
footer .img { }
footer .img img { width: 100%; }
.fixes.top { position: relative; margin-top: 44px; z-index: 100 }
.fixes.top.margin { margin-top: 0px; }
table th { text-align: center }
.list .item h4 { font-weight: 700 }
.list .item p { margin-bottom: 5px }
.app-list .item { background: #fff }
.app-list .item:after { display: block; content: ""; clear: both }
.app-list .item.photo { line-height: 75px; padding: 10px 0; width: 100%; padding-right: 15px }
.app-list .item.photo img { width: 100px }
.app-list .item .pull-content { position: absolute; left: 15px }
.app-list .item { text-align: right; border-bottom: 1px solid #eee; line-height: 50px; padding-right: 15px }
.filter { width: 100%; background: #fff; position: fixed; z-index: 200; font-size: .9em }
.filter>ul { margin: 0; padding: 0; list-style-type: none; border-bottom: solid 1px #ddd; height: 48px }
.filter>ul>li { margin-left: -1px }
.filter.justified3-3>ul>li { width: 33.333333% }
.filter.justified4-4>ul>li { width: 25% }
.filter>ul>li>a { position: relative; float: left; width: 100%; height: 48px; line-height: 48px; color: #333; font-size: 1em; text-align: center; text-align: center }
.filter>ul>li>a>span:after { position: absolute; top: 50%; right: -10px; margin-top: -6px; width: 6px; height: 6px; border: #999 solid; border-width: 1px 1px 0 0; content: ' '; -webkit-transform: rotate(135deg) }
.filter>ul>li>a>span { display: inline-block; position: relative; left: -4px }
.filter>ul>li span.up { color: #007ccf; border-bottom: 2px solid #007ccf }
.filter>ul>li span.up:after { margin-top: 0; border: #007ccf solid; border-width: 1px 1px 0 0; -webkit-transform: rotate(-45deg) }
.filter>ul>li>a:last-child:before { position: absolute; top: 15px; left: 0; display: block; width: 1px; height: 20px; background-color: #ebebeb; content: ' ' }
.filter .sub { position: relative }
.filter-bar>span { display: inline-block; width: 35%; padding: 5px; vertical-align: top }
.filter-bar>span+span { width: 65% }
.filter-bar>span input { padding: 0 5px }
.filter-bar>span .input-group { margin: 0 }
.filter-bar>span .input-group-addon { padding: 6px; border-width: 1px 0 }
.search i { position: absolute; top: 15px; left: 10px; color: #999 }
.filter-bar>span .search input { padding-left: 20px }
.wanbao { position: absolute; width: 100%; top: 50%; margin-top: -250px; padding: 10px 50px }
.wanbao-image { width: 160px; margin: 20px auto }
.wanbao-image img { width: 100% }
.wanbao-info.info-tip { text-align: center; line-height: 2; margin-top: 40px }
.wanbao-info p { text-indent: 2em }
.wanbao-btn { margin-top: 50px }
.wanbao-btn .btn { display: block; padding: 10px; border-radius: 6px; margin-bottom: 10px; background: #fff; color: #35b0a7 }
.wanbao-btn .btn:hover { background: rgba(255, 255, 255, .6) }
.signature { position: absolute; right: 50px; margin-top: -10px }
.signature img { width: 60px }
.doctors-profile { background: #35b0a7; color: #fff; overflow: hidden; padding: 20px 20px; text-align: center }
.doctors-profile .photo { display: block; width: 60px; height: 60px; margin: auto }
.doctors-profile .photo img { border-radius: 50%; border: 2px solid #fff }
.doctors-profile .info h2 { font-size: 1.1em; margin-top: 10px }
.doctors-profile .info h4 { font-size: .8em }
.doctors-profile .tixian { position: absolute; top: 15px; right: 15px }
.doctors-profile .status { display: table; width: 100% }
.doctors-profile .status .item i { display: inline-block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 20px; font-size: .8em; font-style: normal; text-align: center; line-height: 40px }
.doctors-profile .status .item .content { display: inline-block; padding-left: 10px }
.doctors-profile .status .item { display: table-cell }
.doctors-profile .status .item .status-label { font-size: .8em }
.doctors-profile .status .item .num { font-size: 1.2em; font-weight: 700 }
.doctors-profile .btn { padding: 5px 10px; border: 1px solid #fff; color: #fff }
.services-setting .table { margin-bottom: 0 }
.services-setting thead th { font-size: .8em; color: #666; font-weight: 400 }
.services-setting .input-group { width: 90px; margin: 0 auto }
.services-setting .input-group .input-group-addon { padding: 5px 6px }
.services-setting .input-group input { padding: 5px }
.services-setting .btn { padding: 10px 80px !important }
.binding h2 { font-size: 1.1em; text-align: center; margin: 15px 0 }
.binding .bank .item .card-info, .binding .social .item .social-info { overflow: hidden }
.binding .bank .item .card-info h4 { font-size: 1.2em; margin: 7px 0 8px 0 }
.binding .bank .btn { top: 20px }
.binding .social .btn { top: 25px }
.binding .social .item { line-height: 50px }
.binding .item { position: relative; padding: 10px 15px; border-bottom: 1px solid #eee }
.binding .item .brand { width: 50px; height: 50px; float: left; margin-right: 10px }
.binding .item .brand img { width: 100% }
.binding .item .btn { position: absolute; right: 15px; background: #fff; color: #333; border: 1px solid #ccc; border-radius: 6px }
.binding .item .btn:hover { color: #35b0a7 }
.binding .addon { position: relative; padding: 10px 15px }
.binding .addon .arrow { position: absolute; right: 15px; top: 10px; font-size: 1.2em }
.binding .heading { padding: 20px; text-align: center }
.binding .heading .icon { display: inline-block; width: 50px; height: 50px }
.binding .heading .icon img { width: 100% }
.binding .heading h4 { display: inline-block; padding: 5px 10px; font-size: 1.1em }
.select-item { margin: 0 -5px; padding: 0 }
.select-item .feeds { display: inline-block; padding: 0 5px }
.select-item span { display: block; position: relative; padding: 8px 25px 8px 5px; border: 1px solid #ddd; margin-bottom: 10px; font-size: .9em }
.select-item span.active { background: #54c6bd; border: 1px solid #35b0a7; color: #fff }
.select-item span.active i { display: block }
.select-item span i { display: none; position: absolute; top: 12px; right: 5px; color: #fff; font-size: 1em }
.appoinment-list { padding-top: 36px }
.appoinment-list .item { background: #fff; padding: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd }
.appoinment-list .item .circle-box { float: left; width: 40px; height: 40px; border-radius: 40px; background: #cfecea; color: #fff; font-size: 1.8em; text-align: center; line-height: 39px }
.appoinment-list .item .info { overflow: hidden; margin: 0; padding: 0 0 0 20px }
.appoinment-list .item .info li { list-style: none; font-size: .9em; line-height: 1.8 }
.appoinment-list .item .info h4 { font-size: 1em }
.hospital-list .item { display: table; width: 100%; background: #fff; padding: 10px 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd }
.hospital-list .item .img { display: table-cell; width: 120px; vertical-align: middle }
.hospital-list .item .img img { width: 100% }
.hospital-list .item .img h4 { font-size: .8em; text-align: center }
.hospital-list .item .content { display: table-cell; vertical-align: middle; padding-left: 10px }
.hospital-list .select-list span { position: relative; display: block; width: 100%; height: 35px; border: 1px solid #ddd; background: #fcfcfc; text-align: center; line-height: 35px; margin-bottom: 5px }
.hospital-list .select-list span a { color: #54c6bd }
.hospital-list .select-list span:last-child { margin-bottom: 0 }
.hospital-list .select-list span:hover { background: #5ddcd3 }
.hospital-list .select-list span:hover i { position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 1px solid #35b0a7; z-index: 100 }
.hospital-list .select-list span:hover a { color: #fff }
.block-list .item .arrow { position: absolute; top: 50%; margin-top: -15px; right: 15px; width: 20px; height: 20px; font-size: 1.5em; color: #999 }
.block-list .item { background: #fff; position: relative; padding: 15px; border-bottom: 1px solid #ddd; height: auto; overflow: hidden; font-size: 1.1em; }
.block-list .item:hover { background: #f6f6f6 }
.block-list .item .title { font-size: 1.2em; margin: 3px 0 5px -3px }
.block-list .item .title span { padding: 0 3px }
.block-list .item .title span i { position: relative; top: -1px; font-size: .8em; font-style: normal }
.block-list .item b { color: #35b0a7 }
.block-list .item small { display: block; margin: 0 -3px; font-size: .8em; color: #666 }
.block-list .item small span { padding: 0 3px }
.block-list .item h4 { font-size: .9em; margin: 0 0 5px }
.block-list .item p { font-size: .9em; color: #999 }
.block-list .item .hospital-name { margin-top: 10px; font-size: 1.2em }
.block-list .item .btn-price i { position: relative; font-style: normal; padding-right: 15px }
.block-list .item .btn-price i:after { position: absolute; top: 3px; right: 7px; border-right: 1px solid rgba(255, 255, 255, .5); width: 1px; height: 15px; content: "" }
.diagnostic-state { border-bottom: 1px solid #eee }
.diagnostic-state .label { background: #f57c00; color: #fff }
.diagnostic-state .block { position: relative; border-top: 1px solid #eee; padding: 10px 0 }
.diagnostic-state .block .time { position: relative; line-height: 34px }
.diagnostic-state .block .time i { display: inline-block; width: 10px; height: 10px; background: #ccc; border-radius: 5px; margin-right: 10px }
.diagnostic-state .block .time.active i { background: #e74444 }
.diagnostic-state .btn { width: 80px; position: absolute; top: 10px; right: 0; text-align: center }
.diagnostic-state .btn.btn-label { border: 1px solid #54c6bd; background: #fff; color: #54c6bd; background: #fff }
.block-list.image-list .photo { float: left; width: 66px; height: 66px; border-radius: 33px }
.block-list.image-list .photo img { width: 100% }
.block-list.image-list .image-styles { float: left; width: 66px; height: 66px; border: 1px solid #54c6bd; background: #54c6bd; border-radius: 33px; text-align: center; color: #fff; font-size: 1.6em; line-height: 66px }
.block-list.image-list .content { padding-left: 16px; overflow: hidden; zoom: 1 }
.block-list.image-list .content p { }
.block-list.image-list .item { padding-right: 30px }
.block-list.image-list .item.p-15 { padding-right: 15px }
.block-list.image-list .item .mark { position: absolute; top: 50%; margin-top: -34px; right: 40px; padding: 3px 10px; border: 1px solid #35b0a7; text-align: center; font-size: .9em; color: #35b0a7; z-index: 50 }
.block-list.image-list .item .label { position: relative; top: -2px; margin-left: 5px; padding: 2px 3px; border: 1px solid #54c6bd; font-size: .6em; font-weight: 400; color: #35b0a7 }
.block-list.image-list.image-list-sm .image-styles { float: left; width: 50px; height: 50px; border-radius: 25px; font-size: 2em; line-height: 48px }
.block-list.image-list.image-list-sm .image-styles.bg-red { background: #ff714f; border-color: #ff714f }
.block-list.image-list.image-list-sm .image-styles.bg-green { background: #35e98e; border-color: #35e98e }
.block-list.image-list.image-list-sm .image-styles .icon-ecg-heart { position: relative; top: 2px; }
.block-list.image-list.image-list-sm .item { padding: 20px 15px; }
.block-list.image-list.image-list-sm .item.brand { text-align: center }
.block-list.image-list.image-list-sm .item.brand:hover { background: transparent }
.block-list.image-list.image-list-sm .item.brand img { width: 60px; height: 60px; }
.block-list.image-list.image-list-sm .item.brand p { padding: 10px 0 0; margin: 0; }
.block-list-line .item { display: table; width: 100% }
.block-list-line .label { display: table-cell; width: 30%; color: #333; font-weight: 400; line-height: 40px; text-align: left; font-size: 1em; overflow: hidden }
.block-list-line .content { display: table-cell; position: relative; width: 70%; height: auto; }
.block-list-line .item { min-height: 40px; padding: 5px 15px; line-height: 40px }
.block-list-line .item:hover { background: #fff }
.block-list-line .content.form { margin: 0; text-align: right }
.block-list-line .content.form.icon-btn button { position: relative; top: 7px; display: inline-block; width: 24px; height: 24px; border: 1px solid #ddd; background: #fff; color: #e51c23; text-align: center; line-height: 24px; overflow: hidden; }
.block-list-line .content.form.icon-btn i { position: relative; top: -4px; left: -2px; font-size: 1.5em; font-style: normal; }
.block-list-line .content.form .span-control, .block-list-line .content.form .textarea, .block-list-line .content.form input { width: 100% }
.block-list-line .content.form .textarea, .block-list-line .upload { height: auto }
.block-list-line .content.form-textarea { vertical-align: top }
.block-list-line .content.form .textarea { border: 1px solid #000; min-height: 40px; height: auto; margin: 0; padding: 10px 0; overflow: hidden; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; -webkit-user-modify: read-write-plaintext-only; -moz-user-modify: read-write-plaintext-only; -ms-user-modify: read-write-plaintext-only; user-modify: read-write-plaintext-only; border: none; line-height: 1.2; text-align: left }
.block-list-line .form .textarea:focus { outline: 0 }
.block-list-line .upload { padding: 10px 0 }
.block-list-line .upload .btn { width: 100%; margin-bottom: 10px }
.block-list-line .file img { width: 100% }
.block-list-line input,.block-list-line select{ border: none; padding: 0; height: 40px; line-height: 40px; text-align: right }
.block-list-line input:focus,.block-list-line select:focus{ outline: 0 !important; box-shadow: none !important }
.block-list-line select{ background: transparent no-repeat !important;direction: rtl;  }
.block-list-line .btn-group { position: relative; display: inline-block; vertical-align: middle }
.block-list-line .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.block-list-line .btn-group>.btn:first-child { margin-left: 0 }
.block-list-line .btn-group .btn-switch { background: #fbfbfb; border: 1px solid #ddd; color: #333 }
.block-list-line .btn-group .btn.active { background: #5ddcd3; border: 1px solid #5ddcd3; color: #fff }
.block-list-line.text-left .label .item { display: table }
.block-list-line.text-left .content { text-align: left }
.block-list-line.text-left .content input { text-align: left }
.block-list-line.text-left .content select { padding: 0; width: 100%; background-size: 10px 6px; background: no-repeat right 18px }
.block-list-line.text-left i { position: absolute; top: 18px; right: 15px; font-size: 1.3em; color: #35b0a7 }
select:required:invalid {color: #999; font-size: 1em;}
.date-range { text-align: center }
.data-header { position: relative; line-height: 40px; font-size: .9em; border-bottom: 1px solid #35b0a7; background: #54c6bd; color: #fff }
.data-header .next, .data-header .prev { width: 60px; height: 40px; position: absolute; top: 0 }
.data-header .prev { left: 0 }
.data-header .next { right: 0 }
.data-header .date { border: 1px solid #35b0a7; border-width: 0 1px; margin: 0 60px; height: 40px; font-weight: 700 }
.data-header .date span { padding-left: 10px }
.date-range>ul { margin: 0; padding: 0 }
.date-range>ul>li { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd }
.date-range>ul>li { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd }
.date-range>ul>li .btn { margin-left: 15px }
.date-range>ul>li a:active { display: block; background: #54c6bd; color: #fff }
.bottom-filter { width: 100%; background: #fff; border-top: 1px solid #ddd; margin: 0; padding: 0; text-align: center; position: fixed; bottom: 0; z-index: 200 }
.bottom-filter li { position: relative }
.bottom-filter li:last-child:after { position: absolute; content: ""; left: 0; width: 1px; height: 50px; background: #ddd }
.bottom-filter li { list-style: none; text-align: center; height: 50px; line-height: 50px; margin: 0 }
.bottom-filter li a:focus { outline: 0 }
.modal-dialog { width: 100%; padding: 15px; margin: 0; z-index: 200; }
.modal-filter { margin: 0; padding: 0 }
.modal-filter li { height: 50px; border-bottom: 1px solid #ddd; line-height: 49px; list-style: none; padding: 0 20px }
.modal-filter li.active { color: #5ddcd3 }
.modal.modal-full { top: -51px; padding-top: 51px }
.modal.modal-full .modal-backdrop { display: none }
.modal.modal-full .modal-header { border-bottom: none }
.modal.modal-full { width: 100%; height: 100% }
.modal.modal-full .modal-dialog { width: 100%; height: 100%; padding: 0; margin: 0 }
.modal.modal-full .modal-body { padding: 0 }
.modal.modal-full .modal-content { width: 100%; height: 100%; border: none; box-shadow: none; padding: 0 0 0 }
.modal .modal-body textarea.form-control { margin: 10px 0; min-height: 100px }
.modal-btn-group span { display: inline-block; width: 50% }
.fixed-modal-bottom.modal-dialog { position: absolute; bottom: 0 }
.human-body { padding-bottom: 140px }
.human-body .title h4 { font-size: 1em; font-weight: 700 }
.human-body .item { background: #fff; padding: 0; border-bottom: 1px solid #ddd; padding: 10px 15px 5px; margin-bottom: 10px }
.select-item { margin: 0 -5px; padding: 0 }
.select-item .feeds { display: inline-block; padding: 0 5px }
.select-item span { display: block; position: relative; padding: 8px 25px 8px 5px; border: 1px solid #ddd; margin-bottom: 10px; font-size: .9em }
.select-item span.active { background: #54c6bd; border: 1px solid #35b0a7; color: #fff }
.select-item span.active i { display: block }
.select-item span i { display: none; position: absolute; top: 12px; right: 5px; color: #fff; font-size: 1em }
.mark { position: absolute; z-index: 1000; background: 0 0 }
.mark>i.r { position: relative; display: inline-block; width: 50px; height: 1px; background: rgba(255, 255, 255, .5) }
.mark>i.r:before { left: 0; top: -4px; position: absolute; display: inline-block; width: 10px; height: 10px; content: ""; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); background: #fff }
.mark>i.l { position: relative; display: inline-block; width: 50px; height: 1px; background: rgba(255, 255, 255, .5) }
.mark>i.l:after { right: 0; top: -4px; position: absolute; display: inline-block; width: 10px; height: 10px; content: ""; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); background: #fff }
.mark .btn { position: relative; top: 3px; background: rgba(10, 101, 99, .5); width: 60px; height: 30px; line-height: 28px; text-align: center; color: #fff; padding: 0; font-size: .9em; border: 1px solid rgba(255, 255, 255, .5) }
.mark .btn:hover { background: #fff; color: #0a6563 }
.total { padding: 20px 15px 15px; background: #fff; text-align: center; color: #54c6bd; border-top: 1px solid #ddd }
.total i { position: relative; top: 1px; padding-right: 5px }
.total b { font-weight: 700; padding: 0 5px }
.total p { margin: 0 }
.total .btn { margin: 15px auto 0 }
.fixed-bottom { position: fixed; bottom: 0; width: 100%; text-align: center }
.fixed-bottom .btn { height: 40px; line-height: 40px; padding: 0 }
.bottom-modal.modal .modal-dialog { position: absolute; bottom: 0; padding: 0 }
.fixed-height-modal .modal-dialog { max-height: 315px; overflow-y: auto !important; margin: 0 }
.fixed-height-modal.bottom-modal.modal .modal-dialog { position: absolute; bottom: 51px }
.modal-backdrop.in { z-index: 100 }
.bottom-modal.modal .modal-dialog .modal-content { border: none }
.bottom-modal.modal .modal-header h4 { font-size: 1em }
.bottom-modal.modal .modal-footer>span { display: inline-block; width: 50% }
.bottom-modal.modal .modal-footer>span { padding: 0 10px }
.tip-content { padding: 60px 80px 40px 80px; text-align: center; color: #5ddcd3 }
.tip-content p { margin-top: 10px }
.tip-content i { width: 80px; height: 80px; background: #5ddcd3; border-radius: 50%; padding: 10px; color: #fff; font-size: 2em }
.reports { padding: 50px 15px 20px }
.reports .heading { padding: 30px 15px 15px; border-bottom: 1px solid #5ddcd3; text-align: center }
.reports .heading h1 { font-size: 1.2em; line-height: 1; margin: 0; font-weight: 700 }
.reports .heading h1 b { padding-left: 10px; color: #5ddcd3 }
.reports .heading h5 { font-weight: 400; font-size: .9em; color: #999; margin-top: 10px }
.reports .body { padding-top: 15px }
.reports .item { margin-bottom: 20px }
.reports .item h4 { margin-bottom: 10px; font-size: 1em; font-weight: 700; color: #5ddcd3 }
.reports .item p { color: #333 }
.talk { padding: 50px 15px 20px; font-weight: 400 }
.talk .doctor-talk .pull-photo { float: left; margin-right: 10px }
.talk .doctor-talk, .talk .patient-talk { padding: 15px 0 }
.talk .doctor-talk .content { zoom: 1; margin: 0 50px }
.talk .doctor-talk .content h4 { font-size: .8em; margin: 2px 0 5px 0 }
.talk .doctor-talk .content .box { background: #5ddcd3; padding: 15px; border-radius: 6px; position: relative; color: #fff }
.talk .patient-talk .content .box { background: #ddd; padding: 15px; border-radius: 6px; position: relative; color: #333 }
.talk .doctor-talk .content .box:before { display: inline-block; position: absolute; left: -8px; top: 0; border-top: solid 13px #5ddcd3; border-left: solid 20px transparent; content: "" }
.talk .patient-talk .pull-photo { float: right; margin-left: 10px }
.talk .patient-talk .content h4 { font-size: .8em; margin: 2px 0 5px 0; text-align: right }
.talk .patient-talk .content { zoom: 1; margin: 0 50px }
.talk .patient-talk .content .box:after { display: inline-block; position: absolute; right: -8px; top: 0; border-top: solid 13px #ddd; border-right: solid 20px transparent; content: "" }
.animated { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) }
}
@keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
#pullDown, #pullUp { height: 40px; line-height: 20px; padding: 5px 10px; color: #999; text-align: center }
#pullDown .pullDownIcon, #pullUp .pullUpIcon { display: inline-block; width: 30px; height: 30px; background: url(../images/pull-icon@2x.png) 0 0 no-repeat; -webkit-background-size: 30px 60px; background-size: 30px 60px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; vertical-align: middle }
#pullDown .pullDownIcon { -webkit-transform: rotate(0) translateZ(0) }
#pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0) }
#pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0) }
#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0) translateZ(0) }
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position: 0 100%; -webkit-transform: rotate(0) translateZ(0); -webkit-transition-duration: 0s; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear }
@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0) translateZ(0) }
    to { -webkit-transform: rotate(360deg) translateZ(0) }
}
.myScrollbarH { position: absolute; z-index: 100; height: 7px; bottom: 1px; left: 2px; right: 7px }
.myScrollbarH>div { height: 100% }
.myScrollbarV { position: absolute; z-index: 100; width: 7px; bottom: 7px; top: 2px; right: 1px }
.myScrollbarV>div { width: 100% }
.myScrollbarH>div, .myScrollbarV>div { position: absolute; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-width: 3px; -webkit-border-image: url(scrollbar.png) 6 6 6 6; -moz-border-image: url(scrollbar.png) 6 6 6 6; -o-border-image: url(scrollbar.png) 6 6 6 6; border-image: url(scrollbar.png) 6 6 6 6 }
.block-list .iosCheck { top: 10px }
.iosCheck { position: relative; top: 3px }
.iosCheck input { display: none }
.iosCheck i { display: inline-block; cursor: pointer; padding-right: 21px; transition: all ease .2s; -webkit-transition: all ease .2s; border-radius: 16px; box-shadow: inset 0 0 1px rgba(0, 0, 0, .5) }
.iosCheck i:before { display: block; content: ''; width: 32px; height: 32px; border-radius: 16px; background: #fff; border: 1px solid #ddd }
.iosCheck:checked+i { padding-right: 0; padding-left: 21px; background: #00e970; box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 40px #00e079; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 40px #00e079 }
.iosCheck.blue:checked+i { background: #5ddcd3; box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 40px #54c6bd; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 40px #54c6bd }
.iosCheck.blue:checked+i:before { border: 1px solid #54c6bd }
.timeline { margin-top: 40px; overflow: hidden }
.timeline>.section:before { position: absolute; top: 0; left: 30px; width: 1px; height: 100%; border-left: 1px solid #54c6bd; content: "" }
.timeline>.section .body .justified2-2 li { text-align: left !important }
.timeline>.section .body .thumb-list { margin: 0 -5px }
.timeline>.section .body .thumb-list li { padding: 10px 5px 0 }
.timeline>.section .body .thumb-list li img { width: 100% }
html.swipebox-html.swipebox-touch { overflow: hidden !important }
#swipebox-overlay img { border: none !important }
#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#swipebox-container { position: relative; width: 100%; height: 100% }
#swipebox-slider { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer }
#swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px }
#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle }
#swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0 }
#swipebox-slider .slide-loading { background: url(../images/loader.gif) center center no-repeat }
#swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: .5s; transition: .5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100% }
#swipebox-bottom-bar { bottom: -50px }
#swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0) }
#swipebox-top-bar { top: -50px }
#swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) }
#swipebox-title { display: block; width: 100%; text-align: center }
#swipebox-close, #swipebox-next, #swipebox-prev { background-image: url(../images/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0 }
#swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px }
#swipebox-prev { background-position: -32px 13px; float: left }
#swipebox-next { background-position: -78px 13px; float: right }
#swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px }
.swipebox-no-close-button #swipebox-close { display: none }
#swipebox-next.disabled, #swipebox-prev.disabled { opacity: .3 }
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring .3s; animation: rightSpring .3s }
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring .3s; animation: leftSpring .3s }
.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0 }
.swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0 10px -8px #656565; box-shadow: inset 10px 0 10px -8px #656565 }
.swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0 10px -8px #656565; box-shadow: inset -10px 0 10px -8px #656565 }
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1 }
@-webkit-keyframes rightSpring {
    0% { left: 0 }
    50% { left: -30px }
    100% { left: 0 }
}
@keyframes rightSpring {
    0% { left: 0 }
    50% { left: -30px }
    100% { left: 0 }
}
@-webkit-keyframes leftSpring {
    0% { left: 0 }
    50% { left: 30px }
    100% { left: 0 }
}
@keyframes leftSpring {
    0% { left: 0 }
    50% { left: 30px }
    100% { left: 0 }
}
@media screen and (min-width:800px) {
    #swipebox-close { right: 10px }
    #swipebox-arrows { width: 92%; max-width: 800px }
}
#swipebox-overlay { background: #0d0d0d }
#swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px #000; background: #000; opacity: .95 }
#swipebox-top-bar { color: #fff !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif }
.mark-box { position: relative; color: #000; background: 0 0; display: inline }
.mark-box span { background: #ffdec6 }
.mark-box>i { display: inline-block; position: relative; top: -1px; width: 16px; height: 16px; margin: 0 2px; border-radius: 8px; background: #ff6a00; color: #fff; font-size: .8em; font-weight: 400; line-height: 16px; text-align: center; font-style: normal; font-family: arial }
.keywords .i { position: relative; width: 150px; height: 160px; float: left }
.keywords .content { overflow: hidden; zoom: 1; padding-top: 20px }
.keywords .c { position: absolute; border-radius: 50%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #54c6bd; color: #fff; font-style: normal }
.keywords .c.c1 { width: 70px; height: 70px; top: 45px; left: 20px; line-height: 70px }
.keywords .c.c2 { width: 50px; height: 50px; top: 0; left: 0; line-height: 50px }
.keywords .c.c3 { width: 50px; height: 50px; top: 110px; left: -10px; line-height: 50px }
.keywords .c.c4 { width: 50px; height: 50px; top: 100px; left: 70px; line-height: 50px }
.keywords .c.c5 { width: 30px; height: 30px; top: 20px; left: 80px; line-height: 30px }
.keywords .c1 { top: 30px }
.records .img { position: relative; width: 150px; height: 100px; float: left }
.records .content { overflow: hidden; zoom: 1; min-height: 100px; padding-top: 6px }
.new-doc h5 { font-size: 1em; font-weight: 700; margin: 0 0 10px }
.new-doc .item { padding-bottom: 10px; border-bottom: 1px solid #eee }
.new-doc .item img { max-height: 200px; margin: 10px 0 }
.new-doc .item .time { color: #999; font-size: .8em }
.toggle-slide.control-right { top: 10px; right: 20px }
.toggle-slide a { font-size: 1.6em; color: #54c6bd }
.back-to-top-theme { position: fixed; right: 10px; bottom: 10px; z-index: 99999; display: inline-block; visibility: hidden; text-align: center; width: 50px; height: 50px; border-radius: 25px; background: #000; color: #fff; font-size: 22px; line-height: .5; opacity: 0; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transition-duration: .3s; transition-property: all }
.back-to-top-theme:after { color: #fff; content: "\e631"; text-align: center; font-family: wly; position: relative; top: 18px }
.back-to-top-theme:hover { background: #000; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transition-duration: .3s; transition-property: all }
.back-to-top-theme:focus, .back-to-top-theme:hover { text-decoration: none }
.back-to-top-theme.back-to-top-is-visible { visibility: visible; opacity: .8; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transition-duration: .3s; transition-property: all }
.back-to-top-theme.back-to-top-is-visible:hover { opacity: 1; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transition-duration: .3s; transition-property: all }
.back-to-top-theme.back-to-top-fade-out { opacity: .8 }
.back-to-top-theme.back-to-top-fade-out:hover { opacity: 1; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transition-duration: .3s; transition-property: all }
.patient-description { clear: both; margin-bottom: 15px; }
.patient-description .images { display: block; width: 100%; margin: 0 -5px; text-align: left !important; clear: both; overflow: hidden }
.patient-description .images li { }
.patient-description .images li span { display: inline-block; padding: 0 5px; }
.patient-description .images li img { width: 100%; }
.article p { text-indent: 32px; }