/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
  margin: 0;
  padding: 0; }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left;
  font-weight: normal; }

html, body, fieldset, img, iframe, abbr {
  border: 0; }

i, cite, em, var, address, dfn {
  font-style: normal; }

[hidefocus], summary {
  outline: 0; }

li {
  list-style: none; }

h1, h2, h3, h4, h5, h6, small {
  font-size: 100%; }

sup, sub {
  font-size: 83%; }

pre, code, kbd, samp {
  font-family: inherit; }

q:before, q:after {
  content: none; }

textarea {
  overflow: auto;
  resize: none; }

label, summary {
  cursor: default; }

a, button {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6, em, strong, b {
  font-weight: bold; }

del, ins, u, s, a, a:hover {
  text-decoration: none; }

body, textarea, input, button, select, keygen, legend {
  font: 12px/1.14 arial,\5b8b\4f53;
  color: #333;
  outline: 0; }

body {
  background: #fff; }

a, a:hover {
  color: #333; }

body {
  background-color: #e0fde2; }

.blank100 {
  height: 1rem; }

.p1 {
  background-image: url("../images/p1.jpg");
  background-size: 100%;
  height: 10.7rem; }

.p2 {
  background-image: url("../images/p2.jpg");
  background-size: 100%;
  height: 6rem; }

.p3 {
  background-image: url("../images/p3.jpg");
  background-size: 100%;
  height: 15.1rem; }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: .76rem;
  background-color: #3bb51a; }
  .footer .i1, .footer .i2, .footer .i3 {
    background-repeat: no-repeat; }
  .footer .i1 {
    background-image: url("../images/i1.png");
    background-position: center center;
    background-size: .36rem .61rem; }
  .footer .i2 {
    background-image: url("../images/i2.png");
    background-position: center center;
    background-size: .37rem .61rem; }
  .footer .i3 {
    background-image: url("../images/i3.png");
    background-position: center center;
    background-size: .38rem .61rem; }

.form1 .title, .form2 .title {
  width: 1.7rem;
  height: .38rem;
  line-height: .38rem;
  font-size: .32rem;
  color: #fff;
  text-indent: .5em;
  border-radius: 0 .38rem .38rem 0;
  margin-bottom: .5rem;
  margin-left: .44rem; }
.form1 .ele, .form2 .ele {
  margin-bottom: .2rem;
  padding-right: 1rem; }
  .form1 .ele label, .form2 .ele label {
    width: 1.9rem;
    margin-right: .1rem;
    text-align: right;
    height: .66rem;
    font-size: .3rem;
    color: #161616;
    line-height: .66rem; }
  .form1 .ele input, .form2 .ele input {
    width: 4.5rem;
    height: .66rem;
    background-color: #fff;
    text-indent: .5em;
    border-radius: 5px;
    border: 0;
    font-size: .3rem; }
.form1 .textarea, .form2 .textarea {
  overflow: hidden; }
  .form1 .textarea label, .form2 .textarea label {
    display: block;
    height: .66rem;
    font-size: .3rem;
    color: #161616;
    line-height: .66rem;
    padding-left: 1.22rem; }
  .form1 .textarea textarea, .form2 .textarea textarea {
    float: right;
    margin-right: 1rem;
    border: 0;
    background-color: #fff;
    border-radius: 5px;
    padding: .1rem;
    width: 4.3rem;
    height: 1.8rem;
    font-size: .3rem;
    display: block;
    margin-left: 2.1rem; }
.form1 .btn input, .form2 .btn input {
  margin: .4rem auto .3rem auto;
  display: block;
  width: 3.26rem;
  height: .75rem;
  font-size: .42rem;
  color: #fff;
  border: 0;
  background: none;
  border-radius: .16rem; }

.form1 .title {
  background-color: #fe9d04; }
.form1 .btn input {
  background-color: #fe9d04; }

.form2 .title {
  background-color: #0598ec; }
.form2 .btn input {
  background-color: #01a1fd; }

#ui-error-msg {
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -15px;
  width: 200px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 7px;
  /*margin-left: -100rem;margin-top: -15px;*/
  word-break: break-all;
  z-index: 1111;
  padding: 10px; }

#ui-error-msg.show {
  display: block; }

.layerbg {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3); }

* {
  -webkit-appearance: none; }

/*# sourceMappingURL=main.css.map */
