html{

}
*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
body {
  margin:0 auto;
  padding:0 0;
  font:13px/1 "微软雅黑","黑体", Arial, Verdana, Helvetica, sans-serif;
  color:#333333;
  background-color:#FFFFFF;
  min-width: 320px;
  max-width: 750px;
}
select,textarea{
  font:12px/1.5 "微软雅黑","黑体", Verdana, Arial, Helvetica, sans-serif;
}
@font-face {
  font-family: 'iconfont';
  src: url('../images/font/iconfont.woff2?t=1637293896720') format('woff2'),
       url('../images/font/iconfont.woff?t=1637293896720') format('woff'),
       url('../images/font/iconfont.ttf?t=1637293896720') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 15px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 8px;
}
ul,li,dl,dd,dt{
	margin:0;
	padding:0;
	list-style-type:none;
}
h1,h2,h3{
	margin:0;
	padding:0;
}
em,i{
    font-style: normal;
}
img{
    border: 0;
}
.wrapper{
  width:1200px;
  margin: 0 auto;
}
.wrapper.w1230{
  width:1230px;
}
.w100{
  display: table;
  width: 100%;
}
a,a:focus,a:hover,.btn:focus,li, li:focus, li:hover, input, input:focus, input:hover, textarea, textarea:focus, textarea:hover, select, select:focus, select:hover {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
a,a:link,a:active,a:visited {
	color:#333333;
	text-decoration:none;
    outline: none;
}
a:hover {
	color:#F33348;
	text-decoration:none;
}
textarea{
    resize: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.m12{
  margin-top:12px;
}
.m15{
  margin-top:15px;
}
.m10{
  margin-top:10px;
}
.m20{
  margin-top:20px;
}
.m30{
  margin-top:30px;
}
.m50{
  margin-top:50px;
}
.mb5{
  margin-bottom: 5px;
}
.mb30{
  margin-bottom: 30px;
}
.mb50{
  margin-bottom: 50px;
}
.line{
  border-bottom: 1px solid #F0F0F0;
}
.line:last-child{
  border-bottom: none;
}
.tcenter{
  text-align: center !important;
}
.tleft{
  text-align: left !important;
}
.tright{
  text-align: right !important;
}
.red{
    color:#F33348 !important;
}
.blue{
    color:#3657E0 !important;
}
.color9{
    color:#999999;
}

.form-item{
    display: block;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}
.form-item.form-btn{
  border-bottom: none;
  margin-top: 30px;
}
.form-item.flex{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}
.form-inline{
    display: inline-block;
}
.form-label-inline{
    display: inline-block;
    min-width: 22%;
    font-size: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0 5px;
}
.apply .form-item{
    padding-bottom: 0;
    margin-bottom: 10px;
}
.apply .form-item.form-btn{
  border-bottom: none;
  margin-top: 20px;
}
.apply .form-label-inline{
    min-width: 30%;
}
.apply .form-input{
    min-width: 65%;
}
.apply .form-select{
    min-width: 65%;
}
.apply .form-select.w20{
    display: inline-block !important;
    min-width: 17%;
}
.form-label-inline.auto{
    min-width: auto;
    width: auto;
}
.form-text-inline{
    display: inline-block;
    min-width: auto;
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.form-label{
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
}
.form-input{
    min-width: 76%;
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    padding: 0 10px;
    background: #FFFFFF;
    border: none;
    border-radius: 0;
    color: #666666;
}
.form-input.auto{
    width: 100%;
    min-width: auto;
}
.form-input.w100{
    min-width: 940px;
}
.form-input:disabled{
    background: #F9F9F9;
    color: #999999;
}
.form-select{
    min-width: 76%;
    height: 38px;
    background: #FFFFFF;
    border: none;
    font-size: 15px;
    border-radius: 0;
    padding: 0 10px;
    position: relative;
}
.form-textarea{
    min-width: 430px;
    height: 72px;
    font-size: 16px;
    line-height: 38px;
    padding: 0 15px;
    background: #FFFFFF;
    border: 2px solid #E0E0E0;
    border-radius: 3px;
    color: #666666;
}
.form-item .up-img{
    display: block;
}
.form-item .up-img a{
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 100px;
    border: 2px dashed #E0E0E0;
}
.form-item .up-img a:hover,.form-item .up-img.id-img a:hover{
    color: #F33348;
    border: 2px dashed #F33348;
}
.form-item .up-img.id-img a{
    display: inline-block;
    width: 200px;
    height: 100px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 30px;
    border: 2px dashed #E0E0E0;
    margin-right: 20px;
}
.form-item .up-img.id-img a i{
  display: block;
  margin-top: 20px;
  font-size: 30px;
}
.form-item.center{
    text-align: center;
    margin-top: 45px;
}
.form-input.code{
    min-width: 255px;
}
.img-code{
    display: inline-block;
    width: 130px;
    height: 38px;
}
.img-code img{
    width: 100%;
    height: 100%;
    margin: -3px 0 0 20px;
}
.submit{
  width: 100%;
  height: 42px;
  background: linear-gradient(90deg, #f06d29 0%, #c31d05 100%);
  opacity: 1;
  border-radius: 5px;
  border: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 42px;
  color: #FFFFFF;
  margin: 5px 0;
}
.form-box{
    width: 92%;
    margin: 0 auto;
    padding: 20px 0;
}
.form-box h2{
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    line-height: 45px;
    margin: 20px 0 38px 0;
}
.form-tips{
    margin: 20px 0 30px 0;
    color: #999999;
    text-align: center;
}
.form-checkbox{
    margin: 0px 0 30px 0;
    color: #333333;
    text-align: left;
    font-size: 15px;
    line-height: 15px;
}
.form-checkbox a{
  color: #3878ff;
}
.form-checkbox input{
  margin: 0 10px 0 10px;
}
input.redcheck[type="checkbox"]{
  width:16px;
  height:16px;
  display: inline-block;
  text-align: center;
  vertical-align: -3px; 
  line-height: 15px;
  position: relative;
  margin-right: 10px;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input.redcheck[type="checkbox"]::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  background:url(../images/icon-checkbox-a.png) no-repeat center center;
  background-size: 16px 16px;
}
input.redcheck[type="checkbox"]:checked::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  color:#FFFFFF;
  background:url(../images/icon-checkbox-v.png) no-repeat center center;
  background-size: 16px 16px;
}