* {
  margin: 0;
  padding: 0; 
}

html,body {
   background-color: #efefef; position: relative;
}

ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

img {
  height: auto;
  max-width: 100%; 
}
.m30 { margin: 30px 0; }
.msw6 { margin: 15px 0 30px; }
.pcshow { display: none; }
.mbshow { display:block; }
.flex { display:flex; }
.flexbetween { justify-content:space-between; }
.flexcenter { justify-content:center; }
.flexitemcenter { align-items:center; }
.flexleft { justify-content: flex-start; }
.bfb50 { width:45%; }
.bfb50 p { width:80px; }
p.title { width:56px; }
.pcwrap { width:100%; }
header h1 { padding:5px; }
header h1 img { max-height:40px; }
header a { margin-right:20px; display:inline-block; }
.events { padding:10px 0 0; }
.moto { 
   margin-top: 10px;
}
 
#banner { width:100%; }
#banner img { width:100%; height:100%; display: block; }

.formContent { padding:0; position:absolute; margin-left: 0; right:0; top:0; z-index:99 }
.formContent dd { font-size:14px; padding:0 0 30px 20px; }
.formContent dd .input { height:25px; width:110px; background: none; margin-left: 45px; font-size:14px; text-align: right; border: none; }
.formContent dd .province { height:25px; width:130px; font-size:14px; text-align: right; border: none;  }
.formContent dd .city { height:25px; width:80px; font-size:14px; text-align: right; border: none;  }
.formContent dd .district { height:25px; width:150px; font-size:14px; text-align: right; border: none;  }
.formContent dd .inputname {  width:120px; background: none;  }

#district + .layui-form-select {
  min-width:220px; min-width: 300px; background-color: transparent !important;
}

.formContent dd a.btn-submit { 
  height:30px; line-height: 30px; width:120px; color: #fff; font-size:14px; display:inline-block; text-align:center; background:#f9c300; 
}
#getcode {  color:#f9c300; text-align:right; }

.line { border-bottom:#444 solid 1px; line-height: 30px; padding-bottom:5px; margin-bottom:10px; }
.formContent dt { position: relative; padding:45px 0 30px 20px; margin-bottom:20px; }
.formContent dt span:first-child { position: absolute; left:0; top:13px; width:35%; height:1px; background-color:#444; }
.formContent dt span:last-child { position: absolute; right:0; top:13px; width:35%; height:1px; background-color:#444; }

.footer-area { padding:15px 10px 20px; background:#1c1b20; color:#fff; text-align:center; font-size:12px; line-height:23px; }

.footer-area p a {color:#fff; }


.getSmsCode { margin-left: 12px; text-align: left; font-size:12px; }
#yyshiqi { position:relative; background:#fff; border-radius:28px;  }

/* 2024-9-27 */
.fuli {
    padding: 100px 0 20px;
}
.fuli a { 
    display: inline-block; width: 24%;
}
.tips {
    color: #000; font-size: 10px; padding-bottom: 50px;
}
.mtips {
    color: #000; font-size: 10px; padding-left: 15px; padding-bottom: 10px;
}

.sqleft { width:70%; }
.fourswiper .mySwiper4 { margin:80px 0; }
.fourswiper .swiper-prev,
.fourswiper .swiper-next { position:absolute; top:45%; z-index:999; cursor:pointer; }
.fourswiper .swiper-prev img,
.fourswiper .swiper-next img { width:16px; }
.fourswiper .swiper-next { right:-40px; }
.fourswiper .swiper-prev { left:-40px; }

.sixswiper .swiper-prev6 img,
.sixswiper .swiper-next6 img { width:12px; }

 
/* 2024-9-27 end */


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

  .formContent { padding:20px 15px 0; }
  .formContent dd { font-size:12px; }
  .formContent dd .input {   font-size:12px;  }
  .formContent dd .province { font-size:12px; }
  .formContent dd .city { font-size:12px; }
  .formContent dd .district { height:25px; width:150px; font-size:12px; }
   
  #district + .layui-form-select {
    min-width:220px; 
  }

}

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

  .formContent { padding:20px 15px 0; }
  .formContent dd { font-size:12px; }
  .formContent dd .input {   font-size:12px;  }
  .formContent dd .province { font-size:12px; }
  .formContent dd .city { font-size:12px; }
  .formContent dd .district { height:25px; width:150px; font-size:12px; }

  .line {  padding-bottom:2px; margin-bottom:8px; }
  
  #district + .layui-form-select {
    min-width:260px; 
  }
  .getSmsCode { margin-left: 12px; text-align: left; font-size:12px; }


}

@media screen and (max-width: 375px) and (min-width: 320px) {

      .formContent { padding:20px 15px 0; }
      .formContent dd { font-size:12px; }
      .formContent dd .input {   font-size:12px;  }
      .formContent dd .province { font-size:12px; }
      .formContent dd .city { font-size:12px; }
      .formContent dd .district { height:25px; width:150px; font-size:12px; }
       
      #district + .layui-form-select {
        min-width:220px; 
      }

      .fulim { padding:30px 15px 0; margin:0; }
    .fulim img{  max-width:100%; margin-bottom:20px; } 
    .mtips {
        padding-left: 15px; padding-bottom: 15px; padding-right: 15px;
    }

      #yyshiqi {  height:420px; }
      #yyshiqi { border-radius:0;  }
      .formContent { padding:0; position:absolute; right:25px; top:0; }
      .formContent dt {  padding:30px 0 10px 20px; margin-bottom:0; display:flex; justify-content:center; }
        .formContent dt h3 { font-size:1.4rem;  }
        .formContent dd { font-size:14px;  }
        .formContent dd a.btn-submit { 
           height:38px; line-height: 38px; width:140px; margin-top: 10px; color: #000; font-size:16px; display:inline-block; text-align:center; background:#f9c300; 
        }

}

@media screen and (max-width: 414px) and (min-width: 375px) {
     
    #district + .layui-form-select {
      min-width:260px; 
    }

    .fulim { padding:20px 15px 0; margin:0; }
    .fulim img{  max-width:100%; margin-bottom:20px; } 
    .mtips {
        padding-left: 15px; padding-bottom: 15px; padding-right: 15px;
    }
    .mySwiper5 { margin:15px 0 0; height:100%; }
    #yyshiqi {  height:440px; }
    #yyshiqi { border-radius:0;  }
    .formContent { padding:0; position:absolute; right:25px; top:0; }
    .formContent dt {  padding:30px 0 10px 20px; margin-bottom:0; display:flex; justify-content:center; }
    .formContent dt h3 { font-size:1.4rem;  }
    .formContent dd { font-size:14px;  }
    .formContent dd a.btn-submit { 
       height:38px; line-height: 38px; width:140px; margin-top: 10px; color: #000; font-size:16px; display:inline-block; text-align:center; background:#f9c300; 
    }
}

@media screen and (max-width: 640px) and (min-width: 414px) {
     
    #district + .layui-form-select {
      min-width:260px; 
    }

    .fulim { padding:25px 15px 0; margin:0; }
    .fulim img{  max-width:100%; margin-bottom:20px; } 
    .mtips {
        padding-left: 15px; padding-bottom: 15px; padding-right: 15px;
    }

    #yyshiqi { height:440px; }

    .mySwiper5 { margin:15px 0 0; height:100%; }
    #yyshiqi { border-radius:0;  }

    .formContent { padding:0; position:absolute;  right:25px; top:0; }
    .formContent dt {  padding:30px 0 10px 20px; margin-bottom:0; display:flex; justify-content:center; }
    .formContent dt h3 { font-size:1.4rem;  }
    .formContent dd { font-size:14px;  }
    .formContent dd a.btn-submit { 
       height:38px; line-height: 38px; width:140px; margin-top: 10px; color: #000; font-size:16px; display:inline-block; text-align:center; background:#f9c300; 
    }


}

@media screen and (max-width: 960px) and (min-width: 640px) {
    
     .formContent { padding:30px 40px; position:absolute;  right:0; top:10%; }
     .events { padding:15px 0 0;  }
   
     .formContent dt { padding-bottom:0; display:flex; justify-content:center; }
     .formContent dt h3 { font-size:18px; }
     .formContent dt span:first-child { top:15px; width:44%; }
     .formContent dt span:last-child {  top:15px; width:44%; }

     .getSmsCode { margin-left: 15px; text-align: left; font-size:12px; }
}

@media screen and (min-width: 1080px) {
    
    .pcwrap { width:98%; margin:0 auto; }
    .formContent { padding:0; position:absolute;  right:2%; top:0; width:28%; height:100%; }
    
    #district + .layui-form-select {
       min-width: 180px;  
    }
    .formContent dd { font-size:14px; }
    .formContent dt {  padding:30px 0 0 20px; margin-bottom:0; }
    .formContent dt h3 { font-size:20px; }

    .getSmsCode { margin-left: 10px;  }
    .formContent dd .input {  width:110px; margin-left: 10px; font-size:14px; }
     
    p.title { width:64px; }

    .pcshow { display: block; }
    .mbshow { display:none; }

    #yyshiqi { position:relative; }

    .line {  padding-bottom:5px; margin-bottom:10px; }

    
}

@media screen and (max-width: 1280px) {
    .fourswiper .swiper-next { right: 0; background-color:rgba(255, 255, 255, 1); padding:8px 5px; }
    .fourswiper .swiper-prev { left: 0; background-color:rgba(255, 255, 255, 1); padding:8px 5px; }
}

@media screen and (min-width: 1280px) {
    .pcwrap { width:94%; margin:0 auto; }
    header h1 { padding:10px; }
    header h1 img { max-height:50px; }
    .formContent { padding:0; position:absolute;  right:2%; top:0; width:28%; height:100%; }
    .events { padding:15px 0 0;  }
    
    .footer-area { display:flex; justify-content:center; align-items:center; }
    #district + .layui-form-select {
       min-width: 200px; 
    }
    .formContent dd { font-size:16px; }
    .formContent dt {  padding:40px 0 15px 20px; margin-bottom:0; }
    .line { padding-bottom:8px; margin-bottom:18px; }
    .formContent dt h3 { font-size:20px; }
    p.title { width:64px; }
    #yyshiqi { position:relative;  }

    .fourswiper .swiper-next { right:-25px; }
    .fourswiper .swiper-prev { left:-25px; }

}


@media screen and (min-width: 1440px) {
    .pcwrap { width:94%; margin:0 auto; }
    #district + .layui-form-select {
       min-width: 240px; background-color: transparent !important;
    }
    #yyshiqi { position:relative; }
    .formContent dt h3 { font-size:24px; }
    .formContent dt {  padding:45px 0 20px 20px; margin-bottom:0; }
    .line { padding-bottom:8px; margin-bottom:20px; }
    .formContent dd a.btn-submit { 
      height:38px; line-height: 38px; width:140px; margin-top: 15px; color: #000; font-size:18px; display:inline-block; text-align:center; background:#f9c300; 
    }
 
}

@media screen and (min-width: 1680px) {
    .pcwrap { width:90%; }
    #district + .layui-form-select {
       min-width: 300px; background-color: transparent !important;
    }
     
    .line { padding-bottom:10px; margin-bottom:28px; }
    .formContent dd a.btn-submit { 
       argin-top: 30px; 
    }
}


 
@media screen and (min-width: 1680px) {
    header a { margin-right:20px; display:inline-block; }
     
 
   
}