.mb_hidden {
    display: block;
}
.pc_hidden {
    display: block;
}
body {
    color: #555555;
}
.mian-etxrs .etxrsf_banner {
    background-image: url(https://hkcmereye.com/template/default/picture/etxrs_img/banner.jpg);
    background-repeat: no-repeat; 
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #697389;
	background-position: 0px 0px;
}

.mian-etxrs .container h2 {
    color: #253f76;
    text-align: center;
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/title_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
	   
}
.mian-etxrs .s2 .xs_type_item {
    border: solid 1px #1a7ec5;
}
.mian-etxrs .s2 .xs_type_item h4 {
    color: white;
    text-align: center;
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/type_title_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.mian-etxrs .s2 .xs_type_item ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.mian-etxrs .s2 .xs_type_item ul li {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: column;
}
.mian-etxrs .s2 .xs_type_item ul li span {
    background-color: #1a7ec5;
    color: #fefefe;
    border-radius: 50%;
}
.mian-etxrs .s3 ul {
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/dis_rs_bg.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: column;
}

.mian-etxrs .s3 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mian-etxrs .s3 ul li span {
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/dis_type_bgitem.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fefefe;
}
.mian-etxrs .s3 .notice {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/dis_type_notebg.png) no-repeat;
    background-size: cover;
}
.mian-etxrs .s3 h3,
.mian-etxrs .s4 h3 {
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/title_bg2.png) no-repeat;
    background-size: cover;
    color: #fefefe;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mian-etxrs .s4 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mian-etxrs .s4 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    text-align: center;
}

.mian-etxrs .s5,.mian-etxrs .s8 {
    /* background: url(https://hkcmereye.com/template/default/picture/etxrs_img/treat_bg.jpg) no-repeat; */
    background-size: cover;
}
.mian-etxrs .s5 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mian-etxrs .s5 ul li {
    background: #fefefe;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-flow: column;
}
.mian-etxrs .s5 ul li h5 {
    color: #fefefe;
    width: 100%;
    text-align: center;
}
.mian-etxrs .s5 ul li:nth-child(1) h5 {
    background-color: #fd9f59;
}
.mian-etxrs .s5 ul li:nth-child(2) h5 {
    background-color: #e4c336;
}
.mian-etxrs .s5 ul li:nth-child(3) h5 {
    background-color: #a697eb;
}
.mian-etxrs .s5 ul li:nth-child(4) h5 {
    background-color: #55c7b4;
}

.mian-etxrs .s6 .imgdes_box{
    display: flex;
    align-items: center;
    justify-content: center;
}


.mian-etxrs .s7 ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.mian-etxrs .s7 ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_type_bg.jpg) no-repeat;
    background-size: cover;
}

.mian-etxrs .s7 ul li:nth-child(2),
.mian-etxrs .s7 ul li:nth-child(4){
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_type_bg2.jpg) no-repeat;
    background-size: cover;
}

.mian-etxrs .s7 ul li h5{
    color: #27569a;
    display: flex;
    align-items: center;
    justify-content: center;
}


.mian-etxrs .s8 .preface{
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_tr_preface.png) no-repeat;
    background-size: cover;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-flow: column;
    color: #0593d8;
    text-align: justify;
}

.mian-etxrs .s8 ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_tr_ibg13.png) no-repeat;
    background-size: cover;
}
.mian-etxrs .s8 ul li:nth-child(2){
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_tr_ibg2.png) no-repeat;
    background-size: cover;
}

.mian-etxrs .s8 ul li div h5 {
    color: #27569a;
    display: flex;
    align-items: center;
}

.mian-etxrs .s9 h5{
    color: #27569a;
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_trtime_h5bg.png)  no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mian-etxrs .s9 p{
    background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_trtime_pbg.png)  no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}




.section_com_problem {
    /* max-width: 1320px; */
    margin: 5% auto;
  }
  .section_com_problem>h2 {
    color: #2958A3;
    font-family: "Noto Sans HK";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* margin-bottom: 5%; */
    text-align: center;
    padding-bottom: 0;
  }
  

  .accordion>div {
    border-bottom: 2px solid #2958A3 !important;
    box-sizing: border-box;
  }

  .accordion>div>a{
    padding: 20px 0;

  }


  .accordion>div:first-child {
    border-top: 2px solid #2958A3 !important;
  }

  .pro_title {
    position: relative;
  }

  .pro_title>i {
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    right: 0;
    margin: 0 !important;
  }

  .collapse .card-body {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }

  .card-body>p>span {
    color: #1b407a !important;
    font-size: 20px !important;
    margin-right: 5px;
    font-weight: 700;
  }


    @media screen and (max-width: 770px) {
    .section_com_problem>h2 {
        font-size: 30px;
    }}