@media only screen and (max-width: 320px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 360px) {
    html {
        font-size: 16px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 540px) {
    html {
        font-size: 18px;
    }
}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, th, td, b, s,textarea, strong, em, input, select, label, button {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    color:#fff;
   font-family: Helvetica,Arial,sans-serif;
}


button{border: none;}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
}
.cl{
  clear:both;
}
.clearfix:after {
    clear: both;
}
.hidden{
  display: none;
}
input, textarea {
    border: none;
    font-size: 100%;
}
input:focus, textarea:focus {
    outline:none;
}
/*重置ios自带样式*/
input[type="button"],input[type="submit"],input[type="reset"]{
   -webkit-appearance: none;
   border-radius: 0;
}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; }

::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
    opacity:0;
}
textarea:focus::-moz-input-placeholder { /* WebKit browsers */
    opacity:0;
}
textarea:focus::-ms-input-placeholder { /* WebKit browsers */
    opacity:0;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}
::-webkit-scrollbar {
    width: 18px;
}
::-webkit-scrollbar-track {
    background-color:#e0e0e0;
}
::-webkit-scrollbar-thumb {
    background-color: #77757c;
}

body{
  width:100%;
  /*max-width: 640px;*/
  margin:0 auto;
}
body,html{
  width:100%;
}
.bg{
   width:100%;
  height:100%;
  position: fixed;
  top:0;
  bottom:0;
  right:0;
  z-index:-100;
}
.bg img{
  width:100%;
  height:100%;
  margin:0 auto;
}

.main{
  width:64%;
  margin:8% auto;
}
.main img{
  width:48%;
 padding:0 25% 1.5rem;
}
.main .form_part .list{
  height:1.85rem;
  padding:4% 30px 3% 46px;
  border-bottom:1px solid #fff;
  background-repeat: no-repeat;
  background-position:left center;
  background-size:25px 25px;
  position: relative;
}
.main .form_part .list.name{
 background-image:url(images/ico_01.png);
}
.main .form_part .list.mobile{
  background-image:url(images/ico_02.png);
}
.main .form_part .list.ideas{
 background-image:url(images/ico_03.png);
}


.main .form_part .list input{
background-color: transparent;
height:1.7rem;
line-height:2rem;
width:100%;
}
.main .form_part .list.ideas{
  height:6rem;
  background-position:left 20%;
  padding-right:0px;

}
.main .form_part .list textarea{
  background:transparent;
  width:100%;
  height:5.4rem; 
  padding-top:4%; 
  position: relative;
  line-height:1.2rem;
}
.main .form_part .list.ideas span{
  position: absolute;
  top:15%;
  left:46px;
}
 a.submit{
  display: inline-block;
  margin-top:2.5rem;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1.13rem;
  background-color:#e0555c;
  text-align: center;
  cursor:pointer;
}