@charset "utf-8";
/* @often 常用标签_@Start */
html { font-family: "微软雅黑"; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, tr, a { margin: 0 auto; padding: 0; }
body { color: #333; background: #f7f8ff; }
table { width: 100%; border-collapse: collapse; }
td, th { font-size: 12px; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a { outline: none; }
em, i, p, dfn, b, strong { font-style: normal; font-weight: normal; }
.wrap { overflow: hidden; width: 100%; height: 100vh; }
.contentbox { width: 100%; padding: 15px; box-sizing: border-box; overflow-y: scroll; }
.main { overflow: auto; width: 100%; height: calc(100vh - 50px); }
/*修改个人信息表单提交*/
.form { overflow: hidden; width: 100%; height: calc(100vh - 68px); padding: 0 20px; box-sizing: border-box; position: relative; }
.form_item { width: 100%; height: auto; background: #fff; border-radius: 4px; margin: 10px auto; padding: 5px 10px; float: left; box-sizing: border-box; }
.field_name { overflow: hidden; float: left; font-size: 15px; color: #7d7c7c; width: 70px; height: 38px; line-height: 38px; }
.filed_input { float: left; width: calc(100% - 70px); font-size: 15px; height: 38px; line-height: 38px; text-align: right; color: #333; }
.idcarduploadbuttonbox { width: 55px; height: 38px; float: left; }
.idcarduploadbutton { border-radius: 2px; width: 40px; float: right; margin: 8px 0; }
.form_footer { overflow: hidden; position: fixed; bottom: 0px; left: 0; right: 0; background: #f7f8ff; }
.confirmbutton { width: 50%; border-radius: 8px; margin: 10px 25%; background: #006eff; }
.confirmbutton_no { width: 50%; border-radius: 8px; margin: 10px 25%; background: #d9dbde; }
.towbutton_confirm { width: 40%; border-radius: 4px; margin: 10px 5% !important; background: #006eff; float: left; }
.towbutton_confirm_no { width: 40%; border-radius: 4px; margin: 10px 5% !important; background: #d9dbde; float: left; }
.towbutton_cancel { width: 40%; border-radius: 4px; margin: 10px 5%; background:#fff; float: left; border-color:#fff;color:#333; }
.towbutton_cancel_no { width: 40%; border-radius: 4px; margin: 10px 5%; background: #fff; float: left; border-color: #fff; color: #cec7c7; }
    .towbutton_del { width: 20%; border-radius: 4px; margin: 10px 5%; background: #FF5722; float: left; }
.towbutton_del_disabled { width: 20%; border-radius: 4px; margin: 10px 5%; background: #FBFBFB; float: left; color: #d2d2d2; }
/*绑定手机*/
.logobox { overflow: hidden; width: 100%; margin: 50px 0 20px 0; height: 120px; }
.logo { overflow: hidden; width: 80px; height: 80px; border-radius: 40px; margin: 0 auto; }
.orgname { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 20px; margin-top: 10px; float: left; }
.form_item_ico { width: calc(100% - 40px); height: auto; height: 48px; margin: 10px 20px; padding: 5px 10px; float: left; box-sizing: border-box; border-bottom: solid 1px #999; }
.field_name_ico { overflow: hidden; float: left; font-size: 15px; color: #333; width: 30px; height: 30px; margin-top: 4px; }
.filed_input_ico { float: left; width: calc(100% - 30px); font-size: 15px; height: 38px; line-height: 38px; color: #888; }
.sendmsgbtnbox { width: 150px; height: 38px; float: left; }
.sendmsgbtn { width: 130px; float: right; height: 27px; line-height: 27px; margin-top: 5px; border-radius: 4px; background: #006eff; }
/* 个人信息 */
.userinfo_ul { overflow: hidden; width: calc(100% - 40px); height: auto; }
.userinfo_li { overflow: hidden; width: calc(100% - 30px); height: auto; border-radius: 4px; background: #fff; margin: 15px auto; padding: 15px; line-height: 24px; font-size: 15px; }
    .userinfo_li > a { overflow: hidden; float: left; width: 100%; height: 100%; }
.userinfo_li_left { overflow: hidden; float: left; color: #999; }
.userinfo_li_right { overflow: hidden; float: right; color: #333; }
.userinfo_li_icon { width: 10px; height: 24px; background: url(/Content/images/Patient/right_arrow.png) no-repeat center center; overflow: hidden; float: right; }
.userinfo_li:nth-child(1) .userinfo_li_left { margin-top: 10px; }
    .userinfo_li:nth-child(1) .userinfo_li_left > div:nth-child(1) { color: #333; font-size: 18px; }
    .userinfo_li:nth-child(1) .userinfo_li_left > div:nth-child(2) { font-size: 14px; height: 20px; line-height: 20px; margin-top: 12px; }
.userinfo_li_img { overflow: hidden; float: right; width: 74px; height: 74px; border-radius: 50px; }
    .userinfo_li_img > img { width: 100%; }


/*个人中心首页*/
.user_wrap { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; }
.user_bg { width: 100%; margin: 0; padding: 0; } 
.user { overflow: hidden; }
.user_img { overflow: hidden; width: 75px; height: 75px; border-radius: 50px; margin: 20px auto; }
    .user_img > img { width: 100%; }
.user_info { overflow: hidden; width: 100%; height: auto; color: #fff; text-align: center; margin-bottom: 5px; font-size: 14px; }
.nav_ul { overflow: hidden; margin-top: 30px; padding: 0 20px; }
.nav_li { overflow: hidden; float: left; padding: 0 20px; width: 100%; height: 60px; line-height: 60px; background: #fff; margin-bottom: 15px; border-radius: 10px; box-shadow: 0px 2px 6px 0px rgba(3,121,255,.14); box-sizing: border-box; }
.nav_li_left { overflow: hidden; float: left; width: calc(100% - 10px); }
    .nav_li_left > div { overflow: hidden; float: left; }
.nav_li_left_icon { width: 30px; height: 30px; background: lightblue; margin: 15px 15px 15px 0; }
.nav_li_left_label { font-size: 15px; }
.nav_li_right { overflow: hidden; float: left; width: 10px; height: 24px; margin: 18px 0; background: url(/Content/images/Patient/right_arrow.png) no-repeat center center; }
/*健康卡列表*/
.jkkitem { overflow: hidden; width: 100%; height: calc((100vw - 30px) * 0.56); margin-top: 15px; border-radius: 8px; background: url(/Content/images/Patient/jkk.png) left top no-repeat; background-size: contain; position: relative; float:left; }
.jkkitem_info{width:calc(100% - 30px); height:80px; float:left;  margin-left:15px; margin-top:80px;}
.jkkitem_info_text{width:calc(100% - 100px); height:80px; font-weight:600;font-size:16px; color:#000; float:left;}
    .jkkitem_info_text_name{width:100%; height:30px; line-height:30px;  margin-top:10px; float:left;}
.jkkitem_info_text_idnumber { width: 100%; height: 30px; line-height: 30px; margin-top: 10px; float: left; }
    .jkkitem_info_qrcode { width: 80px; height: 80px; margin-left: 20px; float: left; }
.jkkitem_info_qrcode img{width:80px; height:80px;}
.updatecard { overflow: hidden; position: absolute; background: rgba(0,0,0,0.3); left: 0; top: 0; bottom: 0; right: 0; color: #fff; margin: 0 ; border-radius: 8px; }
.updatecard_title { font-size: 19px; float: left; padding-left: 30px; width: 130px; box-sizing: border-box; left: 50%; top: 50%; position: absolute; margin-top: -15px; margin-left: -65px; background: url(../img/upgrade.png) no-repeat left center; background-size: 20.5px 22.5px; }
.etitem { overflow: hidden; width: 100%; height: calc((100vw - 30px) * 0.41); margin-top: 15px; border-radius: 8px; background: url(/Content/images/Patient/et.png) left top no-repeat; background-size: contain; float: left; }
.etitem_name { width: 100%; height: 25px; line-height: 25px;  float: left; text-indent:15px; font-weight:600; margin-top:60px;}
.etitem_idnumber { width: 100%; height: 25px; line-height: 25px;  float: left; text-indent: 15px; font-weight: 600; }
.txzitem { overflow: hidden; width: 100%; height: calc((100vw - 30px) * 0.41); margin-top: 15px; border-radius: 8px; background: url(/Content/images/Patient/txz.png) left top no-repeat; background-size: contain;  float:left; }
.txzitem_name { width: 100%; height: 25px; line-height: 25px; float: left; text-indent: 15px; font-weight: 600; margin-top: 60px; }
.txzitem_idnumber { width: 100%; height: 25px; line-height: 25px; float: left; text-indent: 15px; font-weight: 600; }

/*  就诊人列表 */
.card_wrap { height: calc(100vh - 105px); overflow-y: scroll; }

.card_item { overflow: hidden; width: 100%; height: auto; margin: 15px auto; border-radius: 8px; position: relative; padding: 0 20px; box-sizing: border-box; }
.card_item_top { width: 100%; height: auto; }
    .card_item_top img { width: 100%; }
.card_item_top_content { overflow: hidden; position: absolute; bottom: 90px; left: 40px; right: 15px; color: #000; font-weight: 600; }
.card_item_top_content_name { font-size: 17px; }
.card_item_top_content_idno { font-size: 15px; margin-top: 10px; }
.card_item_bottom { width: 100%; height: 40px; }
.card_item_bottom_left { width: 50%; height: 40px; line-height: 40px; background-color: #65a3f3; color: #fff; text-align: center; float: left; border-radius: 4px 0 0 4px; }
.card_item_bottom_right { width: 50%; height: 40px; line-height: 40px; background-color: #e37a58; color: #fff; text-align: center; float: left; border-radius: 0 4px 4px 0; }

.layer_card_item { overflow: hidden; width:calc(100% - 40px); height: 140px; margin: 15px auto; border-radius: 4px; background: url(/Content/images/Patient/healthCardbg.png) left top no-repeat; background-size: cover; padding: 0 20px; box-sizing: border-box; }
.layer_card_item_content {width:100%; height:80px; overflow: hidden;  color: #000; float:left;margin-top:50px; }
.layer_card_item_content_left { width: 70%; height: 80px; float: left; }
.layer_card_item_content_left_name { font-size: 16px; height:40px; line-height:40px;font-weight:bolder;}
.layer_card_item_content_left_idno { font-size: 16px; height: 30px; line-height: 30px; }
.layer_card_item_content_right { width: 30%; height: 30px; line-height:30px; float: left; background-color:#006eff;color:#fff;border-radius:4px;text-align:center; }



    .field_name_address { width: 100%; height: 30px; line-height: 30px; float: left; font-size: 15px; color: #7d7c7c; }
.curraddressdiv { width: 100%; height: auto; line-height: 25px; float: left; }
.field_readonlyvalue { width: 100%; height: 100%; color: #7d7c7c; }
/*健康卡*/
.card_up { overflow: hidden; position: absolute; background: rgba(0,0,0,0.3); left: 0; top: 0; bottom: 0; right: 0; color: #fff; margin: 0 20px; border-radius: 8px; }
.card_up_title { font-size: 19px; float: left; padding-left: 30px; width: 130px; box-sizing: border-box; left: 50%; top: 50%; position: absolute; margin-top: -15px; margin-left: -65px; background: url(../img/upgrade.png) no-repeat left center; background-size: 20.5px 22.5px; }

/* 新增就诊人弹出层样式*/
.card_layer { overflow: hidden; height: auto; background: none !important; box-shadow: none !important; }
    .card_layer .card_layer_wrap { overflow: hidden; width: calc(100% - 20px); height: auto; background: #fff; border-radius: 8px; }
        .card_layer .card_layer_wrap .card_layer_a { overflow: hidden; float: left; width: 100%; height: 59px; line-height: 59px; font-weight: 400; font-size: 15px; color: #333; text-align: center; border-bottom: 1px solid #f7f8ff; }
    .card_layer .card_layer_btn { overflow: hidden; border: none; background: #f7f8ff; float: left; width: calc(100% - 20px); height: 60px; line-height: 60px; font-weight: 400; font-size: 15px; color: #333; margin: 10px; border-radius: 8px; color: #0379ff; }

/*弹出询问对话框 */
.my_layer { overflow: hidden; width: 100%; height: auto; border-radius: 8px !important; }
    .my_layer .layui-layer-title { overflow: hidden; width: 100%; height: auto; padding: 3px 15px; box-sizing: border-box; text-align: center; border-bottom: 1px solid #eaebec; font-size: 17px; color: #333; font-weight: 700; background: #fff; }
    .my_layer .my_layer_content { overflow: auto; width: 100%; box-sizing: border-box; height: auto; font-size: 14px; color: #333; line-height: 22px; padding: 10px 15px; }
    .my_layer .my_layer_footer { overflow: hidden; margin-top: 20px; }
        .my_layer .my_layer_footer > button { float: left; width: 44%; margin: 0; border: none; border-radius: 0; margin: 0 3%; border-radius: 4px; }
            .my_layer .my_layer_footer > button:nth-child(1) { background: #f7f8ff; }
            .my_layer .my_layer_footer > button:nth-child(2) { float: left; width: 50%; margin: 0; border: none; }

/*  健康卡详情 */
.healthcardbox { width: 100%; height: calc(100vh - 105px); padding: 10px 15px; box-sizing: border-box; }
.healthcard_qrcodebox { width: 100%; height: auto; text-align: center; padding: 15px 0; background-color: #fff; }
.healthcard_qrcode { width: 100%; height: auto; overflow: hidden; }
.healthcard_Refresh { width: 90px; height: 30px; line-height: 30px; padding-right: 20px; margin: 10px auto 0 auto; text-align: right; color: #4e4e4e; background: url(/Content/images/patient/refresh.png) no-repeat right center; background-size: 16px; }
.healthcard_set { overflow: hidden; width: 100%; height: auto; padding: 10px 0; }
.healthcard_setbutton { overflow: hidden; float: right; padding-right: 20px; color: #0379ff; font-size: 14px; background: url(/Content/images/patient/setting.png) no-repeat right center; background-size: 14px; }
.healthcard_item { width: 100%; height: auto; padding: 10px 0; background-color: #fff; margin-top: 15px; }
.healthcard_item_left { width: 30%; text-align: right; text-indent: 20px; float: left; color: #999; }
.healthcard_item_right { width: 30%; text-align: right; text-indent: 20px; float: left; color: #333; }
/*错误页，默认提示页*/
.error { overflow: hidden; height: auto; text-align: center; margin-top: 30%; width: 100%; }
.error_img { overflow: hidden; height: auto; width: 80%; margin: 0 auto; }
    .error_img img { width: 100%; height: auto; }
.error_info { overflow: hidden; height: auto; line-height: 30px; font-size: 14px; color: #666; }