/* CSS Document */
		@font-face {
		  font-family: "SourceHanSansCN-Normal";
		  src: url("${site.sitePath}/css/font/SourceHanSansCN-Normal.woff2") format("woff2"),
			   url("${site.sitePath}/css/font/SourceHanSansCN-Normal.woff") format("woff"),
			   url("${site.sitePath}/css/font/SourceHanSansCN-Normal.ttf") format("truetype"),
			   url("${site.sitePath}/css/font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
			   url("${site.sitePath}/css/font/SourceHanSansCN-Normal.svg") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}
		body {
		  font-family: SourceHanSansCN-Normal;
		}
* {
    padding: 0;
    margin: 0;
    word-spacing: normal;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

a,
input {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.height {
    width: 100%;
    display: block;
    height: 90px;
}

html,
body,
div,
p,
img,
ul,
li,
a,
span,
h1 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    list-style: none;
    text-decoration: none;
    outline: none;
}

html,
body {
    height: 100%;
}

/*商调函*/
.letter-bg {
    background: url(../../Img/sdh/letter-bg.jpg) #f0a1a2 no-repeat center;
}

.letter-firtitle {
    font-size: 44px;
    color: #ffffff;
    padding: 30px 0;
    width: 1100px;
    margin: 0 auto;
}

.letter-box {
    width: 900px;
    margin: 0 auto;
}

.letter-subbox {
    background: #ffffff;
    padding: 70px 100px;
}

.letter-top img {
    width: 100%;
}

.letter-title {
    font-size: 38px;
    color: #3a1f1f;
    border-bottom: 2px solid #f6d9d9;
}

.letter-mode {
    overflow: hidden;
    margin-top: 40px;
}

.letter-mode label {
    float: left;
    width: 220px;
    text-align: right;
    font-weight: normal;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #3a1f1f;
}

.letter-mode input {
    float: left;
    border: 1px solid #ebd2d2;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-left: 10px;
    width: 380px;
    outline: none;
    font-size: 16px;
    color: #3a1f1f;
}

.letter-btnbox {
    margin-top: 50px;
    border-top: 1px dashed #f3d3d3;
    padding-top: 50px;
    text-align: center;
}

.letter-btnbox a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    font-size: 26px;
    padding: 0 50px;
    background: #df0011;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
}

.letter-top70 {
    margin-top: 50px;
}

.letter-fail {
    text-align: center;
}

.letter-text {
    font-size: 16px;
    color: #646262;
    text-align: center;
    margin: 30px 0 60px 0;
}

.letter-error-box {
    padding-left: 220px;
    font-size: 14px;
    margin-top: 10px;
    color: #df0011;
}

div.letter-subbox.sdh-input-box {
    display: block;
}

div.letter-subbox.sdh-success-box,
div.letter-subbox.sdh-fail-box {
    display: none;
}

div.letter-subbox.sdh-success-box .letter-fail img {
    display: inline-block;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .letter-firtitle {
        width: 100%;
        font-size: 32px;
        text-align: center;
    }

    .letter-box {
        width: calc(100% - 20px);
        margin: 0 10px;
        margin-bottom: 10px;
    }

    .letter-subbox {
        padding: 50px 10px;
    }

    .letter-title {
        font-size: 26px;
    }

    .letter-mode {
        margin-top: 10px;
    }

    .letter-mode label {
        width: 100%;
        text-align: left;
    }

    .letter-mode input {
        width: 100%;
        box-sizing: border-box;
    }

    .letter-btnbox a {
        font-size: 16px;
    }

    .letter-btnbox {
        border-top: 0;
        padding-top: 0;
    }

    .letter-fail img {
        width: 100%;
    }

    .letter-text {
        margin: 10px 0;
    }
}

@media screen and (max-width: 376px) {}

@media screen and (max-width: 321px) {}