@charset "utf-8";

/* CSS Document */
body {
    font-family: "FZLanTingHeiS-H-GB", "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif, ;
    overflow-x: hidden;
    color: #000;
    /* background: #16165e; */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
select,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

/* 通用头部 */
.ht_top {
    width: 100%;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px;

}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}




/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding: 30px 0 30px 0;
    text-align: center;
    /* padding-bottom: 40px; */
    border-top: 1px solid #ffdd23;
    background: #fff3e9;
}

.footer p {
    position: relative;
    z-index: 2;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #000;
}

/* start */
* {
    box-sizing: border-box;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* banner */
.banner {
    width: 100%;
    padding-top: 104px;
    padding-bottom: 10%;
    text-align: center;
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.fubiaoti {
    width: 510px;
    height: 53px;
    background: url(../images/fubiaoti.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 4%;
}

.fubiaoti span:nth-child(1) {
    display: block;
    width: 60%;
    font-size: 17px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(253, 5, 77);
}

.fubiaoti span:nth-child(2) {
    display: block;
    width: 40%;
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(255, 255, 255);
    font-style: italic;
}

.banner_tit {
    margin: 0 auto;
    margin-bottom: 2%;
}

.banner_pir {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26%;
}

.banner_pir p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 24px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(253, 5, 77);
    padding-top: 0.4%;
}

.banner_pir p i {
    font-size: 40px;
}

.banner_list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin-bottom: 6%;
}

.banner_list li {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    background: #fec6c6;
    width: 20%;
    border-radius: 30px;
    box-shadow: inset 0 0 12px #fff;
}

.banner_list li span {
    display: block;
    margin: 4%;
    padding: 4%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 30px;
    background-image: -moz-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    font-size: 20px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
}
.banner_list li span a{
    color: #fff;
}
.yb1 {
    position: absolute;
    right: 0;
    top: 26%;
    animation: floatAnimation 2s infinite;
}

.hb1 {
    position: absolute;
    right: 10%;
    bottom: 20%;
    animation: floatAnimation 4s infinite;
}

.yb2 {
    position: absolute;
    left: 12%;
    bottom: 10%;
    animation: floatAnimation 5s infinite;
}

.hb2 {
    position: absolute;
    left: 2%;
    bottom: 28%;
    animation: floatAnimation 3s infinite;
}

@keyframes floatAnimation {
    0% {
        /* 开始时，元素在顶部 */
        transform: translateY(0);
    }

    50% {
        /* 中间时，元素向下移动并旋转 */
        transform: translateY(-30%);
    }

    100% {
        /* 结束时，元素回到顶部 */
        transform: translateY(0);
    }
}
/* table */
.box_table {
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    /* margin-bottom: 40px; */
    border-radius: 15px;
  }
  .box_table table {
    width: 100%;
  }
  .box_table table i{
    color: #fe275d;
    font-weight: bold;
  }
  .box_table thead {
    background: #fe275d;
  }
  .box_table thead tr td {
    font-size: 20px;
    color: #FFFFFF;
    border: none;
    text-align: center !important;
    height: 54px;
    background: no-repeat;
    padding: 0;
    white-space: nowrap;
    font-weight: bold;
    min-width: 5%;
  }
  .box_table thead tr td:first-child {
    border-top-left-radius: 15px;
  }
  .box_table thead tr td:last-child {
    border-top-right-radius: 15px;
    width: 18%;
  }
  .box_table td {
    border: 1px solid #ff9aa3e6;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding: 10px 5px;
    line-height: 32px;
    background: #fff;
  }
  .box_table td.isM {
    display: none;
  }
  .box_table td.t_l {
    text-align: left;
  }
  .box_table td P.isBr {
    white-space: nowrap;
  }
  .box_table td a {
    width: 100px;
    height: 40px;
    background: #FF6D25;
    box-shadow: 0px 4px 6px 0px rgba(230, 195, 105, 0.55), inset 0px -4px 16px 0px rgba(240, 41, 0, 0.73), inset 0px 4px 16px 0px rgba(255, 244, 240, 0.73);
    border-radius: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    transition: 0.2s;
  }
  .box_table td a:hover {
    opacity: 0.8;
  }




/* body */

.body {
    background: url(../images/body.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 6%;
    position: relative;
}

.body h1 {
    font-size: 44px;
    font-family: "FZHanZhenGuangBiaoS-GB";
    color: rgb(0, 0, 0);
    line-height: 0.387;
    text-align: center;
    text-shadow: 2.237px 3.316px 0px rgba(255, 255, 255, 0.9);
}

.con_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4% 0;
}

.con_tit h1 i {
    font-style: normal;
    color: #fd235b;
}

.con_bg {
    border-radius: 41px;
    background-image: linear-gradient(180deg, #ffb2b6 0%, #ffd5d5 100%);
    background-image: -moz-linear-gradient(180deg, #ffb2b6 0%, #ffd5d5 100%);
    background-image: -ms-linear-gradient(180deg, #ffb2b6 0%, #ffd5d5 100%);
    box-shadow: 0px 0px 9px 0px rgba(255, 154, 163, 0.57), inset 1px 1.732px 0px 0px rgba(255, 255, 255, 0.9), inset -0.669px -0.743px 1px 0px rgba(255, 154, 163, 0.9);
    padding: 4% 2%;
    overflow: hidden;
    position: relative;
}



.con1 .con_bg {
    padding-top: 4%;
}

.con1 .con_tit {
    margin-top: 0;
}
.con1 .con_tit1{
    margin-top: 4%;
}
.con1_jb {
    position: absolute;
    right: 0;
    top: 1px;
}

.con1_jb p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

.con_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.con_list li {
    width: 22%;
    padding: 2%;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 26px;
    background-image: -moz-linear-gradient(180deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(180deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(180deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 0px 9px 0px rgba(255, 155, 164, 0.8);
}

.con_list li p {
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(0, 0, 0);
    line-height: 1.4;
    text-align: center;
    padding: 4% 0;
    border-bottom: 1px dashed #000;
}

.con_botBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con_bot {
    margin-top: 8%;
    position: relative;
}

.xyjia {
    position: absolute;
    left: -14%;
    top: 30%;
    border: none !important;
    animation: shake-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

.con_botBtn {
    margin-top: 6%;
    margin-bottom: 4%;
}

.con_botBtn span {
    font-size: 20px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(0, 0, 0);
}

.con_botBtn span i {
    font-size: 32px;
    font-style: normal;
}

.con_botBtn .con_botBtn_a a {
    display: block;
    margin: 4%;
    padding: 4%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 30px;
    background-image: -moz-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(254, 177, 147) 0%, rgb(253, 5, 77) 100%);
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
}

.con_botBtn .con_botBtn_a {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    background: #fec6c6;
    width: 50%;
    border-radius: 30px;
    box-shadow: inset 0 0 12px #fff;
    text-align: center;
}

.con_botBtn .con_botBtn_a:hover>a {
    background-image: -moz-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
}

.con2 .con_bg {
    padding: 4% 4% 0 4%;
    padding-top: 8%;
}

.con2_list li {
    width: 30%;
    margin-bottom: 4%;
}

/* con3 */
.con3 .con_bg {
    padding-top: 8%;
}

.con3_list li {
    width: 23%;
    margin-bottom: 2%;
}

.con3_yhq {
    margin-bottom: 4%;
}

.con3_yhq ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con3_yhq ul li {
    width: 31%;
    border-radius: 26px;
    background-image: -moz-linear-gradient(-13deg, rgb(255, 236, 109) 0%, rgb(255, 221, 173) 100%);
    background-image: -webkit-linear-gradient(-13deg, rgb(255, 236, 109) 0%, rgb(255, 221, 173) 100%);
    background-image: -ms-linear-gradient(-13deg, rgb(255, 236, 109) 0%, rgb(255, 221, 173) 100%);
    box-shadow: inset 1.414px 1.414px 5px 0px rgba(255, 255, 255, 0.004), inset -1.364px -1.463px 4px 0px rgba(255, 204, 0, 0.8);
    padding: 1%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yhq_l {
    background: url(../images/yhq_bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 4% 2%;
    padding-top: 14%;
    width: 60%;
}

.yhq_l h2 {
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: #fd1e59;
}

.yhq_line {
    border: 1px dashed #a9a49c;
    width: 90%;
    margin: 0 auto;
}

.yhq_l h2 i {
    font-size: 50px !important;
    font-family: "FZLanTingHeiS-H-GB";
    text-align: center;
    font-style: normal;
    color: #fd1e59;
}

.yhq_l p {
    font-size: 18px;
    margin-top: 6%;
}

.yhq_l i {
    font-size: 14px;
    font-style: normal;
}

.yhq_r {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/yhq_r.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 26px;
    animation: breathe 3s infinite linear;
}

/* con5 */
.con5_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4%;
}

.con5_lBox {
    background: url(../images/con5_l.png) no-repeat;
    background-size: 100% 100%;
    padding: 8% 2% 10% 2%;
    position: relative;
    text-align: center;
}

.con5_lBox ul li {
    background-image: -moz-linear-gradient(0deg, rgb(255, 0, 54) 0%, rgb(255, 178, 182) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 0, 54) 0%, rgb(255, 178, 182) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 0, 54) 0%, rgb(255, 178, 182) 100%);
    width: 80%;
    margin: 8% auto;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    padding: 4% 0;
}

.con5_lBox ul li.active {
    background-image: -moz-linear-gradient(0deg, rgb(255, 138, 0) 1%, rgb(255, 198, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 138, 0) 1%, rgb(255, 198, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 138, 0) 1%, rgb(255, 198, 0) 100%);
}

.con5_l {
    width: 16%;
    margin-right: 4%;
}

.con5_r {
    width: 80%;
}

.con5_list ul li {
    width: 31%;
    margin-bottom: 4%;
}

.con5_ltop {
    margin-bottom: -24%;
    position: relative;
}

.co5_lslg {
    margin: 0 auto;
    margin-bottom: 6%;
    margin-top: 12%;
}

.con5_list ul {
    display: none;
}

.con5_list .card_show {
    display: flex;
}

/* con4 */
.con4_day {
    border-radius: 16px;
    background-image: -moz-linear-gradient(180deg, rgb(255, 131, 137) 0%, rgb(253, 5, 77) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(255, 131, 137) 0%, rgb(253, 5, 77) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(255, 131, 137) 0%, rgb(253, 5, 77) 100%);
    border-radius: 30px;
}

.con4_day table {
    background-color: #fff;
    border-radius: 30px;
}

.con4_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con4_day {
    width: 48%;
}

.con4_day table {
    width: 100%;
}

.con4_day table tr td,
.con4_day table tr th {
    /* width: 14%; */
    padding: 4%;
    text-align: center;
}

.con4_day table tr td {
    cursor: pointer;
}

.con4_tit {
    padding:2% 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.con4_card {
    width: 48%;
}

.con4_item {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.con4_tch,
.con4_code {
    height: 320px;
    padding: 6% 2% 4% 2%;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 26px;
    background-image: -moz-linear-gradient(82deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(82deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(82deg, #ffe1ea 0%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 0px 9px 0px rgba(255, 155, 164, 0.9);
}

.con4_tch .photo {
    width: 168px;
    height: 168px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ffd2d4;
    background-color: #fff;
    margin: 0 auto;
}

.con4_tch p {
    font-size: 20px;
    margin-top: 4%;
}

.con4_tch i {
    display: flex;
    align-items: center;
    color: #fe486d;
    font-size: 20px;
    font-style: normal;
    margin-top: 4%;
}

.con4_tch i img {
    margin-right: 2%;
}

.con4_code {
    padding-top: 6%;
}

.con4_code .con_botBtn_a a {
    display: block;
    margin: 4%;
    padding: 4%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 30px;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 186, 0) 0%, rgb(255, 130, 18) 100%);
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
}

.con4_code .con_botBtn_a {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    background: #fec6c6;
    width: 50%;
    border-radius: 30px;
    box-shadow: inset 0 0 12px #fff;
    text-align: center;
    margin: 0 auto;
    margin-top: 2%;
}
.con4_code img{
    border: 1px solid #ffc1ca;
    border-radius: 24px;
}

.disabled {
    pointer-events:none;
}
.gray{
    color:#999;
}
.cur{
    color: #fd245c;
    font-weight: bold;
}

.con4_card .card_show {
    display: flex;
}
.con4 .con4_box{
    padding-top: 6%;
    padding-bottom: 4%;
}


.xf1{
    position: absolute;
    right:8%;
    top: 14%;
    animation: floatAnimation 3s infinite;
}
.xf2{
    position: absolute;
    left:8%;
    top: 34%;
    animation: floatAnimation 3.4s infinite;
}
.xf3{
    position: absolute;
    right:8%;
    bottom: 20%;
    animation: floatAnimation 3s infinite;
}

.xf4{
    position: absolute;
    left:13%;
    bottom: 10%;
    animation: floatAnimation 3s infinite;
}

.con_list li img{
    border: 1px solid #ffc1ca;
    border-radius: 20px;
}



/* end */
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes shake-top {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  @keyframes shake-top {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  
  
@keyframes breathe {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes float {
    0% {
        transform: translateX(-4px);
    }

    50% {
        transform: translateX(40px);
    }

    100% {
        transform: translateX(-4px);
    }
}

@media screen and (max-width:1680px) {}

@media screen and (max-width:1480px) {
    .banner_l {
        width: 50%;
    }

    .banner_r {
        width: 50%;
    }

    .container {
        width: 98%;
        margin: 0 auto;
    }

}
@media screen and (max-width:1360px) {
    .xf1,.xf2,.xf3,.xf4{
        display: none;
    }

}
@media screen and (max-width:1200px) {

/* table */
.box_table {
    box-sizing: border-box;
    margin: 0rem auto 0.3rem;
    border-radius: 0.2rem;
  }

  .box_table thead tr td {
    font-size: 0.6rem;
    font-weight: 400;
    border: none;
    text-align: center !important;
    height: 1.2rem;
    white-space: nowrap;
  }
  .box_table thead tr td:first-child {
    border-top-left-radius: 0.2rem;
  }
  .box_table thead tr td:last-child {
    border-top-right-radius: 0.2rem;
  }
  .box_table.box_table_m tr td:nth-child(2) {
    display: none;
  }
  .box_table.box_table_m tr td.s_td {
    display: table-cell;
  }
  .box_table td {
    border: 0.013333rem solid #fee3ff;
    font-size: 0.48rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    padding: 0.3rem;
    line-height: 0.8rem;
  }
  .box_table td.isM {
    display: block;
  }
  .box_table td P.isBr {
    white-space: initial;
  }
  .box_table td a {
    width: 2.4rem;
    height: 0.9rem;
    box-shadow: 0px 0.0533rem 0.08rem 0px rgba(230, 195, 105, 0.55), inset 0px -0.0533rem 0.2133rem 0px rgba(240, 41, 0, 0.73), inset 0px 0.0533rem 0.2133rem 0px rgba(255, 244, 240, 0.73);
    border-radius: 0.293333rem;
    font-size: 0.45rem;
    line-height: 0.8rem;
  }


    .Width {
        width: 100%;
    }
    .banner{
        padding-top: 4%;
    }
    .fubiaoti{
        width: 80%;
        height: 30px;
    }
    .xf1,.xf2,.xf3,.xf4{
        display: none;
    }
    .fubiaoti span:nth-child(1),
    .fubiaoti span:nth-child(2){
        font-size: 14px;
    }
    .hb1,.hb2,.yb1,.yb2{
        width: 10%;
    }
    .banner_tit{
        width: 60%;
    }
    .banner_list{
        padding: 0%;
    }
    .banner_list li span{
        font-size: 12px;
    }
    .banner_list li{
        width: 24%;
    }
    .banner_pir p{
        font-size: 14px;
    }
    .banner_pir p i{
        font-size: 16px;
    }
    .banner_pir img{
        height: 26px;
    }
    .banner_pir{
        margin-bottom: 6%;
    }
    .body h1{
        font-size: 18px;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
    }
    .con_tit img{
        width: 10%;
    }
    .con1_jb{
        width: 44%;
    }
    .con1_jb img{
        width: 100%;
    }
    .con1_jb p{
        font-size: 18px;
    }
    .con1 .con_bg{
        padding-top: 5%;   
        border-radius: 20px; 
    }
    .con_list li{
        width: 48%;
        margin-bottom: 4%;
    }
    .con_list li p{
        font-size: 12px;
    }
    .con_botBtn span i{
        font-size: 20px;
    }
    .con2_content{
        margin-top: 8%;
    }
    .xyjia{
        width: 20%;
        left: -6%;
    }
    .con_botBtn .con_botBtn_a{
        width: 56%;
    }
    .con_botBtn .con_botBtn_a a{
        font-size: 14px;
    }
   .con3 .con_bg,.con4 .con4_box{
        padding-top: 14%;
    }
    .con3_yhq ul{
        flex-wrap: wrap;
    }
    .con3_yhq ul li{
        width: 100%;
    }
    .yhq_l{
        padding-top: 3%;
    }
    .yhq_l h2 i{
        font-size: 30px !important;
    }
    .yhq_l h2{
        font-size: 20px;
    }
    .con4_day,.con4_card{
        width: 100%;
    }
    .con4_box{
        flex-wrap: wrap;
    }
    .con4_tch .photo{
        width: 110px;
        height: 110px;
    }
    .con4_tch p{
        font-size: 16px;
    }
    .con4_code img{
        height: 140px;
        margin: 0 auto;
    }
    .con4_tch, .con4_code{
        width: 48%;
        height: 220px;
        margin-top: 4%;
    }
    .con4_code .con_botBtn_a{
        width: 70%;
    }
    .con4_tch p{
        font-size: 16px;
        text-align: center;
    }
    .con4_tch i{
        font-size: 16px;
        justify-content: center;
    }
    .con5_list ul li{
        width: 46%;
    }
    .con5_box{
        display: block;
    }
    .con5_lBox{
        background: #fff3e9;
        padding: 2%;
        border-radius: 20px;
        margin-bottom: 4%;
    }
    .con5_l{
        width: 100%;
    }
    .co5_lslg{
        width: 20%;
        margin: 0 auto;
        margin-bottom: 4%;
    }
    .con5_lBox ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .con5_lBox ul li{
        width: 48%;
        margin: 1% auto;
        padding: 1% 0;
    }
    .con5_r{
        width: 100%;
    }
}