@charset "utf-8";
body{
    background-color:#fff;
}
.outer_box{
    width:6.4rem;
}

.phy1_container{
    width:100%;
    /* min-width:320px; */
    margin:0 auto;
    background-color:#fff;
    padding:0.7rem 0.2rem 0.3rem;
}
.slide_up_box{
    position:fixed;
    z-index:999;
    bottom:1%;
    left:50%;
    transform:translateX(-50%);
    height:1.5rem;
    width:1.5rem;
    background: url("https://static.inertiabiotech.com/uniskin/report-mobile/images/slide_up.svg") no-repeat 0 0;
    background-position:50% 50%;
    background-size:70%;
    animation: slideup 1.5s infinite;
}
@keyframes slideup {
    0% {
        background-position: 50% 60%;
    }
    50% {
        background-position: 50% 10%;
    }
    100% {
        background-position: 50% 60%;
    }
}



.phy1_container h2{
    font-weight:bold;
    margin:0.4rem auto;
    font-size:0.3rem;
}
.phy1_container .sub_area{
    position:relative;
    /* background:url("https://static.inertiabiotech.com/uniskin/report-mobile/images/beijing2.png") no-repeat 0 0; */
    background-size:100% 70%;
    border-radius:0.1rem;
    margin:0 0.1rem;
    box-shadow:0 0 5px #ccc;
}
.phy1_container .sub_area h3{
    font-size:0.24rem;
    font-weight:bold;
    padding-bottom:0.4rem;
}
 .sub_area p{
     padding-bottom:0.6rem;
    font-size:0.22rem;
}
.sub_area .skin_condition_sub{
    margin:0rem 0.1rem;
    padding:0.3rem 0.2rem 0.8rem;
    /* box-shadow:0 0 5px #ccc; */
}
.sub_area .gene_condition_sub{
    margin:0.4rem 0.1rem;
    padding:0.4rem 0.2rem 0rem;
    /* box-shadow:0 0 5px #ccc; */
}
/* 仪表盘 */
.indicator_box{
    width:100%;
    height:2.5rem;
    /* background-color:greenyellow; */
    position:relative;

}
.indicator_box .ind:nth-child(1){
    box-sizing:border-box;
    margin:0 2%;
    width:29%;
    height:2.5rem;
    background:url("https://static.inertiabiotech.com/uniskin/report-mobile/images/car_pannel.svg") no-repeat;
    background-size:contain;
    position:absolute;
    left:10%;;
    top:0;
    /* z-index:999; */
    /* opacity:0.4; */
}
.indicator_box .ind:nth-child(2){
    box-sizing:border-box;
    margin:0 2%;
    width:29%;
    height:2.5rem;
    background:url("https://static.inertiabiotech.com/uniskin/report-mobile/images/car_pannel.svg") no-repeat;
    background-size:contain;
    position:absolute;
    /* left:33%; */
    right:10%;
    top:0;
    /* z-index:999; */
    /* opacity:0.6; */
}



.ind span.potential_name{
    text-align:center;
    z-index:999;
    position:absolute;
    bottom:0.6rem;
    left:50%;
    transform:translateX(-50%);
    font-size:0.14rem;
    width:100%;
}
.ind span.potential_score{
    text-align:center;
    z-index:999;
    position:absolute;
    bottom:1rem;
    left:50%;
    transform:translateX(-50%);
    font-size:0.14rem;
    width:100%;
}

.ind .pointer{
    width:10%;
    position:absolute;
    z-index:999;
    bottom:1.55rem;
    left:50%;
    transform:translateX(-50%) rotate(-90deg);
    transform-origin:center bottom;
    transition:transform 3s;
}





.phy1_container .sub_area .graphic{
    position:absolute;
    top:2rem;
    left:50%;
    transform:translateX(-50%);
    margin:0.8rem auto;
    width:4.2rem;
    height:6px;
    background-image: linear-gradient(to right, #f6f6f6 0%, #000 100%);
}
.graphic .low_point{
    position:absolute;
    left:-0.4rem;
    top:50%;
    transform:translateY(-50%);
    font-size:0.18rem;
    color:#666;
}
.graphic .high_point{
    position:absolute;
    right:-0.4rem;
    top:50%;
    transform:translateY(-50%);
    font-size:0.18rem;
    color:#999;

}

.phy1_container .sub_area .indicator_title{
 
    position:absolute;
    top:-0.7rem;
    left:-0.5rem;
    width:1rem;
    font-size:0.18rem;
    font-weight:bold;
}

.phy1_container .sub_area .mask{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:14px;
    height:14px;
    background-color:#fff;
    border:2px solid #000;
    border-radius:50%;
    transition:left 3s;
}
.sub_area .score_lev{
    display:none;
    position:absolute;
    bottom:-0.5rem;
    left:0;
    width:0.5rem;
    font-size:0.18rem;
    color:#000;
    transform:translateX(-25%);
    transition:left 3s;
}

.phy1_container .radius_box{
    margin:0 0.1rem;
    border-radius:0.1rem;
    box-shadow:0 0 10px #ccc;
}
.phy1_container .general h3{
    border-radius:0.1rem 0.1rem 0 0;
    font-size:0.3rem;
    /* font-weight:bold; */
    text-align:center;
    margin-top:0.4rem;
    color:#fff;
    background-color:#000;
    height:0.54rem;
    line-height:0.54rem;
}

.phy1_container .general{
    border-radius:0.1rem;
}
.phy1_container .general .general_msg{
    padding:0 0.4rem;
    margin:0.4rem 0 0rem;
    font-size:0.22rem;
    color:#000;
}

.phy1_container .total_parts{
    padding:0rem 0.3rem 0.5rem 0.3rem;
    margin:0rem 0.22rem 0.1rem;
    /* border:1px solid #cdcdcd; */
}
.phy1_container .part .title{
    font-size:0.3rem;
    color:#999;
    text-align:center;
    margin-bottom:0.3rem;
}
.phy1_container .part .info{
    font-size:0.22rem;
    margin-bottom:0.3rem;

}
.phy1_container .part .part_data{
    margin-bottom:0.3rem;
}
.phy1_container .part_data .data_pic{
    margin:0 auto;
    width:45%;
    float:left;
}
.phy1_container .part_data .data_info{
    margin:0 auto;
    width:55%;
    float:left;
}
.phy1_container .part_data .data_pic .pic{
    /* 此处图片尺寸未定 */
    width: 2rem;
    height:2rem;
    /* background-image:url("https://static.inertiabiotech.com/uniskin/report-mobile/images/blood.png"); */
    border-radius:50%;
    margin-right:0.22rem;
    position:relative;
}
.phy1_container .data_pic .pic>img{
    width:100%;
    height:100%;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
}


.phy1_container .part_data .data_info{
    font-size:0.22rem;
}

.img_box{
    position:relative;
    height:0.6rem;
    margin:0.8rem 0 0.4rem;
}
.img_box img{
    position:absolute;
    top:0;
    /* left:-0.2rem; */
    left:50%;
    transform:translateX(-50%);
    width:110%;
}