@charset "utf-8";
body {
    font-size: 14px;
    font-family: 'Microsoft YaHei', Tahoma, Arial, "Roboto", "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "STHeiti", sans-serif;
    max-width:640px;
    margin: 0 auto;
    color: #333;
	background:url(../images/bg.jpg)  no-repeat top center #ff7a88;    background-size: 640px;
	}
	
.alert-marquee{display: block;height:40px;line-height: 40px;background: #777;background: rgba(0,0,0,0.7);white-space: nowrap;overflow: hidden;position: relative;z-index: 1;}

.alert-marquee .inner{position: absolute;left: 100%;color: #fff;font-size: 16px;}
	
.layui-m-layer-wapsja .layui-m-layercont{    max-height: 400px;
    overflow: auto;    padding: 20px;}
	.layui-m-layer-wapsja .layui-m-layerbtn span[yes]{color: #fb5264;}	
body.bg2{background:url(../images/bg2.jpg)  no-repeat top center #ffeef0;    background-size: 640px;}
*{margin:0;padding:0}
img{border:0}
li{list-style:none}
i{font-style:normal}
u{text-decoration: none;}
.form_box{    margin-top: 98%;
background:url(../images/fsbg.png)  no-repeat top center;
background-size: 100%;    height: 630px;
}


.zf_box{    margin-top:78%;
background:url(../images/bg3.png)  no-repeat top center;
background-size: 100%;    height:500px;    
}
.xcy{background:#fd577a;color:#fff;height:50px;line-height:50px;    font-size: 28px;
    text-align: center;
    border-radius: 10px;display: flex;
    justify-content: center;
    align-items: center;    margin: 0 40px;
    margin-top: 25%;}
.xcy i{background: url(../images/ax.png) no-repeat center;display:inline-block; vertical-align: middle;   width: 30px;
    height: 50px;}
.xcy span{ background-image:-webkit-linear-gradient(bottom,#ffe672,#ffe672,#ffffff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; }
.xcy u{    font-size: 40px;
    padding: 0 5px;}
.form_box .container{ padding:80px 40px}
.zf_box .container{ padding:40px 40px}
.zf_box button{width: 100%;
    line-height: 80px;
    color: #fff;
    background: #fc4f74;
    border-radius: 40px;
    font-size: 24px;cursor: pointer;
    border: 0;    margin: 30px 0;}
.zf_box  p  {       margin: 10px 0;  font-weight: bold;   font-size: 20px;}
.zf_box  p  span{color:#fc4f74}
.form_box .container button{cursor: pointer; background: url(../images/button.png) no-repeat center;height:70px;   
    width: 100%;
    border: 0;
    background-size: auto 100%;
    color: #fff;
    font-size: 24px;   /* -webkit-animation: btnMoving-data-v-04861188 2.5s linear infinite;
    animation: btnMoving-data-v-04861188 2.5s linear infinite;*/}
.form_box .container p{color:#9c6c7f;text-align: center;    margin: 20px 0;
    font-size: 20px;}
.form_box .container p span{color:#fb5264}
.public_agreement{text-align: center; line-height: 22px; font-size: 20px;  color: #9c6c7f;}
.public_agreement a{  color: #9c6c7f;    text-decoration: none;}
.bta{     margin-bottom: 20px;   display: flex;
    justify-content: space-between;
    align-items: center;}
.bta img{width:80%;}	
.bta:after,.bta:before{       content: " ";
    background: url(../images/jt.png) no-repeat center;
    width: 10%;
    height: 20px;
    display: block;
    background-size: auto 100%;}
.line_box{border: 1px #fed2f8 solid;
    overflow: hidden;
    height: 80px;
    margin-bottom: 20px;
    border-radius: 10px;}
.line_box i{display:block;float:left;width:80px;height:80px;}
.line_box i.ico1{  background: url(../images/nt.png) no-repeat center;background-size: 100% 100%;}

.line_box i.ico2{  background: url(../images/nt2.png) no-repeat center;background-size: 100% 100%;}
.line_box input{ outline:none;   font-size: 18px;float:left;border:0;display:block;width:calc(100% - 80px);height:80px;background:#fff;text-indent: 20px;}


.line_box input::-webkit-input-placeholder {
 
            color: #cbcbcb;
        }
        .line_box input:-ms-input-placeholder {
      
            color: #cbcbcb;
        }
		.line_box input::placeholder {
      
            color: #cbcbcb;
        }
 

 
            .djxz{
                width: 24px;
              display: inline-block;
                position: relative;
            }
            
            .djxz label{
                cursor: pointer;    border-radius: 5px;
                position: absolute;
                width: 22px;
                height: 22px;
                top:0;        
                left: 0;    
           border: 1px solid #c37e7f;
            }
            
            .djxz label:after{opacity: 0;

                
            }
            
   
            
            .djxz input[type=checkbox]:checked + label:after{
                               opacity: 1;
                content: '';
                position: absolute;
                width: 9px;
                height: 5px;
                background: transparent;
                   top: 5px;left: 5px;border: 3px solid #c37e7f;
                border-top: none;
                border-right: none;
                
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                /*-o-transform: rotate(-45deg);*/
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); 
            }
            
            .djxz input[type=checkbox]{
                visibility: hidden;
            } 

           .zf_box ul label{
             margin-bottom:25px;    height: 40px;
    line-height: 40px;
    font-size: 20px;    width: 100%;
    display: block;
            }
         .zf_box ul label i{float:left;width:40px;height:40px;    margin-right: 10px;}
		   .zf_box ul label i.ico1{ background: url(../images/wx.png) no-repeat center;background-size:  100%;}
		     .zf_box ul label i.ico2{ background: url(../images/zfb.png) no-repeat center;background-size: 100%;}    
           .zf_box ul label span{
cursor: pointer;
    border-radius: 100%;
    float: right;
    width: 30px;
    height: 30px;
    border: 2px solid #e1e1e1;
    position: relative; box-sizing: border-box; margin-top: 5px;        
	  }
         .zf_box ul label input[type=radio]:checked + span{ 
		 
	background: -webkit-linear-gradient(180deg, #8ccf87, #6eb465);
     background: -moz-linear-gradient(180deg, #8ccf87, #6eb465);
     background: -ms-linear-gradient(180deg, #8ccf87, #6eb465);
     background: -o-linear-gradient(180deg, #8ccf87, #6eb465);
     background: linear-gradient(180deg, #8ccf87, #6eb465);
 ;border:0}     
            .zf_box ul label input[type=radio]:checked + span:after{
                  opacity: 1;
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    background: transparent;
    top: 7px;
    left: 8px;
    border: 3px solid #ffffff;
    border-top: none;
    border-right: none;
                
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                /*-o-transform: rotate(-45deg);*/
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                
            }
            

            
           .zf_box ul label  input[type=radio]{
                visibility: hidden;
            } 




@-webkit-keyframes btnMoving-data-v-04861188 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes btnMoving-data-v-04861188 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

.banquan{    text-align: center;
    color: #fff;}
.banquan a{color:#fff}
@media screen and (max-width: 640px) {

body {
 
	background:url(../images/bg.jpg)  no-repeat top center #ff7a88;  
	  background-size: 100%;

}

body.bg2{background:url(../images/bg2.jpg)  no-repeat top center #ffeef0;  background-size: 100%;}

}

@media screen and (max-width: 580px) {
.line_box{height: 60px;}
.line_box i{height: 60px;width:60px}
.line_box input{    width: calc(100% - 60px);height: 60px;}
.form_box{height:580px}
.xcy{font-size:20px}
.zf_box button{line-height:60px;margin:20px 0}
}
@media screen and (max-width: 550px) {
.form_box .container p,.public_agreement{font-size:18px}

}

@media screen and (max-width: 520px) {
.form_box {
    height: 520px;
}
.form_box .container {
    padding: 60px 40px;
}
}

@media screen and (max-width: 510px) {
.zf_box{height:400px}
.form_box .container p,.public_agreement{font-size:16px}
.form_box .container button{height:60px}
}

@media screen and (max-width: 480px) {
.line_box{height: 50px;}
.line_box i{height: 50px;width:50px}
.line_box input{    width: calc(100% - 50px);height: 50px;}
.zf_box p{font-size:18px}
.zf_box button{line-height:50px}
.form_box {
    height: 490px;
}
.xcy {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-top: 26%;
}
.xcy i{height:40px}
}

@media screen and (max-width: 460px) {
.form_box .container p,.public_agreement{font-size:14px}
.form_box {
    height: 460px;
}
.form_box .container {
    padding: 40px 40px;
}
.form_box .container button {
    height: 50px;
}
.zf_box ul label{font-size: 16px;margin-bottom:15px}
.zf_box p {
    font-size: 16px;
}
}

@media screen and (max-width:440px) {
.zf_box button {
   margin:15px 0
}.zf_box {
    height: 350px;
}
.xcy {
    font-size: 16px;

}
}
@media screen and (max-width:420px) {
.form_box .container p{font-size:13px;    margin: 10px 0;}
.zf_box .container {
    padding: 20px 40px;
}

.xcy {
    font-size: 14px;
}
.xcy i {
    background: url(../images/ax.png) no-repeat center;
 
    background-size: 20px;
}


}

@media screen and (max-width:400px) {
.zf_box .container {
    padding: 20px 30px;
}
}
 
@media screen and (max-width:390px) {
.form_box .container p, .public_agreement{font-size:12px}
.line_box{height: 40px;}
.line_box i{height: 40px;width:40px}
.line_box input{  font-size: 16px;  width: calc(100% - 40px);height: 40px;}
.djxz label{width:20px;height:20px}
.form_box .container button{ font-size: 16px;    height: 45px;}
.djxz label:after{left:4px;top:4px;}
.form_box {
    height: 380px;
}

.zf_box button {
    line-height: 40px;
}
.zf_box {
    height: 300px;
}
.xcy {

    margin: 0 30px;
    margin-top: 26%;
}
.zf_box ul label{line-height:30px;height:30px}
.zf_box ul label span{margin-top:0}
.zf_box ul label i{height:30px;width:30px}
}


@media screen and (max-width:360px) {
.form_box .container {
    padding: 40px 30px;
}
.zf_box button{margin:10px 0 15px}
.xcy {
 
    height: 30px;
    line-height: 30px;
 
}

.zf_box p {
    font-size: 14px;
}
.xcy i{height:30px}
}