*{
    margin: 0;
    padding: 0;
}
.flexX{
    display: flex;
    flex-direction: row;
}
.flexY{
    display: flex;
    flex-direction: column;
}
.bigbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    max-width: 750px !important;
    margin:  0 auto;
}
.guideBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    max-width: 750px !important;
    margin:  0 auto;
    background-size: 100% 100%;
    justify-content: center;
    /* height: 150.3333rem;
    background-image: url("./images/guideBj.jpg"); */
}

.cur{
    cursor: pointer;
}
.utilTitle{
    font-family: OPPOSans-H;
	font-size: 1.0133rem;
	font-weight: bold;
	color: #000000;
    margin: 1.28rem 0 0;
    text-align: center;
}
.line{
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    margin: .32rem 0 .9067rem;
}
.line .pinkLine{
    width: 1.1467rem;
    height: .08rem;
    background-color: #fa8fb7;
}
.line .circle{
    width: .1067rem;
	height: .1067rem;
	background-color: #fa9ec0;
    border-radius: 50%;
    margin-left: .1333rem;
}
@media screen and (min-width: 750px) {
    html {
      font-size: 37.5px !important;
    }
}
.utilBtn{
    height: 1.6267rem;
    line-height: 1.6267rem;
	background-color: #f49834;
	border-radius: .8267rem;
    font-family: MicrosoftYaHei;
	font-size: .6667rem;
	color: #ffffff;
    padding:0 .8rem;
    margin: 1.3333rem 0;
    align-items: center;
}
.utilBtn .user{
    width: 1.0667rem;
	height: 1.0667rem;
    margin-right: .1867rem;
}

/* 来院准备 start */
.preparation{
    width: 100%;
    height: 33.0133rem;
    background-image: url("./images/preparation_bj.jpg");
    background-size: 100% 100%;
    align-items: center;
}
.preparation .preBox{
    width: 70%;
}
.preparation .preBox .pinkBox{
    width: 4.8rem;
	height: .6933rem;
	background-color: #fed4e8;
    position: relative;
    margin-top: 4.5067rem; 
}
.preparation .preBox .pinkBox2{
    margin-top: 1.0667rem;
}
.preparation .preBox .pinkBox .pinkTitle{
    font-size: .8rem;
    font-weight: bold;
    color: #dd2a72;
    position: absolute;
    top: -0.4rem;
    left: .1333rem;
}
.preparation .preBox .text1{
    width: 100%;
    font-size: .6933rem;
    margin-top: .4rem;
    line-height: .9267rem;
}
.preparation .preBox .text1 span{
    color: #dd2a72;
}
.preparation .preBtn{
    width: 8.5867rem;
	height: 1.4667rem;
    line-height: 1.4667rem;
	background-color: #f7c107;
	box-shadow: .0533rem .16rem 0px 0px 
		rgba(247, 193, 7, 0.54);
	border-radius: .7467rem;
    font-size: .8rem;
    text-align: center;
    color: #ffffff;
    margin-top: .9067rem;
}
.preparation .preBot{
    margin-top: 1.5067rem;
}
.preparation .preBot .user{
    width: 4.9467rem;
	height: 6.4667rem;
}
.preparation .preBot .note{
    width: 9.7467rem;
    height: 7.4667rem;
    background-image: url("./images/pre_note.jpg");
    background-size: cover;
    padding-left: 1.7333rem;
}
.preparation .preBot .note .preTit{
    font-family: OPPOSans-B;
	font-size: .8533rem;
	font-weight: bold;
	color: #262626;
    width: 7.6rem;
    margin-top: 0.2rem;
}
.preparation .preBot .note .text1{
    width: 8.6rem;
    font-size: .5867rem;
    margin-top: 0.5667rem;
    line-height: 0.7rem;
}
/* 来院准备 end */

/* 就医流程 start */
.flow{
    background-image: url("./images/flow_bj.jpg");
    background-size: 100% 100%;
    height: 19.5067rem;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.flow .flowtitle{
    font-size: .96rem;
    color: #df3a7b;
    font-family: OPPOSans-B;
    text-align: center;
    margin-top: .9133rem;
    font-weight: bold;
}
.flow .imgList{
    width: 15.8933rem;
    height: 12.2933rem;
    background-image: url("./images/flow_list.jpg");
    background-size: cover;
    margin-top: 2.3067rem;
}
.flow .row{
    margin-top: 2.9467rem;
}
.flow .row1{
    margin-top: 3.3467rem;
}
.flow .row .text1{
    width: 3.5333rem;
	height: .64rem;
	font-family: OPPOSans-M;
	font-size: .6933rem;
	color: #dd2a72; 
}
.flow .flowBtn{
    width: 8.5867rem;
	height: 1.4667rem;
    line-height: 1.4667rem;
	background-color: #f7c107;
	box-shadow: .0533rem .16rem 0px 0px 
		rgba(247, 193, 7, 0.54);
	border-radius: .7467rem;
    font-size: .8rem;
    text-align: center;
    color: #ffffff;
    margin-top: .9067rem;
}
/* 就医流程 end */

/* 挂号方式 start */
.register{
    width: 100%;
    height: 23.28rem;
    background-image: url("./images/register_bj.jpg");
    background-size: 100% 100%;
    align-items: center;
}
.register .regTitle{
    font-family: OPPOSans-B;
	font-size: .96rem;
	font-weight: bold;
	color: #df3a7b;
    text-align: center;
    margin-top: .9333rem;
}
.register .regBox{
    width: 70%;
    /* height: 11.0933rem; */
}
.register .regBox .regText{
    width: 3.7333rem;
	height: 1.1733rem;
    line-height: 1.1733rem;
	background-color: #fd5197;
	border-radius: .5867rem .5867rem 0px .5867rem;
    font-size: .8rem;
    color: #ffffff;
    text-align: center;
    margin-top: 2.1333rem;
    margin-bottom: .5333rem;
}
.register .regBox .regText1{
    margin-top: 0.8333rem;
}
.register .regBox .num{
    font-size: .7467rem;
    line-height: .9267rem;
}
.register .regBtn{
    width: 8.5867rem;
	height: 1.4667rem;
    line-height: 1.4667rem;
	background-color: #f7c107;
	box-shadow: .0533rem .16rem 0px 0px 
		rgba(247, 193, 7, 0.54);
	border-radius: .7467rem;
    font-size: .8rem;
    text-align: center;
    color: #ffffff;
    margin-top: .9067rem;
}
.register .texts{
    width: 70%;
    font-size: .7467rem;
    font-family: OPPOSans-B;
    margin-top: 1.233rem;
    line-height: 0.9rem;
}
/* 挂号方式 end */
/* 注意事项 start */
.matter{
    width: 100%;
    height: 24.2667rem;
    background-image: url("./images/matter_bj.jpg");
    background-size: 100% 100%;
    align-items: center;
}
.matter .matterTitle{
    font-family: OPPOSans-B;
	font-size: .96rem;
	font-weight: bold;
	color: #df3a7b;
    margin-top: .9333rem;
}
.matter .matterBox{
    width: 70%;
}
.matter .matterBox .row{
    margin-top: 1.76rem;
}
.matter .matterBox .row1{
    margin-top: 1.0667rem;
}
.matter .matterBox .row .pinkBox{
    width: .6467rem;
	height: .4267rem;
	background-color: #fd5197;
	border-radius: .1333rem 0px .1333rem 0px;
    margin: .2667rem .2667rem 0 0;
}
.matter .matterBox .row .texts{
    font-size: .64rem;
    line-height: 0.9rem;

}
.matter .matterBtn{
    width: 8.5867rem;
	height: 1.4667rem;
    line-height: 1.4667rem;
	background-color: #f7c107;
	box-shadow: .0533rem .16rem 0px 0px 
		rgba(247, 193, 7, 0.54);
	border-radius: .7467rem;
    font-size: .8rem;
    text-align: center;
    color: #ffffff;
    margin-top: .9067rem;
}
/* 注意事项 end */

/* 自助预约挂号平台 start */
.platform{
    width: 100%;
    height: 37.2rem;
    background-image: url("./images/platform_bj.jpg");
    background-size: 100% 100%;
    align-items: center;
}
.platform .titles{
    text-align: center;
    margin-top: 2.1333rem;
}
 sss{
    font-family: OPPOSans-B;
	font-size:.69rem;
	font-weight: bold;
	color: #df3a7b;
    
}
.old-cost {
    padding: 2.1333rem 3.2rem 1.8667rem;
    /* background-image: url(/img/costs/k2.png); */
    background-size: 100% 100%;
  }
  .fsb {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .9333rem;
  }
  .fsb p {
    position: relative;
      font-family: AlibabaPuHuiTiR;
      font-size: .8rem;
      font-weight: bold;
      color: #333;
    width: 5rem;
    text-align: center;
  }
  .fsb p::after {
    content: '*';
    position: absolute;
    left: -0.5333rem;
    top: 0;
    color: #db1e1e;
  }
  .platform .old-cost select, 
  .platform .old-cost select option,
  .platform .old-cost input{
    width: 73%;
    border: solid 1px #999999;
    border-radius: .1333rem;  
    font-family: AlibabaPuHuiTiR;
      font-size: .8rem;
      color: #020202;
    padding: .4rem  1.8667rem .4rem .9333rem;
    outline: none;
    resize: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    background-image: none;
  }
  .jiao::after {
    content: '';
    position: absolute;
    right: .8rem;
    top: .8rem;
    border: transparent .4rem solid;
    border-top-color: #000;
  }
  .fsb button {
    width: 45%;
    border: 0;
    font-family: AlibabaPuHuiTiB;
      font-size: 1.28rem;
      font-weight: bold;
      color: #ffffff;
    padding: .5333rem 0;
    line-height: 1;
    border-radius: 1.3333rem;
    background-image: linear-gradient(0deg, #ec3282 4%, #fe76bc 100%), linear-gradient( #e4e4e9, #e4e4e9);
    background-blend-mode: normal, normal;
  }
  .platform .texts{
    font-family: AlibabaPuHuiTiR;
	font-size: .48rem;
	color: #333232;
    text-align: center;
    margin-top: .5333rem;
  }
  .platform .titles span{
    font-family: OPPOSans-B;
	font-size: 1.2rem;
	font-weight: bold;
	color: #df3a7b;
  }
/* 自助预约挂号平台 end */

.hot{
    width: 17.8533rem;
	height: 3.5733rem;
	background-color: #e34987;
	border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 1.2733rem;
    cursor: pointer;
}
.hot .hotPhone{
    width: 1.9467rem;
	height: 2rem;
    margin-right: .5333rem;
}
.hot .hotText{
    font-family: SourceHanSansCN-Bold;
	font-size: .8533rem;
	color: #ffffff;
}
.hot .hotText .text{
    font-family: SourceHanSansCN-Bold;
	font-size: .8533rem;
	color: #ffffff;
}
.hot .hotText .num{
    font-family: SourceHanSerifCN-Heavy;
	font-size: 1.0933rem;
	color: #ffffff;
    text-align: center;
}

.explain{
    margin: 1.68rem 0 1.44rem;
    display: flex;
    justify-content: center;
}
.explain .pinkBox{
    width: 4.56rem;
	height: 1.3067rem;
	background-color: #e34985;
	border-radius: .1333rem;
    align-items: center;
    justify-content: center;
}
.explain .pinkBox .expainImg{
    width: .64rem;
	height: .6933rem;
    margin-right: .2667rem;
}
.explain .pinkBox .text{
    font-family: SourceHanSansCN-Regular;
	font-size: .72rem;
	color: #ffffff;
}