/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body, button, input, select, textarea /* for ie */ {
    font: 14px/1.0 "Arial","Microsoft YaHei","黑体","宋体","KaiTi",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

address, cite, dfn, em, var, i {
    font-style: normal;
}
/* 将斜体扶正 */
code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}
/* 统一等宽字体 */
small {
    font-size: 12px;
}
/* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul, ol {
    list-style: none;
}
/** 重置文本格式元素 **/
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }

sup {
    vertical-align: text-top;
}
/* 重置, 减少对行高的影响 */
sub {
    vertical-align: text-bottom;
}
/*去除input的type为number的右边上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}
/** 重置表单元素 **/
legend {
    color: #000;
}
/* for ie6 */
fieldset, img {
    border: 0;
}
/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%;
    outline: none;
}
    /* 使得表单元素在 ie 下能继承字体大小 */
    button, input[type="button"] {
        cursor: pointer;
        -webkit-appearance: none;
    }

    input::-ms-clear {
        display: none;
    }
    /*隐藏文本框叉子*/
    input::-ms-reveal {
        display: none;
    }
/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*去除button阴影*/
button {
    border: 0;
}
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}

/*html, body {
    max-width: 640px;
    margin: 0 auto;
}*/

.viewport {
    padding: 0;
    min-width: 640px;
    max-width: 100%;
    margin: auto;
}

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

img {
    display: block;
    border: none;
    width: 100%;
}
/*-------------活动页面设置-------------*/
.act {
    max-width: 750px;
    margin: 0 auto;
}
/*-------------表单-------------*/
.form_box{
    position:relative;
}
.zg-from {
    width: 90%;
    top:-3%;
    left:5%;
    position:absolute;
}

    .zg-from > div {
        margin: 0 auto;
        width: 88%;
    }

    .zg-from h1 {
        color: #455473;
        font-size: 1rem;
        margin-top: 6%;
    }

        .zg-from h1 span {
            color: #ff0000;
        }

    .zg-from .inp {
        border: 1px solid #6c7892;
        /*input描边颜色*/
        width: 100%;
        height: 2.5rem;
        padding-left: 2%;
        margin-top: 10px;
        background: none !important;
        -webkit-appearance: none;
    }

    .zg-from div p {
        margin: 2% 0 0 0;
        color: #e34152;
        display:none;
    }

input[type='text'].inp {
    -webkit-appearance: none; /*去掉ios默认样式*/
    appearance: none;
    outline: none;
    background: none;
}
/*input提示文字的颜色*/
input::-webkit-input-placeholder {
    color: #6c7892;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #6c7892;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #6c7892;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6c7892;
}

.inp.inp-show {
    padding-top: 4%;
}

/*textarea {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background: none;
    resize: none;
}*/


/*-------------提交按钮-------------*/
.zg-bottom-btn {
    width: 88%;
    height: 3rem;
    margin: 0 auto;
    margin-top: 8%;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    background-color: #ed6c00;
    outline: none;
    -webkit-appearance: none;
    box-shadow: none;
    display: block;
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    /*.zg-bottom-btn .zg-btn {
        margin-bottom: 30px;
    }*/
/*-------------媒体查询-------------*/
@media screen and (min-width: 992px) {
    .zg-from h1 {
        margin-top: 8%;
        font-size: 1.4rem;
    }

    .zg-from .inp {
        height: 4.5rem;
        margin-top: 20px;
        font-size: 130%;
    }

    .zg-bottom-btn {
        margin-top: 7%;
        height: 4.5rem;
    }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
    .zg-from h1 {
        margin-top: 8%;
        font-size: 1.4rem;
    }

    .zg-from .inp {
        height: 4.5rem;
        margin-top: 20px;
        font-size: 120%;
    }

    .zg-bottom-btn {
        margin-top: 7%;
        height: 4.5rem;
    }
}
@media screen and (max-width: 375px) {
    .zg-from h1 {
        margin-top: 8%;
        font-size: 0.8rem;
    }

    .zg-from .inp {
        height: 2rem;
    }

    .zg-bottom-btn {
        margin-top: 10%;
        height: 2.5rem;
    }
}
@media screen and (max-width: 320px) {
    .zg-from h1 {
        margin-top: 6%;
        font-size: 0.8rem;
    }
    .zg-from .inp {
        height: 2rem;
    }
    .zg-bottom-btn {
        margin-top: 7%;
        height:2.5rem;
    }
}