@charset "utf-8";
/*全局样式*/
body {
 font-family: "宋体", Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin:0;
 padding:0;
 border:none;
 text-align:center;
}
html,div,span,form,fieldset,legend,h1,h2,h3,h4,h5,h6,hr,p,br,ul,ol,li,dl,dt,dd,pre{ margin:0;padding:0;border:none;}
button,input,textarea,th,td{ margin:0;padding:0;}
ul,ol{list-style:none;}
img{ border:0px;}
table {border-collapse: collapse; border-spacing: 0; }
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
body {font-family: 'Microsoft YaHei', 'Heiti SC';background-color: #f7f7f7;}

@media screen and (max-width: 750px){
  header{
    padding-top: 55px;
  }
  header img {
    width: 43%;
  }
  .main{
    width: 100vw;
    margin-top: 33px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .phone{
    width: 64vw;
    /*height: 60.8vw;*/
    margin-right: auto;
    margin-left: auto;
  }
  .phone img{
    width: 64vw;
  }
  .foot-bg{
    width: 100%;
    background-size: 100vw 412px;
    position: absolute;
    top: 34.5vw;
    z-index: 99999;
  }
  .triangle-bottomright { 
    width: 0; 
    height: 0; 
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent ;
    /*border-bottom: 135px solid #F4CE46; */
    border-bottom: 36vw solid #F4CE46;
  }
  .wx-code{
    margin-top: -1px;
    width: 100%;
    height: 255px;
    background-color: #F4CE46;
  }
  .wx-code p{
    padding-top: 24px;
    color: #2e2e37;
    font-size: 18px;
  }
  .wx-code img{
    width: 145px;
    height: 145px;
    max-width: 200px;
    max-height: 200px;
    margin-top: 15px;
  }

}
@media screen and (min-width: 750px){
  header{
    padding-top: 55px;
  }
  header img {
    width: 155px;
  }
  .main{
    width: 100vw;
    margin-top: 33px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .phone{
    width: 239px;
    height: 228px;
    margin-right: auto;
    margin-left: auto;
  }
  .phone img{
    width: 239px;
  }
  .foot-bg{
    width: 100vw;
    height: 351px;
    position: absolute;
    top:162px;
    text-align: center;
    z-index: 99999;
  }
  .triangle-bottomright { 
    width: 0; 
    height: 0; 
    margin-left: auto;
    margin-right: auto;
    border-left: 375px solid transparent;
    border-right: 0 solid transparent ;
    border-bottom: 135px solid #F4CE46;
  }
  .wx-code{
    margin-top: -1px;
    width: 375px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F4CE46;
  }
  .wx-code p{
    padding-top: 24px;
    color: #2e2e37;
    font-size: 18px;
  }
  .wx-code img{
    width: 145px;
    height: 145px;
    max-width: 200px;
    max-height: 200px;
    margin-top: 15px;
  }
}