@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: 321px) 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;
}
body{
  width:100%;
  max-width: 640px;
  margin:0 auto;
}
body,html{
  height:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;

}
:-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;
}

.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;
}
#return{width:2.6rem;height:1.6rem;line-height:1.6rem;text-align: center;border:1px solid #f39801;color:#fff;position: absolute;top:10px;left:16px;border-radius:0.5rem;box-shadow: 0 0 5px #54d0d1;}
.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% 50px;
  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.phone{
  background-image:url(images/ico_02.png);
}
.main .form_part .list.country{
 background-image:url(images/ico_03.png);
}
.main .form_part .list.degree{
background-image:url(images/ico_04.png);
}
.main .form_part .list.area,.list.question{
background-image:url(images/ico_05.png);
}
.main .form_part .list.yuyue{
background-image:url(images/yyrs.png);
}
.main .form_part .list.wechatid{
background-image:url(images/Wechatid.png);
}
.main .form_part .list.school{
background-image:url(images/School.png);
}
.main .form_part .list.profession{
background-image:url(images/Profession.png);
}
.main .form_part .list.product{
background-image:url(images/Product.png);
}





.main .form_part .list input{
background-color: transparent;
height:1.7rem;
line-height:2rem;
width:100%;
}
.main .form_part .list span{
  width:30px;
  height:32px;
  background:url(images/ico_06.png) no-repeat;
  position: absolute;
  top:28%;
  right:0px;
  cursor:pointer;
}

 a.submit{
  display: inline-block;
  margin-top:2.3rem;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1.13rem;
  background-color:#e0555c;
  text-align: center;
  cursor:pointer;
}
input.submit{
  display: inline-block;
  margin-top:2.3rem;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1.13rem;
  background-color:#f39801;
  text-align: center;
  cursor:pointer;
}
.list ul.checkList{
  width:100%;
  background:#fff;
  position: absolute;
 top:2.7rem;
 left:0px;
 z-index:9999;
 max-height:112px;
 overflow:hidden;
 overflow-y:auto;
}
.list ul.checkList li a{
display: block;
font-size:0.8rem;
padding-left:50px;
padding-right:30px;
height:28px;
line-height:28px;
color:#000;
}
.list ul.checkList li a:hover{
  background-color:#e5d4d4;
}
 a.submit_yellow{
  display: inline-block;
  margin-top:2.3rem;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1.13rem;
  background-color:#f5e749;
  color:#e0555c;
  text-align: center;
  cursor:pointer;
}
a.usaMidSchools{
  background-color:#facd12;
  color:#0b7334;
}
.main .form_part .list.question{
  height:5.2rem;
  background-position:left 1.2rem;
}
.question textarea{
  width:100%;height:100%;
  padding-top:.4rem;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background:transparent;
}

.phone p{
  background-color: transparent;
    height: 1.7rem;
    line-height: 2rem;
    width: 100%;
    overflow:hidden;
}
.product p{
  background-color: transparent;
    height: 1.7rem;
    line-height: 2rem;
    width: 100%;
    overflow: hidden;
}
.phone ul{
  display:none;
  position: absolute;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.71);
  z-index: 999;
  left: 0;
  top: -0.06rem;
}
.phone ul li{
  height: 1.8rem;line-height: 2rem;
}
.phone ul li.Cellphone_li{
  padding: 4% 30px 4% 90px;
    background: url(images/Cellphone.png) no-repeat 4px center;
    background-size: 30%;
}
.phone ul li.Phone_li{
  padding: 4% 30px 4% 90px;
    background: url(images/phone.png) no-repeat 10px 0.96rem;
    background-size: 30%;
}
.phone ul li.msg{
    font-size: 0.8rem;
    text-align:center;
    line-height:1.6rem;
}
.product ul{
  display:none;
  position: absolute;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.71);
    z-index: 999;
    left: -1rem;
    top: -7rem;
    padding: 1rem;
    font-size: 0.8rem;
}
.product ul li{
    width: 39%;
    float: left;
    padding-left: 26px;
    line-height: 1.6rem;
    background: url(images/checkbox.png) no-repeat 0;
    background-size: 17%;
}
.product ul li.active{
  background: url(images/checkbox2.png) no-repeat 0;
    background-size: 17%;
}
.product ul li.w100{
  width: 100%;
    background: url(images/checkbox.png) no-repeat 0;
    background-size: 8%;
}
.product ul li.w100.active{
  background:url(images/checkbox2.png) no-repeat 0;
    background-size:8%;
}
@media screen and (max-width: 320px)  {
  .product ul{
    top: -9rem;
  }
}