@media (min-width: 501px) and (max-width: 800px){
    .header {
        min-height: 258px;
    }
    .header-title {
        padding-top:58px;
        font-size:42px;
        letter-spacing: 2px;
    }
    .header-desc {
        font-size:16px;
    }
    .content p {
        font-size:14px;
        margin-top:20px;
    }
    .submitBtn {
        padding:7px 20px;
        background: #3c4453;
        color:#ffffff;
        font-size:15px;
    }

    .block {
        padding:12px 30px;
    }

    .info-input input {
        height:37px;
    }
    .info-input {
        width:80%;
    }

    .info-input input {
        height:37px;
    }

    .info-input i {
        height:29px;
        line-height: 29px;
        font-size:16px;
        color:#eebe00;
        top:4px;
    }

    .info-content-list span {
        font-size:16px;
    }

    .info-content-list svg {
        top:4px;
    }

}

@media (min-width: 800px ) {
    body{
        width:800px;
        margin:0 auto;
        padding:20px 10px;
        background: #BEC5CF;
    }
    .header{
        min-height: 270px;
    }
    .header-title {
        padding-top:70px;
        font-size:42px;
    }

    .hr {
        height: 30px;
        line-height: 30px;
        font-size:16px;
    }

    .content p {
        white-space: normal;
        line-height: 19.6px;
        font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",-apple-system,BlinkMacSystemFont,"Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Microsoft JhengHei","Source Han Sans CN","Source Han Sans SC","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimSun,"WenQuanYi Zen Hei Sharp",sans-serif
    }
    .block {
        padding:12px 30px;
        font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",-apple-system,BlinkMacSystemFont,"Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Microsoft JhengHei","Source Han Sans CN","Source Han Sans SC","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimSun,"WenQuanYi Zen Hei Sharp",sans-serif
    }

    .submitBtn {
        padding:7px 20px;
        background: #3c4453;
        color:#ffffff;
        font-size:15px;
    }

    .info-input {
        width:80%;
    }

    .info-input-short{
        width:calc(80% - 22px);
    }

    .info-input input {
        height:37px;
        padding-left:12px;
    }

    .info-input i {
        height:29px;
        line-height: 29px;
        font-size:16px;
        color:#eebe00;
        top:4px;
    }

    .info-content-list span {
        font-size:16px;
    }

    .info-content-list svg {
        top:4px;
    }
}


@media (max-width: 320px){
    .header{
        min-height: 90px;
    }
    .header-title {
        padding-top:24px;
        font-size:26px;
    }
    .header-desc {
        font-size:16px;
    }

    .submitBtn {
        max-width: 100%;
        min-width: 60%;
    }
    .info-prefix {
        padding-left:22px;
    }

    .info-input i {
        height:34px;
        line-height: 34px;
        font-size:16px;
        color:#EEBE00
    }

    .optionList {
        min-height: 29px;
        font-size:15px;
        font-weight:normal;
        color:#000000;
        padding-left:5px;
    }

    .info-content-list svg {
        padding:1px;
        padding-top:6px;
        pointer-events: visible;
    }

}


@media (min-width: 375px) and (max-width: 500px){
    .header {
        min-height: 125px;
    }
    .header-title {
        padding-top:30px;
        font-size:42px;
    }
    .header-desc {
        margin-top:5px;
        font-size:16px;
    }
    .content p {
        font-size:14px;
        margin-top:16px;
    }
    .submitBtn {
        max-width: 100%;
        min-width: 60%;
    }
    .info-prefix {
        padding-left:22px;
    }

    .info-input i {
        height:34px;
        line-height: 34px;
        font-size:16px;
        color:#EEBE00
    }

    .optionList {
        min-height: 29px;
        font-size:15px;
        font-weight:normal;
        color:#000000;
        padding-left:5px;
    }

    .info-content-list svg {
        padding:1px;
        padding-top:6px;
        pointer-events: visible;
    }

}


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

    .title {
        font-size:14px;
    }
    .hr {
        height:30px;
        line-height: 30px;
    }

    .info-content{
        padding-bottom: 40px;
    }

    .submitBtn{
        width:100%;
        background:#3c4453;
        height:36px;
        padding:10px 20px;
        color:#ffffff;
        font-size:14px;
        line-height: 16px;
    }

    .btn {
        height: 36px;
        font-size:14px;
        line-height: 36px;
        font-weight:normal;
        color:#ffffff;
        background:#3c4453;
    }

    .info-input {
        height:37px;
        line-height: 40px;
    }

    .info-prefix {
        padding-left:22px;
    }

    .info-input i {
        height:34px;
        line-height: 34px;
        font-size:16px;
        color:#EEBE00
    }

    .optionList {
        min-height: 29px;
        font-size:15px;
        font-weight:normal;
        color:#000000;
        padding-left:5px;
    }

    .info-content-list svg {
        padding:1px;
        padding-top:6px;
        pointer-events: visible;
    }


}


@font-face {
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    src: url(/images/formIcon.eot?v=20200721);
    src: url(/images/formIcon.eot?#iefix) format('embedded-opentype'),
    url(/images/formIcon.woff2?v=20200721) format("woff2"),
    url(/images/formIcon.woff?v=20200721) format('woff'),
    url(/images/formIcon.ttf?v=20200721) format('truetype');
    unicode-range: U+E60F-E900
}

.iconfont {
    font: normal normal normal 16px/1 iconfont;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.li-active {
    color:#eebe00;
}