﻿.biaodan {
    background: #f2f4f7;
}
.biaodan .wrap{
    padding-top: 8.59%;
    padding-bottom: 6.25%;
}
.biaodan> .wrap > h2{
    margin-bottom: 1.04%;
    text-align: center;
    color: rgb(67, 67, 67);
}
.biaodan > .wrap > p{
    margin-bottom: 3.81%;
    text-align: center;
}
.biaodan .input_wrap{
  
    background: #fff;
}
.inputt{
    width: 50.69%;
    padding:3.81%  0 9.72%;
    margin: 0 auto;
}
.inputt > p{
    margin-top: 1.38%;
    margin-bottom: 1.38%;
}
.inputt > p > span{
    color: #289dd9;
}
.inputt > input{
   
    box-sizing: border-box;
    padding:0 10px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    width: 100%;
    moz-box-shadow:0px 0px 5px #D6D6D6; -webkit-box-shadow:0px 0px 5px #D6D6D6; box-shadow:0px 0px 5px #D6D6D6;
    height: 44px;
    line-height: 44px;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{zoom:1}
.lable{
    margin-top: 3.76%;
}
.lable > .label_wrap{
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 50%;
}
/*模拟checkbox*/
.label-checkbox{
     position:relative;
     display:inline-block;
      font-weight: normal; 
      padding-left: 15px;    
      box-sizing: border-box;
    }
.label-checkbox:before{
    content: "";
    position: absolute;
    left:0;top:4px;
    width: 14px;
    height: 14px;
    border:1px solid #D6D6D6;
      border-radius: 0px;
    border-radius: 5px;
    moz-box-shadow:0px 0px 5px #D6D6D6;
     -webkit-box-shadow:0px 0px 5px #D6D6D6;
      box-shadow:0px 0px 5px #D6D6D6;
    }
.label-checkbox.on:before{
    border:1px solid #D6D6D6;
      border-radius: 0px;
    border-radius: 5px;
    moz-box-shadow:0px 0px 5px #289dd9;
     -webkit-box-shadow:0px 0px 5px #289dd9;
      box-shadow:0px 0px 5px #289dd9;
    }
.label-checkbox.on:after{
     content: "";
      position: absolute; 
      width: 10px;
       height: 10px;  
       border-radius: 25%;
       left:3px;
        top:7px; 
        background: #289dd9;
    }
.label-checkbox input { opacity:0; filter:alpha(opacity=0);}
.label-checkbox.on em{color:#289dd9;}
.tijiaobutton{
    border-radius: 25px;
    display: block;
    margin: 0 auto;
  width: 200px;
  line-height: 44px;
  height: 44px;
  color: #fff;
  background: #289dd9;
  margin-top: 9%;
  float: left;
  margin-left: 110px;
}
@media only screen and (max-width: 767px) {
	.inputt {
        width: 90%;
    }
    .lable > .label_wrap {
        width: 100%;
    }
    .inputt > input {
        height: 33px;
        line-height: 33px;
    }
}