* {margin: 0;padding: 0;}

/* 在640px宽度下的样式 */
body {max-width: 640px;margin: 0 auto;}

/* 固定样式 */
.hdlimg_gd {width: 100%;max-width: 100%;}
.hdlh2_gd {font-size: 38px;margin: 30px 0px 20px 0px;}
.hdlbutton_gd {width: 65%;height: 64px;border-color: rgb(0, 48, 79);border-width: 0.0625rem;border-radius: 2.125rem;background-color: rgb(0, 48, 79);color: rgb(255, 255, 255);font-size: 25px;font-weight: 600;margin-top: 40px; margin-bottom: 30px;cursor:pointer;}
.hdlinput_gd {width: 100%;height: 75px;border-radius: 16px;border: 1px solid rgb(224, 224, 224);font-size: 24px;}
.hdlp_gd{font-size: 20px;margin-top: 20px; margin-bottom: 20px;line-height: 1.8;font-weight: 400;}
.hdlflex_gd{display: flex;justify-content: space-around;align-items: center;}

h1 {font-size: 26px;font-weight: 600;font-style: italic;cursor:pointer;}
a{text-decoration: none;color: black;}

.content {width: 100%;margin: 0 auto;text-align: center;}

.hdl_top>a>img {width: 68px;height: 68px;}

.content>div {margin-top: 10px;}

.hdl_cont1>p {font-size: 20px;font-weight: 600;font-size: 28px;color: #475577;}

.hdl_cont1>.hdl_cont1_span {margin: 20px 40px;font-size: 24px;}

.hdl_cont2 {width: 90%;margin: 0 auto 0.5rem;margin-bottom: 40px;}

.hdl_cont2>.ghfm1>.input11,.hdl_cont2>.ghfm1>.input12,.hdl_cont2>.ghfm2>.input21,.hdl_cont2>.ghfm2>.input22{padding-left: 20px;}

.hdl_cont2>.ghfm1>.button11,.hdl_cont2>.ghfm2>.button21 {background-color: rgba(0, 48, 79, 1);color: white;font-size: 24px;font-weight: 600;margin-top: 40px;}

.hdl_cont2>h4{margin: 50px 0px 20px 0px;font-weight: 700;font-size: 30px;}

.hdl_cont2 form p{float: left;font-size: 23px;margin-top: 30px; margin-bottom: 10px;text-indent: 1em;}

.hdl_cont2 form .xing{color: red;}

.hdl_cont4 p{color: #475577; text-align: left;margin-left: 40px; font-size: 25px;line-height: 1.2 ;font-weight: 600;}

.hdl_cont4 p:first-of-type {margin-top: 20px; color: black;}

.hdl_cont5 p{margin-bottom: 20px;}

.hdl_cont7 p{width: 80%;margin: 0 auto;}

.hdl_cont9 p{width: 80%;margin: 0 auto;}

.hdlbottom{position: -webkit-sticky; /* 兼容Webkit浏览器 */position: sticky;bottom: 0; /* 元素固定在顶部 */background-color: #ffffff;padding: 10px;}

.hdlbottom img{width: 66px;height: 66px;}

.hdlbottom>div>div:nth-of-type(1) {width: 20%;text-align: center;}
.hdlbottom>div>div:nth-of-type(1) p{font-size: 20px;}
.hdlbottom>div>div:nth-of-type(2) {width: 80%;margin-top: 10px;}
.hdlbottom>div>div:nth-of-type(2) a button {background-color: rgba(0, 48, 79, 1);color: white;font-size: 28px;}

@media (max-width: 500px) and (min-width: 321px) {
    h1{font-size: 20px;}
    .hdlh2_gd{font-size: 20px;}
    .hdlp_gd{font-size: 16px;}
    .hdlbutton_gd{height: 52px;font-size: 18px;}
    .hdlinput_gd{width: 100%;height: 52px;font-size: 16px;}
    .hdl_top>a>img{width: 58px;height: 58px;}
    .hdl_cont1>p{font-size: 18px;}
    .hdl_cont2>h4{font-size: 18px;}
    .hdl_cont2>.ghfm1>.yy_p,.hdl_cont2>.ghfm2>.yy_p{font-size: 16px;}
    .hdl_cont2>.ghfm1>.button11,.hdl_cont2>.ghfm2>.button21{font-size: 16px;}
    .hdl_cont4 p{font-size: 16px;}
    .hdlbottom img{width: 48px;height: 48px;}
    .hdlbottom>div>div:nth-of-type(1) p{font-size: 16px;}
    .hdlbottom>div>div:nth-of-type(2) a button{font-size: 18px;}
}
@media (max-width: 320px) {
    h1{font-size: 16px;}
    .hdlh2_gd{font-size: 16px;}
    .hdlp_gd{font-size: 12px;}
    .hdlbutton_gd{height: 48px;font-size: 14px;}
    .hdlinput_gd{width: 100%;height: 48px;font-size: 12px;}
    .hdl_top>a>img{width: 50px;height: 50px;}
    .hdl_cont1>p{font-size: 14px;}
    .hdl_cont2>h4{font-size: 14px;}
    .hdl_cont2>.ghfm1>.yy_p,.hdl_cont2>.ghfm2>.yy_p{font-size: 12px;}
    .hdl_cont2>.ghfm1>.button11,.hdl_cont2>.ghfm2>.button21{font-size: 14px;}
    .hdl_cont4 p{font-size: 12px;}
    .hdlbottom img{width: 40px;height: 40px;}
    .hdlbottom>div>div:nth-of-type(1) p{font-size: 12px;}
    .hdlbottom>div>div:nth-of-type(2) a button{font-size: 14px;}
}