html,body {
  margin: 0;
  padding: 0;
  font-family: PingFangSC-Regular, Droid Sans, sans-serif;
}
#_html {
  max-width: 30rem;
  margin: 0 auto;
}
a {
  text-decoration: none;
  color: #101010;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
    -moz-user-select: none;
}
.head_img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.img-css{
  width: 100%;
}
.user {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  top: -4rem;
  background-color: #FFFFFF;
  width: 80%;
  padding: 2.5rem 1rem 2rem 1rem;
  box-shadow:0rem 0.5rem 2.33rem 0rem rgba(221,221,221,1);
  border-radius: 0.75rem;

}
.user_name {
  color: #101010;
  font-size: 1.4rem;
  padding: 0.335rem 0;
  font-weight: bold;
  letter-spacing: 0.053rem;
}
.user_id {
  color: #101010;
  font-size: 0.846rem;
}
.judai_info {

display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 1.06rem 1rem;
  /* padding-right: 0.952rem; */
  padding: 0 1rem;
  color: #101010;
  border-radius: 0.25rem;
  background-color: rgba(200, 208, 216, 0.5);
  width: 90%;
}
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.item_border {
  height: 2.026rem;
  border-left: 0.06rem solid #BBBBBB ;
  margin: 0 0.8rem;
}
.item_title {
  color: #A0A3A6;
  font-size: 0.75rem;
  width: 2rem;
  text-align: center;
}

.item_title_date {
  color: #A0A3A6;
  font-size: 0.75rem;
  width: 5rem;
  text-align: center;
}
.item_num {
  font-size: 0.85rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.item_date {
  font-size: 0.85rem;
  margin-top: 0.25rem;
  margin-left: -0.1rem;
  margin-bottom: 0.25rem;
}

.plan {
  margin-top: 1.4rem;
  font-size: 1.06rem;
  margin-left: 1.5rem;
  color: rgba(16, 16, 16, 1);
  font-weight: bold;
}
.plan_en {
  font-size: 0.9rem;
  margin-top: 0.2rem;
}
.plan_boder {
  border-bottom: 0.25rem solid rgba(8, 8, 8, 1);
  margin: 1rem 1.5rem;
}
.plan_items {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 2.5rem;
  /* background-color: #C8D0D8; */
  padding-left: 0rem;

}
.plan_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.plan_item_img {
  width: 4.8rem;
}
.plan_item_name {
  color: rgba(51, 51, 51, 1);
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: 1rem;
}
.plan_item_num {
  color: rgba(16, 16, 16, 1);
  font-size: 0.744rem;
  margin-top: 0.023rem;
}
.plan_item_btn {
  background-color: #C8D0D8;
  font-size: 0.74rem;
  text-align: center;
  line-height: 1.25rem;
  border-radius: 1.06rem;
  padding: 0.18rem 0.95rem;
  margin-top: 1rem;
}
::-webkit-scrollbar {
	display: none;
   /* background-color:transparent; */
}

.caution {
  margin-top: 5rem;
  font-size: 1.06rem;
  margin-left: 1.5rem;
  color: rgba(16, 16, 16, 1);
  font-weight: bold;
}
.caution_en {
  font-size: 0.9rem;
  margin-top: 0.2rem;
}
.caution_boder {
  border-bottom: 0.25rem solid rgba(8, 8, 8, 1);
  margin: 1rem 1.5rem;
}
.caution_items {
  margin-top: 1rem;
  margin: 1rem 1.5rem 0 1.5rem;
  color: rgba(51, 51, 51, 1);
  font-size: 0.75rem;
  text-align: left;
}
.caution_item {
  margin-top: 1rem;
}
.caution_items span {
  font-weight: bolder;
}

.instructions{
  margin-top: 5rem;
  font-size: 1.06rem;
  margin-left: 1.5rem;
  color: rgba(16, 16, 16, 1);
  font-weight: bold;
}
.instructions_items {
  margin: 1.5rem;
  padding-top: 1rem;
  padding-left: 1.65rem;
}
.instructions_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.5rem;
}
.instructions_item_img {
  flex: 1;
}
.img_one {
  transform: scale(1.1);
}
.instructions_item_img img {
  width: 100%;
}
.instructions_item_title {
  flex: 4;
  margin-left: 1.5rem;
  line-height: 1.25rem;
  font-size: 0.8rem;
}
.instructions_item_title span {
  display: inline-block;
}
.instructions_en {
  font-size: 0.9rem;
  margin-top: 0.2rem;
}
.instructions_boder {
  border-bottom: 0.25rem solid rgba(8, 8, 8, 1);
  margin: 1rem 1.5rem;
}
.question {
  text-align: center;
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: 5rem;
}
.question span {
  display: inline-block;
  font-size: 1.06rem;
  padding-bottom: 0.5rem;
}

.wx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.744rem;
  margin-top: 3rem;
  margin-bottom: 8rem;
}
.wx_img {
  width: 14.2rem;
  height: 14.2rem;
  background-color: #C8D0D8;
}
.wx_title {
  margin-top: 2rem;
}
.bottom_boder {
  width: 8.38rem;
  height: 0.31rem;
  line-height: 1.25rem;
  border-radius: 0.19rem;
  background-color: rgba(0, 0, 0, 1);
  margin: auto;
  margin-bottom: 1rem;
}