*, html, body{ box-sizing: border-box; }
/* 心脑血管风险评估 */

/*.serviceInfo{ display: flex; justify-content: space-between; align-items: center; margin: 15px 0; font-size: 14px; line-height: 24px; box-shadow: 0 0 30px #EEE; padding: 15px; border-radius: 10px; background-color: #fff;}*/
/*.serviceInfo .serviceName{ font-size: 16px;}*/
/*.serviceInfo .serviceNum{ color: #FF9624;}*/
/*.serviceSubmit_box, .result_box{ border-radius: 10px; box-shadow: 0 0 20px #EEE; margin: 10px 0;  padding: 10px 0 30px; font-size: 14px; background-color: #fff;}*/
/*.serviceSubmit_box .weui-cell{ margin-top: 5px; }*/
/*.serviceSubmit .weui-cell{ justify-content: space-between; }*/
/*.serviceSubmit .weui-cell__bd{ flex: unset; }*/
/*.serviceSubmit .weui-cell__bd input{ text-align: right; }*/
/*.radioInfoItemBox{ display: flex; justify-content: space-between; margin: 10px auto; }*/
/*.radioInfoItemBox .radio_item{ display: inline-block; width: 70px; vertical-align: middle;}*/
/*.radioInfoItemBox .radio_item a,.radioInfoItemBox .radio_item span{ vertical_align: middle; }*/
/*.geographicRegionBox:before{ content: unset; }*/

/*.serviceSubmit_box .serviceSubmit_btn{ width: 90%; background-color: #182F8C; margin-top: 20px; }*/
/* 首页 */
/*.physicalIndex img{ position: fixed; bottom: 0; left: 0; right: 0; }*/
/* 报告列表 */
/*.reportList_background{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/reportBackground.png?v=0429) no-repeat; background-size: cover; background-position: bottom; }*/
/*.reportList{ margin: 50px 15px;}*/
/*.reportItemBox{ box-shadow: 0 0 10px #eee; border-radius: 10px; background-color: #fff; margin: 15px 0; }*/
/*.reportInfo{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 24px; padding: 15px 30px; border-bottom: 1px solid #eee; }*/
/*.reportOperate div{ display: inline-block; width: 48%; text-align: center; color: #0A117A; padding: 15px 0; }*/
/*.reportOperate div:first-child{ border-right: 1px solid #eee; }*/
/* 报告结论 */
/*.reportResult{ background: linear-gradient(35deg, #224798, #53A2CB, #53A2CB, #224798); min-height: 190px; display: flex;}*/
/*.tenYearRiskBox{ width: 160px; height: 160px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; position: relative; color: #FFF; text-align: center; line-height: 40px; }*/
/*.tenYearRiskBoxSmall{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 145px; height: 145px; border: 1px solid #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; }*/
/*.tenYearRiskBoxSmall div div:last-child{ padding: 8px 0; }*/
/*.tenYearRiskBoxSmall .tenYearRisk{ font-size: 32px; font-weight: bold;  }*/
/*.tenYearRiskBoxSmall .result{ font-size: 24px; }*/
/*.result_box{ padding: 10px 15px; }*/
/*.result_box .result_item{ font-size: 16px; line-height: 30px; margin-bottom: 10px;}*/
/*.result_box .suggestTitle{ color: #386EAE; !*font-size: 15px; border-radius: 5px; padding: 3px 10px; margin-right: 10px;*! }*/
/*.result_box .suggestContent{ margin-bottom: 10px; color: #333; }*/
/*.masterSuggest{ font-size: 16px; color: #333; }*/
/*.result_box .result_table{ margin-top: 15px; text-align: center; border-radius: 10px; padding: 10px; }*/
/*.result_box .result_table table{ width: 100%; border-collapse: collapse; }*/
/*.result_box .result_table table tr th:first-child, .result_box .result_table table tr td:first-child{ width:40%; text-align: left; }*/
/*.result_box .result_table table tr th:nth-child(2), .result_box .result_table table tr td:nth-child(2){ width:30%; text-align: center; }*/
/*.result_box .result_table table tr th:last-child, .result_box .result_table table tr td:last-child{ width:30%; text-align: right; }*/
/*.result_box .result_table table tr td:last-child{ color: #929292; font-size: 12px;}*/
/*.result_box .result_table table tr td.colspan{ text-align: left; color: black; font-size: unset; }*/
/*.result_box .result_table table tr th,.result_box .result_table table tr td{ padding: 8px 0; border-top: 1px solid #eee; }*/
/*.result_box .result_table table tr:last-child{ border-bottom: 1px solid #eee; }*/
/*.report_customerInfo{ font-size: 16px; text-align: left; margin-left: -10px; margin-bottom: 10px;}*/
/*.report_customerInfo i{ display: inline-block; width: 8px; height: 24px; background-color: #386EAE; vertical-align: middle; }*/
/*.report_tips{ color:#666; font-size: 14px; text-align: left; }*/


/* 登录 */
.loginBox{ position: absolute; width: 100%; z-index: 8; margin-top: -20%; background-color: #FFF; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 40px 10% 10px; font-size: 16px;}
.loginBox .inputGroup-label{ color: #404040; margin-bottom: 8px; }
.loginBox .inputGroup-input input{ width:100%; height: 48px; border: unset; background-color: #EFEFEF; border-radius: 10px; padding: 6px 10px; font-size: 14px; margin-bottom: 20px; }
.loginBtn{ width: 100%; background-color: #6EA1F5; margin-top: 15%; border: unset; }
/* 首页 */
.indexBody{ width: 100%; background: url(../img/indexBackg.png); background-size: cover; }
.indexBox{ padding: 20px 10%; }
.customizationTitle{ font-size: 16px; color: #2886F2; font-weight: 600; margin-bottom: 8px;}
.customizationBox, .instructionsBox{ margin-bottom: 40px; }
.customizationContent{ display: flex; justify-content: space-between; align-items: center; }
.customizationContent img{ width: 25%; }
.instructionsContent img{ width: 47%; }
.evaluationContent img{ width: 100%; }
/* 报告列表 */
.reportList_background{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/indexBackg.png) no-repeat; background-size: cover; padding: 20px; }
/*.backTitleImg{ margin-top: 10%; }*/
.reportList{ margin: 30px 10px;}
.reportItemBox{ box-shadow: 0 0 10px #eee; border-radius: 10px; margin: 20px 0; color: #FFF; overflow: hidden; }
.reportInfo{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 24px; padding: 10px 30px; border-bottom: 1px solid #FFF; background-color: #88BCF8; }
.reportOperate{ display: flex; justify-content: space-between; align-items: center; }
.reportOperate div{ display: inline-block; width: 50%; text-align: center; padding: 11px 0; background-color: #F2C27F;}
.reportOperate div:first-child{ border-right: 1px solid #FFF; background-color: #EA9BC6;}
/* 测评项收集 */
.backTitleImg_white{ padding-top: 20px; background-color: #7CA8F4; width: 100%; height: 20%;}
/*.backTitleImg_white img{ margin-top: 10%; }*/
.inputInfoBox{ display: flex; justify-content: space-between; align-items: center; color: #F7FAFF; background: linear-gradient(35deg, #6DA0F4, #75AEF8, #7FC1FE); margin: 20px 30px; padding: 15px 20px 15px 15px; border-radius: 10px;}
.inputInfoBox img{ margin: auto 10% auto 6%; width: 20%; }
.inputContentBox p{ font-size: 19px; margin-bottom: 15px; text-align: center;}
.inputInfoContent .inputInfoGroup{ margin: 10px 0; }
.inputInfoGroup{ display: flex; justify-content: space-between; align-items: center; }
.inputInfoGroup.linefeed{ display: block;}
.inputInfoContent input{ color: #FFF; border: 1px solid #F7FAFF; border-radius: 5px; background-color: transparent; padding: 4px 6px; width: 62%; }
.inputInfoContent input::placeholder { color: #efefef; }
.inputInfoContent input.linefeed{ width: 100%; }

.info_tips{ font-size: 14px; margin-left: 30px; color: #505151;}
.radioInfoBox{ margin: 20px 30px; font-size: 15px; }
.radioInfoItemBox{ display: flex; justify-content: space-between; align-items: center; margin: 10px auto; }
.radioInfoItemBox .weui-cell__bd{ white-space: nowrap; text-align: right; }
.radioInfoItemBox .weui-cell__bd input{ text-align: right; }
.radioInfoItemBox .radio_item{ display: inline-block; width: 70px; vertical-align: middle;}
.radioInfoItemBox .radio_item a,.radioInfoItemBox .radio_item span{ vertical_align: middle; }
.geographicRegionBox:before{ content: unset; }
.radioInfoBox .radioInfoItemBox{ margin: 15px auto; border-radius: 15px; padding: 15px 20px; }
.radioInfoBox .radioInfoItemBox.weui-cell:before{ content: unset; }
.radioInfoBox .radioShow:nth-child(even){ background-color: #FFF; color: #505151; }
.radioInfoBox .radioShow:nth-child(even) .picker_selected:before{ content: "\EA06"; color: #73AAF7; }
.radioInfoBox .radioShow:nth-child(odd){ background: linear-gradient(to right, #6D9FF4, #73AAF7, #7FC1FF); color: #FFF; }
.radioInfoBox .radioShow:nth-child(odd) .picker_selected:before{content: "\EA06"; color: #FFF;}
.radioInfoBox .radioShow.customerUntreatedSbpBox{ background: linear-gradient(to right, #73AAF7, #88BCF8, #a9b6fc); color: #FFF; }
.radioInput{ margin-left: 20%; padding: 10px 4px; border: 1px solid #eee; border-radius: 10px; width: 80%; }

button.serviceSubmit_btn{ display: block; width: 50%; background: linear-gradient(to right, #6D9FF4, #73AAF7, #7FC1FF); border: unset; color: #FFF; margin: 20px auto; }
button.serviceSubmit_btn:after{ border: unset; }
/* 体检报告结论 */
.backTitleImg_margin{ margin-left: 15px; padding-top: 20px; }
.reportResult{ min-height: 250px; display: flex;}
.reportResult.low{ background: radial-gradient(circle, #86cbff, #74ADF8, #6D9FF4, #6D9FF4); min-height: 250px; display: flex;}
.reportResult.high{ background: radial-gradient(circle, #FE769C, #ED1E79, #ED1E79);}
.reportResult.mid{ background: radial-gradient(circle, #FBAF39, #FF9200, #FF9200);}
.tenYearRiskBox{ width: 160px; height: 160px; margin: auto; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; position: relative; color: #FFF; text-align: center; line-height: 30px; }
.tenYearRiskBoxSmall{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 145px; height: 145px; border: 1px solid #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.tenYearRiskBoxSmall div div:last-child{ padding: 8px 0; }
.tenYearRiskBoxSmall .tenYearRisk{ font-size: 30px; font-weight: bold; margin-top: 10px; }
.tenYearRiskBoxSmall .result{ font-size: 20px; }
.result_box{ margin: 10px 12%; }
.result_box .result_item{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.result_box .suggestTitle, .referenceBox .suggestTitle{ color: #2685F2; font-size: 15px; }
.result_box .suggestContent{ font-size: 14px; margin-bottom: 10px; color: #4B4A4A; line-height: 24px; }
.masterSuggest{ font-size: 14px; color: #4B4A4A; }
.result_table{ margin-top: 15px; text-align: center; padding: 20px 12%; background-color: #FFF; }
.result_table table{ width: 100%; border-collapse: collapse; font-size: 13px; color: #4D4D4D; }
.result_table table tr th:first-child, .result_table table tr td:first-child{ width:40%; text-align: left; }
.result_table table tr th:nth-child(2), .result_table table tr td:nth-child(2){ width:30%; text-align: center; }
.result_table table tr th:last-child, .result_table table tr td:last-child{ width:30%; text-align: right; }
.result_table table tr td:last-child{ font-size: 12px;}
.result_table table tr td.colspan{ text-align: center; font-size: 13px; }
.result_table table tr th, .result_table table tr td{ padding: 6px 0; border-top: 1px solid #eee; }
.result_table table tr:last-child{ border-bottom: 1px solid #eee; }
.report_customerInfo{ font-size: 14px; color: #4B4A4A; text-align: left; margin-left: -10px; margin-bottom: 10px;}
.report_customerInfo i{ display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(45deg, #77A1EC, #8DB3F3, #A9CBFC); vertical-align: middle; }
.report_tips{ color:#666; font-size: 14px; text-align: left; }

:root {
    --bubbleColor: #2082F2;
    --mid: #FF9A09;
    --high: #ED207A;
}

.referenceBox{ margin: 15px 12% 10px; }
.referenceImgBox{ margin: 10px auto 20px; width: 100%; }
.referenceImgTopBox{ display: flex; justify-content: center; height: 100%; }
.referenceImgTopBox .referenceImg{ width: 89.4%; }
.referenceImg{ position: relative; }
.referenceImg .referenceImgPostion{ position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: var(--bubbleColor); }
.referenceImgPostion .bubble {
    position: absolute; bottom: 6px; left: -33px;
    width: 70px; padding: 2px 4px; margin-bottom: 12px;
    font-size: 12px; text-align: center; color: #FFF;
    background: var(--bubbleColor); border: 1px solid var(--bubbleColor); border-radius: 10px;
    white-space: nowrap; line-height: 16px;
}
.referenceImgPostion .bubble::before, .referenceImgPostion .bubble::after {
    position: absolute; bottom: -20px; left: calc(50% - 10px);
    display: block; font-size: 0; line-height: 0;
    border-color: var(--bubbleColor) transparent transparent; border-style: solid; border-width: 10px;
    content: "";
}
.referenceImgPostion .bubble::after {
    bottom: -19px;
    border-color: var(--bubbleColor) transparent transparent;
}

/* loading */
.gifLoading{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #030B2B; z-index: 1; }
.gifLoading img{ display: block; margin: 30% auto 0; width: 100%; }
/* 建设中 */
.inConstructionImg{ display: block; width: 70%; margin: 40% auto 0; }

/*胃癌早期筛查*/
#stomachScreeningStartIcon{height: 100%;width: 100%;border-top-left-radius: 40px 60px;border-top-right-radius: 40px 60px;}
#questionnaireCopy{margin: 2rem;height: 65%}
#questionnaireCopy h3{margin-top: 2rem;color: #848cf9}
#questionnaireCopy p{margin-top: 2rem;}
#startEvaluation{height: 50%; width: 50%; margin: 4rem auto;}
#question-container {margin: 0 2rem;}
.question-box {border: 1px solid #ccc;padding: 8px;margin: 10px 0;cursor: pointer;width: 95%;max-height: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: normal;border-radius: 0.8rem;font-size: 1rem;display: flex;justify-content: center;line-height: 130%;}
#question-container h5{font-size: 1.25rem;}
.question-box.selected {background-color: #828bf9;color: white;}
.progress-bar {width: 95%;background-color: #f3f3f3;border: 0px solid #ccc;margin-bottom: 20px;border-radius: 0.5rem;}
.progress-bar-fill {height: 5px;background-color: #828bf9;width: 0;border-radius: 0.5rem;}
.navigation-buttons {display: flex;justify-content: space-between;margin-top: 20px;}
.container {position: relative;height: 200px;}
.container img {position: absolute;}
.title-box {width: 100%;height:100%;border-top-left-radius: 40px 60px;border-top-right-radius: 40px 60px;}
.risk-title {top: 45%; left: 50%;transform: translateX(-50%);height: 16%;}
.left-icon {top: 55%;left: 0;transform: translateY(-50%);padding-left: 3rem;}
.right-icon {top: 55%;right: 0;transform: translateY(-50%);padding-right: 3rem;}
.progress-container {margin: 0.2rem 2rem;}
.progress-title {font-size: 1.5rem;}
.problemBtn{  height: 2.5rem; width: 5.5rem;background-color: #828bf9;  border-radius: 0.8rem;font-size: 1.1rem;margin: 1rem;color: white;border: #f3f3f3;}
#complete-container div{display: flex; justify-content: center;}
#complete-container img{width: 50%;margin: 7rem;}
#current-question{font-weight: 700;color: #828bf9;font-size: 2rem}
/*#submit-btn {position: fixed;bottom: 2rem;left: 50%;transform: translateX(-50%);margin-bottom: 1rem;z-index: 10;}*/
/*#submit-btn img {display: block;width: 80%;height: 3rem;}*/
/*#submit-btn span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 1.5rem;}*/
/*#submit-btn {position: relative;bottom: auto;margin-bottom: 20px; }*/