.m-login-panel {
    padding: .15rem .15rem 0 .15rem;
}

.m-login-panel .m-form-ul li:after {
    background-color: #5ebbcd;
}

.m-login-panel .u-field {
    padding: .12rem 0;
}

.rline {
    padding: .12rem .15rem 0 .15rem;
    color: #444;
}

.rline:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.rline .reset {
    float: right;
    color: #f18994;
    font-size: .12rem;
}

.rline .isRem {
    color: #444;
}

.rline .isRem i {
    color: #bbb;
    padding-right: .05rem;
    vertical-align: middle;
    font-size: .14rem;
}

.rline .on i {
    color: #5ebbcd;

}

.switch-login {
    text-align: center;
    margin-top: .06rem;
    font-size: .14rem;
}

.switch-login a {
    color: #5ebbcd;
}

/*联合登录*/
.jointlogin .m-login-panel {
    padding-top: .08rem;
}

.joint-hd {
    padding: .20rem .15rem 0 .15rem;
}

.joint-text {
    font-size: .14rem;
    line-height: 1.8;
    color: #777;
    max-height: 9em;
    word-break: break-all;
    overflow: hidden;
}

.joint-hd .img-box {
    width: .78rem;
    height: .78rem;
    clear: both;
    margin: 0 auto .10rem auto;
    border-radius: 50%;
    background-image: url(../img/user-default.png);
    background-repeat: no-repeat;
    background-size: .78rem

}

.m-register {
    padding-top: .15rem;

}

.m-register .m-form-ul {

    margin-bottom: -1px;

}

.m-register .m-form-ul li {
    padding-right: .15rem;
    margin-left: .15rem;
}

.m-register .u-field {
    padding: .1rem 0;
}

.m-form-box {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: .05rem
}

.m-common-form {
    padding-top: .15rem;

}

.m-common-form .m-form-ul {
    margin-bottom: -1px;
}

.m-common-form .m-form-ul li {
    margin-right: .15rem;
    margin-left: .15rem;
}

.m-hr {
    border-top: 1px solid #eee
}

.m-common-form .u-field {
    padding: 0.12rem 0;
    text-align: right;
}

.m-common-form .icon-jiantou3 {
    padding-left: .02rem;
    height: .14rem;
    overflow: hidden;
    display: block;
    font-size: .14rem;
}

.m-common-form .u-field input {
    text-align: right;
}

.m-common-form .btn-invisibile {
    border-left: 1px solid #eee;
    margin-left: .1rem
}

.m-nopadd {
    padding-top: 0
}

.m-center-hd {
    text-align: center;
    height: 1.5rem;

    background: -webkit-linear-gradient(left, #5cd1e5, #3b95cc);
    position: relative;
}

.m-center-bg {
    background: url(../img/centerbj.png) no-repeat top;
    background-size: 100%;
    padding: .25rem 0;
    width: 100%;
    height: 100%;
}

.m-center-hd .thumb {
    width: .72rem;
    height: .72rem;
    margin: 0 auto;

    position: relative;

}

.m-center-hd .thumb .userlogo {
    width: 100%;
    border-radius: 50%;
}

.m-center-hd .name {

    font-size: .16rem;
    color: #fff;
}

.rz-ico {
    position: absolute;
    bottom: 0;
    right: -.1rem;
    background: rgba(0, 0, 0, .5);
    padding: 1px .05rem;
    color: #fff;
    font-size: 0.08rem;
    border-radius: .10rem;
    display: -webkit-box;
    -webkit-box-align: center;

}

.rz-ico i {
    background: url(../img/renzheng.png) no-repeat;
    background-size: .1rem;
    width: .1rem;
    height: .1rem;
    display: block;
    margin-right: .02rem
}

.m-mysets, .m-center {
    margin-bottom: .05rem;
    border-bottom: 1px solid #eee;
    overflow: hidden;

}

.m-center .m-list li, .m-mysets .m-list li {
    padding: .12rem 0 .12rem .12rem;
}
.m-center .m-list li em{
    position:absolute;
    top: .1rem;
    left: -.1rem;
}

.quit-login {
    margin-top: .10rem;
    color: #fb3d38;
    text-align: center;

}

.quit-login .m-list li .list-item {
    font-size: .16rem;
}

.m-center .m-list {
    padding-left: .3rem
}

.quit-login .m-list {
    padding-right: .1rem
}

.m-center .icon-ka {
    color: #FE7999
}

.m-center .icon-ren {
    color: #5ACE99
}

.m-center .icon-jiankanzhanghu {
    color: #F6A623
}

.m-center .icon-guahaojilu {
    color: #46B2EC
}

.m-center .icon-guanzhu {
    color: #F3595C
}

.m-center .icon-banzhu {
    color: #FFC80A;
    padding-left: 0
}

.m-center .icon-shezhi {
    color: #979DA9
}

.u-row {
    padding: .10rem .12rem .10rem 0;
    border: 0;
    -webkit-box-flex: 1;

}

.u-row textarea {

    resize: none;
    line-height: .21rem;
    width: 100%;
    height: 1rem;
    font-size: .14rem;
    -webkit-user-select: text;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
}

.m-card-top {
    text-align: center;
    font-size: .13rem;
    padding: .15rem;

}

.card-warp {
    min-height: .90rem;
    margin-bottom: .15rem;
    position: relative;
    overflow: hidden;

}

.card-box {
    margin: 0 .20rem;
    min-height: .59rem;
    padding: .15rem;
    border-radius: .10rem .10rem 0 0;
    color: #fff;
    display: -webkit-box;
    font-size: .13rem;
    position: relative;
    box-shadow: .02rem -.01rem .02rem rgba(0, 0, 0, .3);
    background: -webkit-linear-gradient(left, #5DAAE1, #1C86D1);
}

.zlk .card-box, .m-zlk {
    background: -webkit-linear-gradient(left, #77d26f, #47ab60);
}

.jkk .card-box, .m-jkk {
    background: -webkit-linear-gradient(left, #6ebdd5, #5d86bf);
}

.smk .card-box, .m-smk {
    background: -webkit-linear-gradient(left, #7597d3, #5979b1);
}

.sbk .card-box, .m-sbk {
    background: -webkit-linear-gradient(left, #52bba1, #089eb5);
}

.qtk .card-box, .m-qtk {
    background: -webkit-linear-gradient(left, #5DAAE1, #1C86D1);
}

.card-box .losed {
    background: url(../img/guashi.png) no-repeat;
    background-size: .5rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .15rem;
    bottom: -.15rem;

}

.card-box .canceled {
    background: url(../img/zhuxiao.png) no-repeat;
    background-size: .5rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .15rem;
    bottom: -.15rem;
}

.card-box .link {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.card-left {
    padding-right: .12rem;
    width: 1.2rem;
}

.card-left h1 {
    font-size: .17rem;
    line-height: .2rem;
    margin-bottom: .08rem;

}

.card-left p {
    word-break: break-all;
}
.card-right {
    -webkit-box-flex: 1;
    text-align: right;
}

.card-right h1 {
    text-align: right;
    font-size: .15rem;
    text-shadow: .01rem .01rem .03rem rgba(0, 0, 0, .5);
    line-height: .18rem;
    margin-bottom: .08rem
}

.card-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;

    box-shadow: 0 0 .08rem #000;
}

.m-contact li {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: .14rem .14rem;
    margin-bottom: .05rem;
    position: relative;
}

.m-contact li .link {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.m-contact-item {
    display: -webkit-box;
    -webkit-box-align: center;

}

.m-contact-name {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .15rem;
}

.con-icon {
    width: .16rem;
    height: .16rem;
    display: block;
    background-repeat: no-repeat;
    background-size: .14rem;
    margin-right: .10rem;
}

.m-contact-name .self {
    color: #bbb;
    font-size: .12rem;
    padding-left: .10rem;
}

.m-contact-item .fr-txt {
    color: #777;
    font-size: .12rem;
    display: block;
}

.m-contact-desc {
    display: -webkit-box;
    -webkit-box-align: center;
    padding-top: .1rem;
    color: #777;
    font-size: .14rem;
}

.m-contact-card {
    -webkit-box-flex: 1;

}

.m-contact-desc .fr-txt {
    color: #777;

    display: block;
}

.forget {
    color: #F18994;
    text-align: right;
    float: right;

}

.m-card {
    margin: .22rem .20rem 0 .20rem;
    height: 1.7rem;

    border-radius: .10rem;
    color: #fff;
    position: relative;
    font-size: .14rem;
    overflow: hidden;
}

.m-card .ewm {
    background: url(../img/user-ewm.png) no-repeat;
    background-size: .3rem;
    width: .3rem;
    height: .3rem;
    position: absolute;
    right: .12rem;
    top: .12rem;
}

.m-card .losed {
    background: url(../img/guashi.png) no-repeat;
    background-size: .5rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .12rem;
    top: .12rem;

}

.m-card .canceled {
    background: url(../img/zhuxiao.png) no-repeat;
    background-size: .5rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .12rem;
    top: .12rem;
}

.m-card-item {
    padding: .18rem .15rem 0 .15rem;
    height: .8rem;
}

.m-card-item h1 {
    font-size: .2rem;
    padding-bottom: .05rem;
}

.m-card-line {

    height: .05rem;
    background: rgba(0, 0, 0, .1);
    margin-bottom: .05rem;

}

.m-card-name {

    background: rgba(0, 0, 0, .1);

    display: -webkit-box;
    -webkit-box-align: center;
    padding: .08rem .15rem;
}

.m-card-name .fr-txt {
    display: block;
    -webkit-box-flex: 1;
    text-align: right;
    font-size: .16rem;
    text-shadow: .01rem .01rem .03rem rgba(0, 0, 0, .5);
}

.m-card-tip {
    color: #777;
    padding: 0 .15rem;
    line-height: 180%;
}

.medical-link {

    position: absolute;
    bottom: .35rem;
    left: 0;
    right: 0;
    padding: .12rem .25rem;

    text-align: center;
    font-size: .14rem;
    color: #5ebbcd;
}

.medical-link a {
    color: #5ebbcd;
    padding: 0 .15rem;
}

.popewm {
    position: fixed;
    left: .20rem;
    right: .20rem;
    top: 20%;
    background: #fff;
    padding: .20rem .15rem;
    border-radius: .05rem;
    z-index: 500;
    text-align: center;

}

.popewm h1 {
    font-size: .16rem;
    color: #1e1e1e;
    padding-bottom: .20rem;
}

.popewm .txm-box {
    padding-bottom: .18rem;
}

.popewm .txm-box img {
    width: 100%;
}

.popewm .ewm-box img {
    width: 1.45rem;
}

.popewm .close {
    width: .5rem;
    height: .5rem;
    position: absolute;
    bottom: -.85rem;
    color: #fff;
    font-size: .5rem;
    -webkit-transform: translate(-50%, 0);
}

.m-userinfo-hd {

    font-size: .14rem;
    color: #777;
    text-align: center;
    background-image: url(../img/wangshan1.png);
    background-size: .6rem;
    background-position: center .35rem;
    background-repeat: no-repeat;
    padding-top: .95rem;
    margin-bottom: .24rem;
}

.m-userinfo-hd.disabled {
    background-image: url(../img/wangshan2.png);
}

/*忘记卡号*/
.m-forgetcard {

}

.m-forgetcard-hd {
    color: #777;
    padding: .12rem .10rem;
    font-size: 1.093333rem;
}

.forgetcard-list li {
    background: #fff;
    margin-bottom: .05rem;
    border-bottom: 1px solid #eee;
}

.forgetcard-list li h3 {
    margin-left: .10rem;

    border-bottom: 1px dashed #eee;
    line-height: .27rem;
    height: .27rem;
    font-size: .12rem;
    color: #777
}

.forgetcard-list li p {
    display: -webkit-box;
    -webkit-box-align: center;
    padding: .15rem .1rem;
    font-size: .14rem;
    position: relative;
}

.forgetcard-list li p > .card_icon {
    background-position: left center;
}

.forgetcard-list li p > .card-item {
    display: block;
    -webkit-box-flex: 1;

}

.forgetcard-list li p > .icon-select {
    font-size: .18rem;
    width: .36rem;
    display: block;
    text-align: right;

}

/*没有日期字段重置*/
.forgetcard-list li.no-time h3 {
    display: none;

}

.forgetcard-list li.no-time p {
    padding: .25rem .10rem;
}

/*诊疗卡/健康卡等*/
.card-icon {
    display: block;
    padding-left: .08rem;
    background-repeat: no-repeat;
    background-size: .2rem;
    width: .2rem;
    height: .2rem;
    background-position: left top
}

.xz-card-icon {
    background-position: left center
}

/*诊疗卡*/
.card_1 {
    background-image: url(../img/card_ico1.png)
}

/*健康卡*/
.card_2 {
    background-image: url(../img/card_ico2.png)
}

/*市民卡*/
.card_3 {
    background-image: url(../img/card_ico3.png)
}

/*社保卡*/
.card_7 {
    background-image: url(../img/card_ico7.png)
}

.m-protocol {
    padding: .15rem;
}

.m-protocol p {
    line-height: 1.7;
    font-size: .14rem;
    padding-bottom: .05rem;
}

/*联系人类型选择*/
.m-addcontact-form {
    background: #fff;
    padding-top: 0;
}

.m-addcontact-form .m-form-ul .focus #birth, .m-addform .m-form-ul .focus #birth {
    padding-right: 0;
}

.contact-type {

    border-radius: 4px;
    margin: .15rem .6rem;
    border: 1px solid #5ebbcd;
    height: .32rem;
    line-height: .32rem;
    font-size: .14rem;
    display: -webkit-box;
    -webkit-box-align: center;

}

.contact-type a {
    -webkit-box-flex: 1;
    width: 50%;
    display: block;
    text-align: center;
    color: #5ebbcd;
}

.contact-type a.on {
    background: #5ebbcd;
    color: #fff;
    height: 100%;
}

/*健康帐户认证*/
.m-healthAccount {

}

.flowchart {

    padding: .20rem 0 .10rem 0;

}

.progress {
    background: #bbb;
    height: .01rem;
    margin: .05rem auto;
    width: 66.66666%;
    position: relative;
}

.progress-bar {
    background: #5ebbcd;
    height: 100%;
    width: 33.33%
}

.progress-bar-two {
    width: 66.66%
}

.progress-bar-end {
    width: 100%
}

.flowchart .steplist {
    display: -webkit-box;
    -webkit-box-align: center;
    margin-top: -.10rem;
    position: relative;
}

.steplist li {
    width: 33.33%;
    text-align: center;
    line-height: 220%;
}

.steplist .step {
    color: #bbb;
}

.flowchart .current {
    color: #5ebbcd;
}

.steplist .step i {
    display: block;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    border: 1px solid #bbb;
    background: #fff;
    margin: 0 auto;
}

.flowchart .current i {
    border: 1px solid #5ebbcd;
    background: #5ebbcd;
}

.twostep .progress {
    width: 50%
}

.twostep .progress-bar-two {
    width: 50%
}

.twostep .steplist li {
    width: 50%
}

.twostep .steplist li:first-child {
    display: none;
}

.icon-insqustion {
    color: #bbb;
    padding-right: .10rem;
}

.dia-pop-protocol .dia-pop-select a {
    color: #444;
}

.agreeContent {
    width: 100%;
    min-height: 100%;
    background: #fff;
}

.agreeContent iframe {
    width: 100%;
    height: 100%;
}

.m-b-tip {
    padding: .12rem .12rem 0 .12rem;
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .13rem;
    color: #777;
    line-height: 1.8;
}

.icon-banzhu {
    color: #5ebbcd;
    font-size: .14rem;
    padding-left: .05rem;
}

.m-carelist .btncancel {
    display: block;
    width: .25rem;
    padding-left: .10rem;
    background-size: .16rem;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(../img/attention-2.png);

}

.m-carelist dl {

}

.m-carelist dl .m-info p {
    display: -webkit-box;

}

.m-info p .p-txt {
    -webkit-box-flex: 1;
    display: block;
    color: #777;
    padding-left: .05rem;
}

.m-carelist .special {
    display: -webkit-box;

    word-break: break-all;
}

.m-carelist .nowarp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-box-flex: 1;
}

.m-info p .icon-dizhi2 {
    padding-right: .05rem;
}

/*诊疗卡挂失*/
.cancelTxt {
    text-align: center;
    padding: .3rem .1rem .15rem 0;
    font-size: .14rem;
    color: #444
}

.u-field-auto {
    padding: .12rem 0;
    position: relative;
    -webkit-box-flex: 1;
    display: -webkit-box;
}

.m-form-ul .focus .long-textarea {
    padding-right: 20px;
}

.m-form-ul li textarea::-webkit-input-placeholder {
    color: #bbb;
}

.long-textarea {
    font-size: .14rem;
    line-height: .22rem;
    height: .22rem;
    -webkit-box-flex: 1;
    outline: 0;
    display: block;
    text-align: right;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

/*挂号-确认订单-添加 联系人*/
.m-addform {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 1.133333rem;
    background: #fff;
    padding: 0;
}

.dia-pop-confirm {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 401;
    font-size: .14rem;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translate(0, 100%);
}

.dia-pop-on {
    -webkit-transform: translate(0, 0);
}

.dia-pop-content {
    background: #fff;
    border-radius: 5px;
    padding: 0 5px .1rem 10px;
    font-size: .14rem;
}

.dia-pop-content h1 {
    text-align: center;
    padding: .05rem 0;
    height: .4rem;
    font-size: .16rem;
    line-height: .4rem;
}

.dia-pop-content .text {

    height: 3.5rem;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;

}

.dia-pop-content .text iframe {
    width: 100%;
    height: 101%;
}

.dia-pop-content .text iframe html, .dia-pop-content .text iframe body {
    height: 101%;
}

.dia-pop-confirm .cancel {
    display: block;
    margin: 10px 0;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    font-size: .17rem;
    color: #5ebbcd;
}

.m-list li .icon-wenzhen{
    background:url(../img/center-wenzhen.png) no-repeat left 2px;
    width:.15rem;
    height: .17rem;
    background-size:.15rem;
    vertical-align: middle;
}
/* 就诊人管理 */
.visiting-person .add-card{
    color: #5ebbcd !important;
}
.visiting-person .add-card img{
    width: 0.16rem;
    vertical-align: text-top;
}
.visiting-person .m-reg-tit-a{
    line-height: .27rem;
    height: .27rem;
    color: #5ebbcd;
    border-bottom: 1px solid #f8f8f8;
    font-size: .14rem;
}
.visiting-person .m-reg-tit-a:before {
    width: 3px;
    vertical-align: text-top;
    height: .14rem;
    line-height: .14rem;
    content: ' ';
    display: inline-block;
    background-color: #5ebbcd;
    margin-right: .05rem;
}
.visiting-person .info{
    background: #fff;
    padding: .1rem .1rem;
    margin-bottom: .1rem;
}
.visiting-person .info li{
    font-size: .13rem;
    line-height: .4rem;
    color: #999;
}
.visiting-person .info li i{
    color: red;
}
.visiting-person .info li span{
    color: #333;
}
.scan-icon {
    height: 45px;
    width:  45px;
    margin-right: -.14rem;
    margin-top: -.18rem;
    background: url(../img/ysicon12.png) no-repeat;
    background-size: .33rem .33rem;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    right: 0;
}

.radio-box {
	width: 50vw;
	height: .2rem;
	display: flex;
	align-items: center;
	position: relative;
	margin: .12rem 0;
}
.radio-box input[type='radio'] {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	opacity: 0;
}
.radio-box label {
	position: absolute;
	left: 30px;
	top: 0;
	height: 20px;
	line-height: 20px;
}
.radio-box label:before {
	content: '';
	position: absolute;
	left: -30px;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 50%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.radio-box label:after {
	content: '';
	position: absolute;
	left: -22px;
	top: 3px;
	width: 6px;
	height: 12px;
	border: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.radio-box input[type='radio']:checked + label:before {
	background: #5ebbcd;
	border-color: #5ebbcd;
}
.radio-box input[type='radio']:checked + label:after {
	background: #5ebbcd;
}