*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: "微软雅黑", "黑体";
  color: #333;
  line-height: 1;
  background: #FFF;
}
a {
  text-decoration: none
}
ul, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, ol, form, input,img {
  margin: 0px;
  padding: 0px;
}

.main-container{ width:100%;  margin: 0 auto;}
.main-container .content{
  width:790px; margin: 0 auto  30px auto;
}
.main-container .content img{ width: 100%; height: auto; object-fit: cover; margin-bottom: -2px;}

.btn1{ display: block; width: 400px; height: 55px; background: #5b92e1; line-height: 55px; color: #fff; font-size: 20px; font-weight: bold; text-align: center;
   left: calc(50% - 200px); bottom: 120px; position: fixed; border-radius: 25px;z-index: 10;}

.btn2{ display: block; width: 400px; height: 55px; background: #5b92e1; line-height: 55px; color: #fff; font-size: 20px; font-weight: bold; text-align: center;
       border-radius: 25px;z-index: 10; margin-left: calc(50% - 200px); }

   .popup {
       position: fixed;
       bottom: -100%; /* 初始位置在屏幕下方 */
       left: 0;
       width: 100%;
       background-color: #ffffff;
       box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
       transition: bottom 0.1s ease-in-out;
   		 z-index: 100;
       height: 650px;
       padding: 0;
   }




   .popup .tc{ width: 400px; height:auto; margin: 0 auto;}
   .popup .tc img{ width: 100%; object-fit: cover;}

   .popup-content {
       margin: 0 auto;
       padding-bottom: 30px;

   }

   .show {
       bottom: 0!important; /* 弹出时显示在屏幕底部 */
   }

   .popup2 {

       width: 7.5rem;
       background-color: #ffffff;
       box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
       transition: bottom 0.1s ease-in-out;
        z-index: 100;
       height: 5.98rem;
       padding: 0;
       background: url(/imgs1/w10.png) center center no-repeat;
       display: inline-block;
   }

   #bottomPopup{
     position: fixed;
     bottom: -100%; /* 初始位置在屏幕下方 */
     left: 0;
   }



    .kezi-content{
        width: 6.7rem;
        height: 5.05rem;
        margin: 0.4rem auto 0 auto;
        border-radius: 0.25rem;
        background-color: #fff;
        display: flex;

        flex-direction:column;
        align-items:center;
   }
   .kezi-content .tit{ width: 6.7rem; font-size: 0.4rem; color: #2c3a93; font-weight: bold; text-align: center; margin: 0.43rem auto 0.3rem auto;}
   .kezi-content .inp{ width: 6.15rem; height: 0.7rem; background-color: #f5f5ff; border-radius: 0.1rem; display: flex; align-items:center; padding-left: 0.75rem; margin-bottom: 0.15rem;}
   .kezi-content .inp span{ width: 1.1rem; font-size: 0.27rem; color: #343537; margin-right: 0.15rem;}
   .kezi-content .inp span b{ color: #d90502;}
   .kezi-content .inp input{ width: 3.3rem; height: 0.45rem; font-size: 0.27rem; border: 0; background-color: #f5f5ff;}
   .kezi-content .btns2{ width: 6.01rem; height: 0.67rem; background: url(/imgs1/w11.png) no-repeat center center / 6.01rem 0.67rem;
     text-align: center; line-height: 0.67rem; margin-top: 0.2rem; font-size: 0.3rem; color: #fff;}

@media(max-width:1199px) {

  .main-container{ width:100%;  margin: 0 auto;}
  .main-container .content{
    width:100%; margin: 0 auto;
  }

  .btn1{ width: 6rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; border-radius: 0.25rem; left: 0.75rem; bottom: 0.5rem;}
  .btn2{ width: 6rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; border-radius: 0.25rem; margin-left:0.75rem; }

  .main-container .content img{ width: 100%; height: auto; object-fit: cover;}

}