

.serviceinfo { line-height: 30px; margin-top: 20px; color: #666 }
.serviceinfo img { margin: 5px 20px 0 0 }
.serviceinfo .return { float: right; width: 86px; height: 28px; line-height: 28px }
.serviceinfo .return a { display: block; color: #38abbb; border: #38abbb 1px solid; border-radius: 5px; padding-left: 20px; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) 10px -1001px no-repeat }
.serviceinfo .return a:hover { text-decoration: none }
.mynav { float: left; width: 200px; height: 790px; padding: 0; position: relative }
.mynav .uesr { text-align: center }
.mynav .uesr img { width: 80px; height: 80px; border-radius: 100%; margin-top: 30px }
.mynav .uesr p { font-size: 16px; color: #333; line-height: 16px; padding: 12px 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.mynav ul { line-height: 59px; margin-top: 45px; border-top: #f0f0f0 1px solid }
.mynav li { border-bottom: #f0f0f0 1px solid }
.mynav li a { display: block; padding-left: 20px }
.mynav li.current a, .mynav li a:hover { background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) 0 -8898px no-repeat; text-decoration: none }
.mynav .tips { padding: 0 20px; line-height: 24px; width: 160px; position: absolute; left: 0; bottom: 34px }
.mynav .tips span { display: block; margin-bottom: 8px; font-weight: 700 }
.mycontent { float: right; width: 940px; min-height: 750px }
.mycontent.h355 { height: 355px; min-height: 355px; padding-bottom: 0 }
.mycontent.h185 { height: 185px; min-height: 185px; padding-bottom: 0 }
.mycontent.h210 { height: auto; min-height: 190px; padding-bottom: 20px }
.mycontent.nodata { background: #fff url(https://image.39.net/dist/yyk/v3/pc/images/bg_nodata.png) center center no-repeat }
.mytips { color: #666; background: #f8f8f8; border-radius: 5px; padding: 0 10px; margin-top: 20px }
.appointmenttable { width: 100%; line-height: 34px; color: #333 }
.appointmenttable td { padding: 29px 0 30px; border-bottom: #f0f0f0 1px solid }
.appointmenttable .status { width: 325px }
.appointmenttable .status.await i { color: #ff9023 }
.appointmenttable .status.end i { color: #999 }
.appointmenttable .status.fail i { color: #e60012 }
.appointmenttable .status.refuse i { color: #333 }
.appointmenttable .address .hospital { display: inline-block; max-width: 240px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.appointmenttable .address .map { display: inline-block; color: #1e9eb9; vertical-align: top; padding-left: 20px; margin-left: 10px; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) 0 -3174px no-repeat }
.appointmenttable .address .map:hover { color: #ff9023 }
.appointmenttable .patient { width: 195px }
.appointmenttable .operation { width: 80px }
.appointmenttable .operation a { display: inline-block; width: 78px; height: 28px; line-height: 28px; color: #1e9eb9; text-align: center; border: #1e9eb9 1px solid; border-radius: 5px }
.appointmenttable .operation a:hover { color: #fff; background: #ff9023; border-color: #ff9023; text-decoration: none }
.title a.appointmentcancel { display: block; width: 88px; height: 30px; font-size: 16px; color: #666; text-align: center; line-height: 30px; background: #f0f0f0; border-radius: 5px; padding: 0; margin: 17px 0 0 17px }
.title a.appointmentcancel:hover { color: #fff; background: #ff9023; text-decoration: none }
.appointmentinfo { margin-top: 20px; color: #666 }
.appointmentinfo p { margin-top: 10px; line-height: 24px }
.appointmentinfo img { float: left; width: 80px; height: 100px; margin: 0 12px 12px 0; border-radius: 5px }
.appointmentinfo img+p, .appointmentinfo a+p { margin-top: 20px }
.appointmentinfo strong { font-size: 16px; font-weight: 400; color: #333 }
.appointmentinfo b { font-weight: 400; color: #333 }
.appointmentinfo b.orange { color: #ff9023 }
.appointmentinfo b.red { color: #e60012; font-weight: 700 }
.appointmentinfo a.map { color: #1e9eb9; padding-left: 22px; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) 0 -3181px no-repeat; margin-left: 20px }
.appointmentinfo a.map:hover { color: #ff9023 }
.appointmentinfo input[type=checkbox] { vertical-align: baseline; margin-right: 10px; accent-color: #3BA1AF }
.mycontent .appointmentinfo { margin-top: 10px }
.appointmentconfirm { margin-top: 20px; text-align: center }
.appointmentconfirm input[type=submit] { display: inline-block; margin: 0 10px; width: 300px; height: 48px; font-size: 18px; color: #fff; line-height: 48px; background: #ff9023; border-radius: 5px }
.appointmentconfirm input[type=submit]:hover { text-decoration: none }
.block .stepleft { float: left; width: 520px; margin-bottom: 30px }
.block .stepright { float: right; width: 540px; margin-bottom: 30px }
.block .appointmentconfirm { clear: both; padding-top: 30px; border-top: #f0f0f0 1px solid }
.operconfirm p { font-size: 20px; line-height: 20px; color: #333; padding: 60px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.operconfirm p b { color: #1e9eb9; font-weight: 400 }
.operconfirm span { display: block }
.operconfirm span a { display: inline-block; width: 160px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; margin: 0 10px; background: #38abbb; border-radius: 5px }
.operconfirm span a.cancel { color: #999; background: #f0f0f0 }
.operconfirm span a:hover { text-decoration: none; color: #fff; background: #ff9023 }
.opersuccess { font-size: 24px; line-height: 24px; color: #1e9eb9 }
.opersuccess .popwindow { background: #fff url(https://image.39.net/dist/yyk/v3/pc/images/icon_popok.png) center 80px no-repeat }
.opersuccess p { margin-top: 200px }
.operfail p { padding: 80px 30px 0; font-size: 24px; line-height: 36px; color: #1e9eb9 }
.operfail i { display: block; padding: 0 30px; font-size: 16px; line-height: 24px; margin-top: 10px }
.operfail span { display: block; width: 200px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; margin: 40px auto; background: #38abbb; border-radius: 5px; cursor: pointer }
.patientlist { padding-top: 20px; overflow: hidden }
.patientlist li { float: left; width: 220px; margin: 0 20px 40px 0 }
.patientlist li:nth-child(4n) { margin-right: 0 }
.patientlist li em { cursor: pointer }
.patientlist li em:hover { color: #ff9023 }
.patientlist li div { height: 138px; border: #f0f0f0 1px solid; border-radius: 5px; cursor: pointer }
.patientlist li.current div { border-color: #ff9023; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) right -6876px no-repeat }
.patientlist li div span { display: block; line-height: 55px; padding: 0 10px; margin-bottom: 10px; border-bottom: #f0f0f0 1px solid }
.patientlist li div span strong { font-size: 16px; font-weight: 400; color: #333; display: inline-block; vertical-align: top; max-width: 65px; margin-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.patientlist li div span .edit { float: right; color: #38abbb }
.patientlist li div span .edit:hover { color: #ff9023 }
.patientlist li div p { padding: 0 10px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.patientlist li .delete { display: block; width: 78px; height: 28px; text-align: center; margin: 10px auto 0; border: #f0f0f0 1px solid; border-radius: 28px }
.patientlist li .delete:hover { color: #fff; background: #ff9023; border-color: #ff9023 }
.patientlist li.add { width: 218px; height: 48px; padding-top: 90px; font-size: 16px; line-height: 16px; color: #333; text-align: center; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) center -8409px no-repeat; border: #f0f0f0 1px solid; border-radius: 5px; cursor: pointer }
.patientlist li.add:hover { color: #ff9023; border-color: #ff9023 }
.patientform { padding: 20px 40px 0 }
.patientform p { line-height: 36px; font-size: 16px; color: #333; margin-bottom: 30px; position: relative }
.patientform p label { display: inline-block; vertical-align: top; width: 80px; text-align: left; padding-left: 12px; background: url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) 0 -669px no-repeat }
.patientform p input[type=text] { width: 328px; height: 36px; text-align: left; text-indent: 10px; line-height: 36px; background: #f8f8f8; border-radius: 5px }
.patientform p em { display: none; width: 328px; height: 30px; text-align: left; font-size: 12px; text-indent: 10px; line-height: 30px; color: #e60012; position: absolute; right: 0; top: 36px }
.patientform p.checkdefault { font-size: 14px; color: #666; line-height: 14px; margin: 40px 0 20px }
.patientform p.checkdefault input { vertical-align: middle; margin-right: 5px }
.patientform button { display: block; width: 200px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; text-align: center; margin: 0 auto; background: #38abbb; border-radius: 5px; cursor: pointer }
.favorite ul { min-height: 650px; overflow: hidden }
.favorite li { float: left; width: 458px; height: 140px; margin: 20px 20px 0 0; border: #f0f0f0 1px solid; border-radius: 5px; overflow: hidden }
.favorite li:nth-child(2n) { margin-right: 0 }
.favorite li .unfollow { float: right; width: 29px; height: 100%; writing-mode: vertical-rl; letter-spacing: 2px; line-height: 29px; text-align: center; margin-left: 12px; background: #f8f8f8; cursor: pointer }
.favorite li .unfollow:hover { color: #fff; background: #ff9023 }
.favorite li img { float: left; width: 80px; height: 100px; margin: 20px 12px 0 20px; border-radius: 5px }
.favorite li strong { display: block; font-size: 18px; line-height: 20px; font-weight: 400; margin: 20px 0 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.favorite li p { line-height: 24px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.favorite li p a { color: #666 }
.favorite li p a:hover { color: #ff9023 }
.favorite .favhospital li img { width: 100px; height: 72px; margin-top: 34px }
.favorite .favhospital li strong { margin-top: 34px }
.commentlist { min-height: 635px }
.commentlist li .content { width: 940px }
.item { padding-top: 20px; font-size: 16px; line-height: 36px; color: #333 }
.item span.invisible { visibility: hidden }
.item b { vertical-align: top; color: red; margin-right: 5px }
.item label { vertical-align: top; color: red; font-size: 12px; margin-left: 10px }
.item input, .item select, .item textarea { display: inline-block; vertical-align: top; box-sizing: border-box; width: 200px; height: 36px; font-size: 14px; line-height: 36px; color: #333; border-radius: 5px; padding: 0 10px; background: #F8F8F8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.item select { appearance: none; padding-right: 20px; background: #F8F8F8 url(https://image.39.net/dist/yyk/v3/pc/images/sprites.png) right 10px top -457px no-repeat }
.item textarea { width: 300px; height: 88px; padding: 5px 10px; line-height: 26px; white-space: normal; overflow: auto; resize: none }
.item input[type=checkbox] { width: auto; height: auto; vertical-align: baseline; margin-right: 10px; accent-color: #3BA1AF }
.item .shortstyle { width: 95px }
.item .shortstyle+.shortstyle { margin-left: 5px }
.item img { vertical-align: top; height: 36px; margin-left: 5px; cursor: pointer }
.item .item-button-right2 { background: #38ABBB; color: #fff; margin-left: 5px; width: 120px; cursor: pointer }
.item .citydata { display: none }
