body{
	background: #F5F5F5 !important;
}
.gongre{
	
background: #F5F5F5;
}
.gongre-top{
	/* background: url('../img/baoxiu.png') no-repeat center center; */
	width: 100%;
 	height: 100%;
}
.gongre-top img{
	width: 100%;
	height:100%;
}
.form-box{
	width: 100%;
	background: #FFFFFF;
	border: 0.01rem solid #E0E3E3;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: .4rem 0 .48rem;
	margin-top: .6rem;
}
.form-top{
	text-align: center;
	font-size: 0.28rem;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.form-subtitle{
	font-size: 0.14rem;
	color: #9B9B9B;
	margin-top: 0.05rem;
}
.form{
	margin-top: .73rem;
}
.form-item{
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
}
.form-title{
	width: 2.2rem;
	text-align: right;
}
.form-title span:nth-child(1){
	font-size: 0.14rem;
	color: #FF0103;
}
.form-title span:nth-child(2){
	font-size: 0.14rem;
	color: #666666;
}
.form-remark-text{
    margin-left: 0.16rem;
    line-height: 0.24rem;
    font-size: 0.14rem;
}
.shenbao-user{
	width: 5.69rem;
	height: 0.4rem;
	background: #FFFFFF;
	border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
	border: 0.01rem solid #B8C4D1;
	margin-left: 0.16rem;
	display: flex;
	align-items: center;
}
.shenbao-user input{
	width: 100%;
	height: 100%;
	font-size: 0.14rem;
	color: #B8C4D1;
	padding:0 0.16rem;
}
.shenbao-user img{
	width: .16rem;
	height: .16rem;
}
.tousu-type{
	width: 5.69rem;
	height: 0.4rem;
	background: #FFFFFF;
	border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
	border: 0.01rem solid #B8C4D1;
	margin-left: 0.16rem;
	display: flex;
	align-items: center;
}
.tousu-type select{
	width:100%;
	height: 100%;
	margin-left: 0;
	border:0;
	padding: 0 0.16rem;
    color: #B8C4D1;
}
.remark{
	width: 5.69rem;
	height: 0.9rem;
	background: #FFFFFF;
	border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
	border: 0.01rem solid #B8C4D1;
	padding:0 0.16rem;
	margin-left: 0.16rem;
	display: flex;
	align-items: center;
	padding: 0.11rem  0.16rem;
}
.remark textarea{
	width: 100%;
	height: 100%;
}
.submit{
	display: flex;
	justify-content: center;
	margin-top: 0.56rem;
	cursor: pointer;
}
.btn{
	min-width: 1.88rem;
	height: 0.48rem;
	line-height: .48rem;
	background: #008BFD;
	text-align: center;
	font-size: 0.18rem;
	color: #FFFFFF;
}
.bmxz{
	width: 100%;
	background: #FFFFFF;
	border: 0.01rem solid #E0E3E3;
	padding-top:.4rem;
	margin-top: .4rem;
	padding-bottom: .72rem;
}
.w1400{
	padding-bottom: 0.72rem;
}
.xz-top{
	text-align: center;
}
.xz-title{
	font-size: 0.28rem;
	color: #333333;
}
.xz-subtitle{
	font-size: 0.14rem;
	color: #9B9B9B;
	margin-top: 0.05rem;
}
.content{
	width: 64%;
	margin: 0 auto;
	margin-top: .73rem;
	line-height: 0.24rem;
}
.content p{
	line-height: 0.24rem;
}
.success-main{
	background: #F5F5F5;
}
.success-box{
	padding:.74rem 0 .72rem 0;
	background: #FFFFFF;
	border: 0.01rem solid #E0E3E3;
	margin-top:0.74rem;
	margin-bottom: 0.72rem;
}
.success{
	/* width: 23%; */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;	
}
.tips{
	font-size: 0.24rem;
	color: #6A6A6A;
	margin-bottom: .18rem;
}
.shenhe{
	font-size: 0.16rem;
	color: #6A6A6A;
	text-align: center;
}
.shenhe p{
	line-height: 0.24rem;
}
.detail-btn{
	width: 2.01rem;
	height: 0.4rem;
	line-height: .4rem;
	background: #008BFD;
	border-radius: 0.06rem;
	margin-top: .63rem;
	font-size: 0.16rem;
	color: #FFFFFF;
	text-align: center;
}
.upimg{
	margin-left: 0.16rem;
	position: relative;
	display: flex;
}
.upimg img{
	margin-right: 10px;
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}
.appimg{
	display: flex;
	width: 70%;
	flex-wrap: wrap;
}
.img-item{
    position: relative;
    
}
.img-item img:nth-child(2){
    position: absolute;
    top:0;
    right: 0;
    width:0.4rem;
    height: 0.4rem;
}
.tousu-btn{
	margin-bottom: .48rem;
	cursor: pointer;
}
.upfile{
	padding: 30px 90px 50px 0;
	position: absolute;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 1rem;
	height: 1rem;
}
.form-tips span:nth-child(1){
	font-size: 0.14rem;
	color: #666666;
}
.form-title p{
	font-size: 0.1rem;
	color: #666666;
	margin-top: 0.06rem;
}
.form-homefile{
	width: 5.69rem;
	height: 0.4rem;
	background: #FFFFFF;
	margin-left: 0.16rem;
	display: flex;
	align-items: center;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    font-size: 0.14rem;
    color: #B8C4D1;
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
    font-size: 0.14rem;
    color: #B8C4D1;
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
     font-size: 0.14rem;
    color: #B8C4D1;
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
     font-size: 0.14rem;
    color: #B8C4D1;
}
.content p a{
    display: inline-block;
}
@media only screen and (max-width: 1024px){
    .shenbao-user,.shenbao-user,.tousu-type,.remark{
        width: 55%;
        height: 0.6rem;
    }
    .form{
        width: 94%;
    }
    .content p{
        line-height: 0.4rem;
        font-size: 0.26rem;
    }
    .btn{
        min-width: 4.6rem;
        height: 0.7rem;
        line-height: 0.7rem;
        font-size:0.26rem;
    }
    .form-top{
        font-size: 0.26rem;
    }
    .form-title span:nth-child(2){
        font-size: 0.24rem;
    }
    .shenbao-user input{
        font-size: 0.26rem;
    }
    .shenbao-user input::placeholder,.shenbao-user textarea::placeholder {
          font-size: 0.26rem;
    }
    textarea::-webkit-input-placeholder { 
          font-size: 0.26rem;
    }
    textarea:-moz-placeholder {
          font-size: 0.26rem;
    }
    textarea::-moz-placeholder {
          font-size: 0.26rem;
    }
    textarea::-ms-input-placeholder {
         font-size: 0.26rem;
    }
    .form-remark-text{
        line-height: 0.34rem;
        font-size: 0.22rem;
    }
}