PlanResult.css

body{
  width:100%;
  max-width: 680px;
  margin: auto;
}

.all{
  height: 100%;
}
.box{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
/*图片部分*/
.Bitmap{
  width: 100%;
  height:1.9rem;
  position: relative;

}

.Bitmap>.share{
  position: absolute;
  right:.15rem;
  top:.25rem;
  width: .4rem;
  height: .4rem;
}
.Bitmap>.main{
  width: 100%;
  height: 100%;
}


/*内容部分 */
.content{

  width: 100%;
  background-color: #FF9D5C;
  padding-bottom: .11rem;
  /*height: 5rem;*/
  /*background-color: #FF9D5C;*/
  /*margin: auto;*/
  /*position: relative;*/
  /*top: -.24rem;*/
  /*border: 1 solid #FF9D5C;*/
  /*border-radius: 10px;*/
}

/* 第一小节   */

.people{
  width: 3.92rem;
  background-color: white;
  margin: auto;
  position: relative;
  top: -.24rem;
  border-radius: 10px;
}
.life{
  text-align: center;
  position: relative;
  top: -.2rem;
  padding: 0 .11rem;
}
.life>img{
  width: 1.38rem;
  height: .48rem;

}
.life>p{
  color: #FF9D5C;
  font-size: .17rem;
  position: absolute;
  top: .08rem;
  left: 50%;
  margin-left: -.25rem;
}

.insureMessage{

}
.mainInsurance{
  font-size: .15rem;
  color: #101010;
  text-align: left;
  line-height: .5rem;
  height: .5rem;
}
.mainInsurance>span{
  margin-left: .23rem;
}
.insureMessage>.title{
  color: #666666;
  font-size: .15rem;
  display: flex;

}

.insureMessage>.title>span{
  flex: 1;
}
.message{
  color: #FF9D5C;
  font-size: .18rem;
  display: flex;
}
.insureMessage>.message>span{
  flex: 1;
}
.button{
  text-align: center;
  position: relative;
  top:.2rem;
}
.button>img{
  width: .68rem;
  height: .26rem;

}

/*第二小节*/
.content >.modal{
  width: 3.92rem;
  background-color: white;
  margin: auto;
  margin-top: -.11rem;
  border-radius: 10px;
  padding: .19rem 0;
}
.modal>.title{
  display: flex;
}
.modal>.title>div{
  flex: 1;
  text-align: center;
  color: #101010;
  font-size: .14rem;
}
.modal>.title>div>img{
  width: .44rem;
  height:.44rem;
  margin-bottom: .11rem;

}
/*第三小节*/
.health{
  width: 3.92rem;
  background-color: white;
  margin: auto;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-top: .11rem;

}
.health>.panel{
  text-align: center;
  color: #101010;
  font-size: .17rem;
  height: .4rem;
  background-color: #FFF1E8;
  line-height: .4rem;
  font-weight: bold;
}
.insurance{
  font-size: .17rem;
  padding-left: .11rem;
}
.text{
  padding: 0 .15rem 0rem;
}
.text>.subtitle{
  color: #101010;
  font-size: .17rem;
  font-weight: bold;
  padding: .1rem 0 0 0;
  font-family: "PingFangSC-Medium";
  /*font-family: "Adobe 黑体 Std R";*/
}
.trivia{
  /*height: .15rem;*/
}
.dot{
  float: none;
  margin-right: 0;
}
.dot>img{
  width: .08rem;
  height: .08rem;
  margin-right: .1rem;
  margin-top: -.03rem;
}
.detail{
  color: #666666;
  font-size: .15rem;


}

.disease{
  margin: .2rem 0;
  padding: 0 .2rem;
}

.BenefitBox{
  margin-top: .2rem;
  text-align: center;
  margin-bottom: .11rem;
}
.Benefit{
  width: 1.5rem;
  height: .4rem;
  background-color: #FF9D5C;
  border-radius: 10px;
  display: inline-block;
  font-size: .15rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .4rem;
}
.illness{
  width: .87rem;
  height: .4rem;
  background-color: #FF9D5C;
  border-radius: 6px;
  display: inline-block;
  /* margin-left: .82rem; */
  font-size: .15rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .4rem;
  margin-left: .2rem;
}


/*  保单利益*/

.getMoneyBox{
  width: 3.64rem;
  height: 1.32rem;
  position: absolute;
  top: 1.2rem;
  z-index: 1;
}
.exempt{
  color: #101010;
  font-size: .17rem;
  font-weight: bold;
  /*padding: .1rem 0;*/
}
.moment{
  width:3.11rem;
  height:.4rem;
  background-color:#FFF1E8;
  font-size:.15rem;
  text-align:center;
  line-height:.44rem;
  border-radius:10px;
  margin:auto;
  position: relative;
  z-index: 8;
}
.moment>span{
  color:#FF9D5C;
  font-weight:bold;
  /* display:inline-block; */
}
.moment>img{
  width:.12rem;
  height:.12rem;
  margin-left:.1rem;
}
/** { touch-action: pan-y; }*/
span{float: none}
:global(.am-list-item){
  padding-left: 0;
}
.list{
  padding-left: .11rem;
  /* margin-left: .2rem; */
  height: .5rem;
  font-size: .18rem;
  color: #010101;
  text-align: left;
  border-bottom: 1px solid #ddd;
  line-height: .5rem;
}

.illness1{
  width: .9rem;
  height: .4rem;
  background-color: #FF9D5C;
  border-radius: 6px;
  display: inline-block;
  /* margin-left: .82rem; */
  font-size: .15rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .4rem;
  margin-left: .2rem;
  position: relative;
  left: 50%;
  margin: .2rem 0 0rem -.5rem;
}
:global(.am-list){
  background: white;
}
.deta{
  padding: 0 .1rem;
  float: right;
  background-color: #ddd;
  font-size: .14rem;
  border-radius: 10px;
  color: white;
}

/*  亲启ye*/
.welcome{
  position: relative;
  overflow: hidden;
  width: 4.14rem;
  height: 100%;
  background: #FFF7F1;
}

.welcome p.p {
  text-align: center;
  position: absolute;
  top: 50%;
  color: #FF9D5C;
  font-size: .2rem;
  left:0; width: 100%;
  line-height: .26rem;
  margin-top: 2rem;
}




.welcome>div{
  height: 100%;
  background: url('../../assets/image/cover.png')no-repeat center center/100% ;
}



.monery{
  font-size: .18rem;
  color:#FF9D5C;
}


.litter{
  position: absolute;
  width: .2rem;
  bottom: 1.29rem;
  height: .01rem;
  left: .2rem;
}
.litter>img{
  width: 100%;

}
.plus{
  position: absolute;
  width: .2rem;
  bottom: 1.29rem;
  height: .01rem;
  right: .15rem;
}
.plus>img{
  width: 100%;
}