@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: #ffffff;
}

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%;
}

textarea,select {
    border: none;
    outline: none;
    resize: none;
}

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

ul,
li {
    list-style: none;
}

input {
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 通用头部 */
.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: 100%;
    padding: 0 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

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

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

/* 通用头部 end */


/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    text-align: center;
    padding: 2% 0;
    background: #ffedb1;
}

.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;
}

/* 通用底部 end */
/* start */
* {
    box-sizing: border-box;
}
.main {
    overflow: hidden;
}
.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.body {
    background: url(../images/body.png) no-repeat;
    background-size: 100% 100%;
    padding:4% 0;
}
.banner {
    position: relative;
    height: 900px;
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 234px;
}
.banner_slg{
    position: relative;
}

.banner_slg .banner_slg1{
    display: block;
    margin: 0 auto;
    width: 80%;
    position: relative;
    z-index: 4;
}
.banner_slg .banner_slg2{
    display: block;
    margin: 0 auto;
    margin-top: 4%;
}
.banner_slg .banner_tit1{
    position: absolute;
    left: 12%;
    top: -46%;
    z-index: 5;
}
.banner_slg .banner_tit2{
    position: absolute; 
    right: 2%;
    bottom: -8%;
    z-index: 5;
}
.banner_she{
    width:50%;
    position: absolute;
    left: 0;
    top: -0%;
    animation: cloud3 20s linear infinite alternate;
    -webkit-animation: cloud3 20s linear infinite alternate;
    -moz-animation: cloud3 20s linear infinite alternate;
    -o-animation: cloud3 20s linear infinite alternate;
    -ms-animation: cloud3 20s linear infinite alternate;
}

.banner_bot{
    position: relative;
}
.banner_line{
    margin: 0 auto;
    margin-top: -5%;
    margin-left: 13%;
}

.banner_yh1{
    position: absolute;
    left: 2%;
    bottom: 40%;
    transition: 0.2s;
    opacity: 0;
    transform: scale(0);
    animation: yh_ani 3s linear infinite;
}
.banner_yh2{
    position: absolute;
    right: 0;
    top: -72%;
    transition: 0.2s;
    opacity: 0;
    transform: scale(0);
    animation: yh_ani 2.5s linear infinite;
}
.banner_dl{
    position: absolute;
    right: 0;
    top: -10px;
    animation: top_l_ani 3s linear infinite;
}
.banner_gb{
    position: absolute;
    right: 4%;
    bottom: -6%;
    z-index: 9;
    animation: rightLeaf 5s linear infinite;
}
@keyframes rightLeaf {
    from {
      transform: rotateZ(0)
    }
    25% {
      transform: rotateZ(-5deg)
    }
    50% {
      transform: rotateZ(-10deg)
    }
    75% {
      transform: rotateZ(-5deg)
    }
    to {
      transform: rotateZ(0deg)
    }
  }
  
  @keyframes cloud3 {
    0% {
      -webkit-transform: scale(1.1) translateY(0);
      transform: scale(1.1) translateY(0);
    }
    25% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    50% {
      -webkit-transform: scale(1.3) translateY(-20px);
      transform: scale(1.3) translateY(-20px);
    }
    75% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    100% {
      -webkit-transform: scale(1.1) translateY(0);
      transform: scale(1.1) translateY(0);
    }
  }
@keyframes top_l_ani {
    0% {
      transform: rotate(0);
    }
    50% {
      transform: rotate(4deg);
    }
    100% {
      transform: rotate(0);
    }
  }
  @keyframes yh_ani {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    25% {
      transform: scale(0.25);
      opacity: 0.6;
    }
    50% {
      transform: scale(0.5);
      opacity: 0.8;
    }
    75% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
  }
.con_bg{
    border-width: 12px;
    border-color: rgb(255, 176, 25);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgba(212, 60, 0, 0.3);
    /* overflow: hidden; */
    position: relative;
    margin-top: 6%;
}
.con_tit{
    display: flex;
    align-items: center;
    padding: 2.4% 4%;
    padding-left: 8%;
    background: url(../images/con_titBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.con_tit p{
    font-size: 34px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(0, 0, 0);
    letter-spacing: 2px;
    margin-top: 4%;
}
.con_mh{
    position: absolute;
    right: 0;
    top: -40px;
}
.con_box{
    background: #fff;
    padding: 4%;
    margin-top: 2%;
}


/* con1 */
.tcshe{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(212, 60, 0);
}
.con1_box{
  background-image: -moz-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
  border-radius: 0 0 18px 18px;
}

#game-container {
    width: 68%;
    height: 439px;
    position: relative;
    background-color: #f0f0f0;
    background-image: url('../images/yx_bj.png'); /* 添加网格背景图片 */
    background-size: 100% 100%;
    border: 8px solid #ff6c30;
}

.snake, .food {
    width: 30px;
    height:30px;
    position: absolute;
}

/* 添加不同方向的头部和尾部样式 */
.snake-head-up { transform: rotate(0deg); }
.snake-head-down { transform: rotate(180deg); }
.snake-head-left { transform: rotate(-90deg); }
.snake-head-right { transform: rotate(90deg); }

.snake-tail-up { transform: rotate(0deg); }
.snake-tail-down { transform: rotate(180deg); }
.snake-tail-left { transform: rotate(-90deg); }
.snake-tail-right { transform: rotate(90deg); }

#control-panel {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 8% 10%;
    border-radius: 30px;
    box-shadow: inset 0 0 20px #ffe4dc;
}

  
.contour_box{
    width: 30%;
    padding: 0 2%;
}
.control-button {
    font-size: 24px;
    width: 70px;
    height: 70px;
    margin: 5px;
    border: none;
    cursor: pointer;
    background: none;
}
.control-button img{
    width: 100%;
    height: 100%;
}
.control-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#start-button {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-image: -moz-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    border-radius: 30px;
    font-size: 32px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(212, 60, 0);
    border: none;
}
.yx_sm{
    padding: 2% ;
}
.yx_sm h2{
    font-size: 26px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(212, 60, 0);
    margin-bottom: 1%;
}
.yx_sm p{
    font-size: 20px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(88, 29, 0);
    line-height: 1.5;
}
.con1_bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4%;
}
.con1_right,.con1_left{
    width: 48%;
    background-image: linear-gradient(to right,#fee9ea,#feead0);
    border-radius: 24px;
    overflow: hidden;
}
.con1_tit{
    background-image: linear-gradient(to right,#ff6b30,#fe913a);
    border-radius:  0 0 40px 0;
    width: 64%;
    font-size: 26px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(255, 255, 255);
    padding: 3% 0;
    padding-left: 4%;
}
.con1_botlist{
    padding: 0 8%;
    margin: 4% 0;
}
.con1_botlist ul{
    height: 200px;
}
.con1_botlist ul li{
    margin-bottom: 2%;
}
.con1_botlist ul li a{
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(88, 29, 0);
    display: flex;
    align-items: center;
    line-height: 1.6;
}
.con1_botlist ul li a img{
    margin-right: 2%;
}
.cy_left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -146px;
    top: -58px;
}
.cy_tit img{
    margin-top: -38px;
}
.con_she{
    position: relative;
}
.cy_icon{
    margin-top: -30px;
    animation: top_l_ani 3.2s linear infinite;
}
/* con2 */
.con2_top{
    background-image: linear-gradient(to right,#fee9ea,#feead0);
    padding: 2%;
    border-radius: 14px;
}
.con2_top p{
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(88, 29, 0);
    line-height: 1.682;
}
.con2_top p i{
    color: #d43c00;
    font-style: normal;
}
.con2_item_tit{
    font-size: 38px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 20px;
    background-color: #ff7d35;
    border-radius: 14px;
    box-shadow: inset 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 3% 0;
    text-align: center;
}
.con2_item ul{
    background-image: linear-gradient(to right,#fee9ea,#feead0);
    border-radius: 14px 14px 0 0;
}
.con2_item ul li{
    text-align: center;
    font-size: 24px;
    font-family: "FZLanTingHeiS-DB-GB";
    color:#581d00;
    line-height: 2.25;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.004);
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px dashed #f3bea2;
}
.con2_item ul li:last-child{
    border-bottom: none;
}
.con2_item ul li i{
    color: #d43c00;
    font-style: normal;
}
.con2_item_bot{
    background-color: rgb(212, 60, 0);
    padding: 4% 0;
    border-radius: 0 0 14px 14px;
}
.con2_btn1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.con2_btn1 p{
    font-size: 38px;
    font-family: "FZLanTingHeiS-B-GB";
    background: linear-gradient(to right,#fee9ea, #feead0); /* 添加渐变背景 */
    -webkit-background-clip: text; /* 背景剪裁为文字 */
    -webkit-text-fill-color: transparent; /* 文字填充颜色为透明 */
    margin: 0 2%;
}
.con2_btn2{
    display: block;
    width: 40%;
    padding: 2% 0;
    text-align: center;
    border-radius: 30px;
    background-image: linear-gradient(to right,#fee9ea,#feead0);
    font-size: 30px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(212, 60, 0);
    margin: 0 auto;
    margin-top: 2%;
}
.con2_bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6%;
}
.con2_item{
    width: 49%;
}
.con2_vs{
    margin: 0 -6%;
    position: relative;
    margin-top: -30%;
    z-index: 4;
}
.con2_text{
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(153, 40, 0);
    text-align: center;
    margin-top: 4%;
}
/* con3 */
.con3_swiper .con3_swTop{
    background: linear-gradient(to right,#fee9ea, #feead0); 
    padding: 4%;
    border-radius: 20px 20px 0 0;
}
.con3_swiper .con3_swTop img{
    width: 312px;
    height: 250px;
    margin: 0 auto;
    border-radius: 10px;
}
.con3_bot{
    background-color: rgb(212, 60, 0);
    border-radius: 0 0 20px 20px;
    padding: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con3_price{
    display: flex;
}
.con3_price p{
    font-size: 24px;
    font-family: "Myriad Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.con3_price p i{
    font-size: 48px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(255, 255, 255);
    font-style: normal;
}
.con3_btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    text-align: center;
    border-radius: 15px;
    background-image: -moz-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(254,233,234) 0%, rgb(254,234,208) 100%);
    font-size: 24px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(212, 60, 0);
}
.con3_btn a:last-child{
    border-radius: 15px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    color: #fff;
    margin-left:10%;
}
.con3_btn{
    display: flex;
    align-items: center;
}

.con3_swiper .swiper-button-prev,
.con3_swiper .swiper-button-next{
    position: static;
    width: 70px;
    height: 70px;
    background: url(../images/prev_ac.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 1.4%;
}
.con3_swiper .swiper-button-next{
    transform: rotate(-180deg);
}
.con3_swBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6%;
}
.tc_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
}
.yy_con{
    width: 480px;
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
    display: none;
}
.yy_icon{
    position: absolute;
    top: -180%;
    left: 0;
    right: 0;
}
.yy_bg {
    background-image: -moz-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    position: relative;
    border: 8px solid #ffb019;
    border-radius: 20px;
}
.yy_bg h1{
    font-size: 28px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 8%;
}
.yy_content{
    background-color: #fff;
    padding: 4% 8%;
}
.input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 6%;
    background: linear-gradient(to right,#fee9ea, #feead0); 
    margin-bottom: 4%;
    border-radius: 30px;
    font-size: 20px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgba(153, 40, 0, 0.6);
}
.input::placeholder {
    color: rgba(153, 40, 0, 0.6);
}
input[type="checkbox"] {
    width: 14px;
    height: 14px;
    background-image: url(../images/border.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 10px;
  }
  
  input[type="checkbox"]:checked {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
.user_privacyBox{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(153, 40, 0);
}
.user_privacyBox a{
    font-size: 14px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(153, 40, 0);
}
.yy_item p {
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(153, 40, 0);
    text-align: center;
    margin: 2% 0;
}
.submit,.submit2,.submit3{
    display: block;
    background-image: -moz-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,107,48) 0%, rgb(254,145,58) 100%);
    width: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(255, 255, 255);
    padding: 2% 0;
    border-radius: 30px;
    margin-top: 4%;
}
.yy_list{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4%;
}
.yy_list li {
    width: 190px;
    height: 55px;
    line-height: 55px;
    font-size: 22px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(153, 40, 0);
    background: url(../images/yy_tab1.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    cursor: pointer;
}
.yy_list li.active{
    background: url(../images/yy_tab2.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.yy_item{
    display: none;
}
.yy_content .show{
    display: block;
}
.yy_close{
    margin: 0 auto;
    margin-top: 4%;
    transition: transform 1s ease;
    cursor: pointer;
}
.yy_close:hover {
    transform: rotate(360deg);
}
.lq_box{
    width: 26%;
    border: 8px solid #ffb019;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 10%;
    position: relative;
    display: none;
}
.lq_tit{
    font-size: 32px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(153, 40, 0);
    padding: 6% 0 6% 6%;
    background: linear-gradient(to right,#fee9ea, #feead0); 
    border-radius: 10px 10px 0 0;
}
.lq_mh{
    width: 38%;
    position: absolute;
    right: 0;
    top: -20px;
}
.lq_text{
    background: #fff;
    padding: 6%;
    border-radius: 0 0 10px 10px;
}
.lq_text p{
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(88, 29, 0);
    line-height: 1.7;
}
.lq_text span{
    display: block;
    font-size: 26px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(153, 40, 0);
    margin-top: 4%;
}
.lq_close,.zx_close{
    position: absolute;
    left: 0%;
    right: 0;
    /* transform: translateX(-50%); */
    bottom: -24%;
    margin: 0 auto;
    cursor: pointer;
    transition: transform 1s ease;
}
.lq_close:hover,
.zx_close:hover{
    transform: rotate(360deg);
}
.zx_box{
    width:240px;
    border: 8px solid #ffb019;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 10%;
    position: relative;
    background-color: #ffffff;
    display: none;
}
.zx_box p{
    background: linear-gradient(to right,#fee9ea, #feead0); 
    padding:6% 0;
    font-size: 20px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(153, 40, 0);
    line-height: 1.5;
    text-align: center;
    border-radius: 0 0 14px 14px;
}
.zx_code{
    border-radius: 14px;
    margin: 0 auto;
}

/* end */

@media screen and (max-width:1200px) {
    html {
        font-size: 50px;
    }

    .Width {
        width: 100%;
    }
    .banner {
        height: auto;
        padding: 1rem 0;
    }

    .container {
        width: 100%;
        padding: 0 2%;
        z-index: 2;
    }

    .banner_gb{
        width: 20%;
    }
    .banner_dl{
        width: 20%;
    }
    .banner_slg .banner_tit1,.banner_slg .banner_tit2{
        width: 16%;
    }
    .banner_yh2{
        width: 20%;
        right: 17%;
        top: -34%;
    }
    .banner_slg .banner_slg2{
        width:70%;
    }
    .banner_slg .banner_tit2 {
        right: 0%;
        bottom: 20%;
    }
    .banner_she{
        width: 80%;
    }
    .con_mh {
        position: absolute;
        right: 0;
        top: -0.3rem;
        width: 38%;
    }
    .con_titL img{
        width: 60%;
    }
    .con_tit p{
        font-size: 0.3rem;
    }
    .con_titL {
        position: relative;
        z-index: 9;
    }
    .tcshe{
        flex-wrap: wrap;
    }
    #game-container,.contour_box{
        width: 100%;
    }
    #game-container{
        height: 5rem;
    }
    .snake, .food{
        width: 0.3rem;
        height: 0.3rem;
    }
    .control-button{
        width: 0.7rem;
        height: 0.7rem;
    }
    .control-row{
        justify-content: center;
    }
    .control-row button{
        margin: 0 14%;
    }
    .cy_tit img{
        margin: 0 auto;
        margin-top: -0.2rem;
        width: 60%;
    }
    .con_she,.cy_icon{
        width: 60%;
    }
    .cy_icon{
        margin-top: -0.2rem;
    }
    .cy_left{
        width: 20%;
        left: -.6rem;
        top: -0.5rem;
    }
    #start-button{
        font-size: 0.3rem;
    }
    .yx_sm h2,.con1_tit{
        font-size: 0.24rem;
    }
    .yx_sm p{
        font-size: 0.22rem;
    }
    .con1_tit{
        width: 98%;
        border-radius: 0 0 0.2rem 0;
    }
    .con1_right, .con1_left{
        border-radius: 0.2rem;
    }
    .con1_botlist ul li a{
        font-size: 0.2rem;
    }
    .con1_botlist ul li a img{
        width: 6%;
    }
    .con1_botlist ul{
        height: 3rem;
    }
    .con2_top p{
        font-size: 0.22rem;
    }
    .con2_bot{
        flex-wrap: wrap;
    }
    .con2_item {
        width: 100%;
    }
    .con2_item_tit{
        font-size: 0.34rem;
    }
    .con2_item ul li{
        font-size: 0.24rem;
    }
    .con2_btn1 p{
        font-size: 0.38rem;
    }
    .con2_btn2{
        font-size: 0.3rem;
    }
    .con2_vs{
        width: 16%;
        margin: -2% auto;
    }
    .con2_text{
        font-size: 0.2rem;
    }

    .con3_swiper .con3_swTop img{
        width: 3.12rem;
        height: 2.5rem;
    }
    .con3_price p i{
        font-size: 0.3rem;

    }
    .con3_bot{
        flex-wrap: wrap;
    }
    .con3_btn a{
        width: 0.76rem;
        height: 0.76rem;
        font-size: 0.24rem;
    }
    .con3_swiper .swiper-button-prev, .con3_swiper .swiper-button-next{
        width: 0.7rem;
        height: 0.7rem;
    }
    .footer p,.footer p a{
        font-size: 0.16rem;
        line-height: 1.6;
    }
    .con3_swiper .con3_swTop{
        border-radius: 0.2rem 0.2rem 0 0;
    }
    .con3_bot{
        border-radius: 0 0 0.2rem 0.2rem;
    }
    .yy_con{
        width: 80%;
    }
    .yy_bg h1{
        font-size: 0.28rem;
    }
    .yy_list li{
        width: 1.9rem;
        height: 0.55rem;
        line-height: 0.55rem;
        font-size: 0.24rem;
    }
    .input{
        height: 0.7rem;
        line-height: 0.7rem;
        font-size: 0.22rem;
    }
    .yy_item p{
        font-size: 0.16rem;
    }
    .user_privacyBox a,.user_privacyBox{
        font-size: 0.16rem;
    }
    .submit, .submit2, .submit3{
        font-size: 0.24rem;
    }
    .lq_box{
        width: 80%;
        margin-top: 30%;
    }
    .lq_tit{
        font-size: 0.32rem;
    }
    .lq_text p{
        font-size: 0.22rem;
    }
    .lq_text span{
        font-size: 0.26rem;
    }
    .zx_box{
        width: 3rem;
        margin-top: 34%;
    }
    .zx_box p{
        font-size: 0.24rem;
    }
    .yy_close,.lq_close,.zx_close{
        width: 0.4rem;
        height: 0.4rem;
    }
}