kelfy-mini/pages/intelligentGuidance/intelligentGuidance.wxss

.main {
  margin: 30rpx 0;
  width: 750rpx;
  height: 100vh;
}

.place_switch_sex {
  position: relative;
  left: 20rpx;
  width: 220rpx;
  height: 60rpx;
}

.place_switch_age {
  margin-top: -35rpx;
  position: absolute;
  right: 20rpx;
  /* top: 50%; */
  transform: translateY(-50%);
}

.switch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 200rpx;
  height: 54rpx;
  border-radius: 54rpx;
  background: #f7f7fb;
}

.switchNums {
  width: 112rpx;
  height: 54rpx;
  line-height: 54rpx;
  border-radius: 54rpx;
  text-align: center;
  color: #C1C1C1;
  font-size: 28rpx;
  font-weight: bold;
}

.currentNum {
  background: #1989FA;
  color: #ffffff;
}

.body_area_adult_male_frontal {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/adult_male_frontal.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_adult_male_back {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/adult_male_back.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_adult_female_frontal {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/adult_female_frontal.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_adult_female_back {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/adult_female_back.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_body_frontal {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/boy_frontal.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_body_back {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/boy_back.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_girl_front {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/girl_front.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

.body_area_girl_back {
  width: 100vw;
  height: 85vh;
  display: flex;
  flex-direction: column;
  margin-top: 5rpx;
  justify-content: center;
  background-image: url(https://hnwjyy.oss-cn-shanghai.aliyuncs.com/zndy0319/girl_back.png);
  background-size: 85% 95%;
  background-repeat: no-repeat;
  background-position: center;
}

/* .body_img {
  height: 85vh;
} */

.head_area {
  /* margin-top: 3vh; */
  display: flex;
}

.head_area_single {
  width: 20vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.head_area_single_right_blank {
  width: 15vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.head_area_single_right {
  width: 25vw;
  height: 13vh;
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-font {
  /* border: 1px solid red; */
  font-size: small;
  text-align: center;
  float: left;
  background-color: #1989FA;
  color: #ffffff;
  border-radius: 10rpx;
}

.chest_area {
  display: flex;
  /* margin-top: 17vh; */
}

.chest_area_single {
  width: 23vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.chest_area_single_female {
  width: 30vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.chest_area_single_armfemale {
  width: 10vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.chest_area_single_femalechest {
  width: 23vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.chest_area_single_chest {
  width: 30vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.chest_area_single_arm {
  width: 11vw;
  height: 13vh;
  /* border: 1px solid red; */
}


.abdomen_area {
  display: flex;
}

.abdomen_area_single {
  width: 20vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.abdomen_area_single_female {
  display: flex;
  flex-direction: column;
  width: 30vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.abdomen_area_female_belly {
  width: 30vw;
  height: 9vh;
  /* border: 1px solid red; */
}

.abdomen_area_female_alvine {
  width: 30vw;
  height: 4vh;
  /* border: 1px solid red; */
}

.abdomen_area_single_female_forearm {
  width: 10vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.abdomen_area_single_forearm {
  width: 15vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.abdomen_area_single_abdomen {
  display: flex;
  flex-direction: column;
  width: 30vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.abdomen_area_belly {
  width: 30vw;
  height: 9vh;
  /* border: 1px solid red; */
}

.abdomen_area_alvine {
  width: 30vw;
  height: 4vh;
  /* border: 1px solid red; */
}

.thigh_area {
  display: flex;
}

.thigh_area_single_blank {
  width: 12vw;
  /* border: 1px solid red; */
}

.thigh_area_single {
  width: 20vw;
  height: 13vh;
  /* border: 1px solid red; */
}

.thigh_area_single_thigh {
  width: 35vw;
  height: 13vh;
  display: flex;
  flex-direction: column;
  /* border: 1px solid red; */
}

.thigh_area_privateparts {
  width: 35vw;
  height: 4vh;
  /* border: 1px solid red; */
}

.thigh_area_thigh {
  width: 35vw;
  height: 9vh;
  /* border: 1px solid red; */
}

.thigh_area_single_femaleblank {
  width: 30vw;
  /* border: 1px solid red; */
}

.thigh_area_single_femalethigh {
  display: flex;
  flex-direction: column;
  width: 28vw;
  height: 20vh;
  /* border: 1px solid red; */
}

.thigh_area_femaleprivateparts {
  width: 28vw;
  height: 5vh;
  /* border: 1px solid red; */
}

.thigh_area_femalethigh {
  width: 28vw;
  height: 17vh;
  /* border: 1px solid red; */
}

.thigh_area_single_femaleinterval {
  width: 10vw;
  /* border: 1px solid red; */
}

.calf_area {
  display: flex;
}

.calf_area_single {
  width: 20vw;
  height: 18vh;
  /* border: 1px solid red; */
}

.calf_area_femalesingle {
  width: 20vw;
  /* height: 15vh; */
  /* border: 1px solid red; */
}

.calf_area_single_femalecalf {
  width: 20vw;
  height: 15vh;
  /* border: 1px solid red; */
}

.calf_area_single_calf {
  width: 28vw;
  height: 18vh;
  /* border: 1px solid red; */
}


.foot_area {
  display: flex;
}

.foot_area_single {
  width: 20vw;
  height: 7vh;
  display: flex;
  flex-direction: row;
  /* border: 1px solid red; */
}

.foot_icon_area {
  width: 8vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.male_icon_place {
  width: 12vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.foot_area_single_blank {
  width: 15vw;
  /* height: 6vh; */
  /* border: 1px solid red; */
}

.foot_area_single_foot {
  width: 23vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.foot_area_femalesingle {
  width: 20vw;
  height: 7vh;
  display: flex;
  flex-direction: row;
  /* border: 1px solid red; */
}

.foot_area_female_icon_blank {
  width: 8vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.female_icon_place {
  width: 12vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.foot_area_single_femalefoot {
  width: 20vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.revolve {
  width: 20vw;
  /* height: 6vh; */
  /* border: 1px solid red; */
  background-repeat: no-repeat;
  background-position: center;
}

.revolvefoot {
  display: flex;
}

.revolvefootall {
  width: 20vw;
  height: 6vh;
  /* border: 1px solid red; */
}

/* .femalerevolve{
  width: 20vw;
  border: 1px solid red;
  background-repeat: no-repeat;
  background-position: center;
} */

.revolveIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABCdJREFUWEftlW1oHFUUht9zZ5OKVtOdTVKaVlLJ3sUq0hJB1CKIiilG8LuWgBXbYLIzprSi+AWlRQT9odXWnUmq1SpJ1YAKpphGLYUi9QMh+qPSzGxak9qE2N3ZRNtQN9k5OmmImzbNTmKECnv/Defcc59573vOJVxkiy4yHuSBct1IXqG8QrkUyBX37SHVtHcy85mUFtkwVnTLgUCwdHEtQFUATihC7E7UV/wwcWDr4cJgsmAzMVWCqTfjjr4y1HD1sX8FVNbUd2naPX0Du6hiwrMAf+1okVu8okHDfo+AtQC+A1AGYAkEVjr18hsvHjLsFgZqAO4CKAxCv+Kml53Urz01HdS0CoVi1jIm+jmrwCFHkyuxhYVaGj8D5i8dPVJd/GZ3xBVuFxivOrp8KmR2LWYWxxloS2nynqBp1RFTIzE/ltQju2cN9I/8rKiJ+CiAs0AAVMP6CaAiuKgmQZLBn4LxpKPLbUEzvoaYPyDgiaQmYyWN3TLjuhaAXY4ma/8boJh9JwgdWcWTQhm5LlF3Tb8aszeB8BoDj6Q02bzQjJeOMA8A6HA0uWrOgYqMnqCC9FEAChPXCMYKBr0I4GNHkw+qhr0RwDZiejSph9+fv90uKQzgNwBfOJr0muCCy1+XtU6+sqBhVRNoL4jecKLhjWAm1Yz/DsBxNFmuxuIPg/hDAm1IauEdWR57x9Hl+jkHWhCzVgiiThDvdwZOrCopuXJphvgIGN87urx5wtSEz1JReW/QsOoJZAK8ztEi784a6PKmrmIBUTQUDP9ynqlN6ysw3Q6gl4CFDAyD6W5HDx8aN30TQI9PtD1wVOF05azbPhSz7meiXQzWU1pkT7Fp3zoKDA1GZefYH26356kB6GBcAeIeoYzu8wyd/fchw7rDBV0P5t4ARto8mPHrXuRo8u2plJrSQyEzfh8zf0JAZ4Z53aAe+THXhPUTL95xpMxVFK/9LxNMtyX08IFz900JpBp2K4CHmKClotL0c5jfHNWwtwLYDOAjR5NrfAEFDfslAp73FBJMq0/q4fjYxtbDhWqi8CAYS1lwbSoa2esXxMvzPBlwRQcxKonxclKXz/kCGvfHfgDeVHa9+UJEjS6LBMHdB/AirxABzZk/Aw2Dm64avBDYgsau5cR0owcB0APeMwfCwYJTw3cNPL38tD8gL8t7r0q61xPxMwxUTKNEnwvUMPi4QtjJTEpW7pK/ocNZ33+AaKsTqngdqynj29STEr2hZ3RXQWAtGDcBXH5WnEmrnQltxDDOO4TwK4B2gDsuEfPb++rKhmc9h87dGDSsGgI1ZwGlGficBF7IuIX9CtINBCRdIY5xJtPHNK9nSCtPzcRn/p6O8YqqYXsv9VsAviWillEuaJnpgbngZgSUq9hcxPNAuVTMK5RXKJcCueJ5D/3vFPoLU/zNNHcMOwYAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}

.tab-container {
  display: flex;
  width: 98vw;
  align-items: center;
  justify-content: center;
  /* padding: 10rpx 0; */
  margin-bottom: 1vh;
}

.tab_type_left {
  width: 48vw;
  font-family: 'microsoft yahei ';
  font-size: small;
  text-align: center;
  background-color: #878787;
  border-bottom-left-radius: 9rpx;
  border-top-left-radius: 9rpx;
}

.tab_type_right {
  width: 48vw;
  font-family: 'microsoft yahei ';
  font-size: small;
  text-align: center;
  background-color: #878787;
  border-bottom-right-radius: 9rpx;
  border-top-right-radius: 9rpx;
}

.bodyParts-active {
  background-color: #597ffe;
}

.questionsList-active {
  background-color: #597ffe;
}


.boyHead_leftBlankArea {
  width: 28vw;
  height: 28vh;
  /* border: 1px solid red; */
}

.boyHead_area {
  width: 46vw;
  height: 28vh;
  /* border: 1px solid red; */
}

.boyHead_rightArea {
  width: 26vw;
  height: 28vh;
  /* display: flex; */
  /* border: 1px solid red; */
}

.label-container {
  width: 23vw;
  height: 2hw;
  border-radius: 10rpx;
  background-color: #1989FA;
  color: #ffffff;
  /* border: 1px solid red; */

}

.boyHeadLabel {
  font-size: small;
}

.boyChest_blankArea {
  width: 15vw;
  height: 25vh;
  /* border: 1px solid red; */
}

.boyChest_Area {
  width: 23vw;
  height: 25vh;
  /* border: 1px solid red; */
}

.boy_chest_chest {
  width: 23vw;
  height: 18vh;
  /* border: 1px solid red; */
}

.boy_chest_privateparts {
  width: 23vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.boyChest_armArea {
  width: 23vw;
  height: 25vh;
  display: flex;
  flex-direction: column;
  /* border: 1px solid red; */
}

.boy_arm_area {
  width: 23vw;
  height: 15vh;
  /* border: 1px solid red; */
}

.boy_hand_area {
  width: 23vw;
  height: 10vh;
  display: flex;
  /* border: 1px solid red; */
}

.boy_hand_area_lefthand {
  width: 15vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.hand_blank {
  width: 6vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.boy_hand_area_righthand {
  width: 15vw;
  height: 10vh;
  /* border: 1px solid red; */
}

.boyThigh_blankArea {
  width: 33vw;
  height: 22vh;
  display: flex;
  flex-direction: column;
  /* border: 1px solid red; */
}

.boy_leg_area {
  width: 32vw;
  height: 15vh;
  /* border: 1px solid red; */
}

.boy_foot_area {
  width: 32vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.icon_place_revolve {
  width: 32vw;
  height: 15vh;
  /* border: 1px solid red; */

}

.icon_place_revolve_bottome {
  width: 33vw;
  height: 7vh;
  /* border: 1px solid red; */
  display: flex;
  flex-direction: row;
}

.icon_place_revolve_leftblank {
  width: 21vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.icon_place {
  width: 12vw;
  height: 7vh;
  /* border: 1px solid red; */
}

.popup-head {
  margin-top: 1vh;
  height: 5vh;
  text-align: center;
  padding: 15rpx;
  font-size: small;
  font-family: 'microsoft yahei';
}