*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: none;}
body,html{width: 100%;max-width: 750px;margin:0 auto;height: 100%;font-family: "Microsoft YaHei";font-size: 0.25rem;background-color:#fff;}
img{width: 100%;height: 100%;}
a{text-decoration: none;}

/******************头部*******************/
.one1{width: 100%;display: flex;justify-content: center;align-items: center;}
.one1 img{	width: 100%;	height: 100%;}



/*****************表单******************/
.bd1{
    width: 100%;
    background: url("../img/jjtg/02.jpg")  top left  no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    display: flex;
}
.bd11{
    width: 100%;
    background: url("../img/jjtg/05.jpg")  top left  no-repeat;
    background-size: 100% ;
    justify-content: center;
    display: flex;

}


.bd1 .bd2{width: 100%; margin: 1.8rem .8rem 0 .8rem;}
.bd8{margin: 0.05rem .2rem; text-align: left;}
.bd8 label{font-size: 0.3rem;background-color: rgb(255, 255, 255);color: rgb(0, 0, 0);width: 100%;}
.bd8 label .tip{font-size: 0.2rem;	color: #999;font-weight: normal;margin-left: 2px;}
.bd4{padding-top: 0.09rem;}

.bd2 input{outline: none;width: 100%;border: 0.03rem solid #eee;background-color:transparent;border-radius: 8px;line-height: 39px;color: rgb(51, 51, 51);padding-left: 10px;color: #fff;}
input::-webkit-input-placeholder{color: #c5c5c5;}
.from-button{line-height: .78rem;background-color: #163a77;border-radius: 1.5rem;color: #fff;text-align: center;margin: .15rem .7rem;}

.bd11 .bd2{width: 100%; margin: 1.8rem .8rem 0 .8rem;}

/***********footer***********/
.footer1{
    background: #fff;
    width: 100%;color: #999;
    text-align: center;
    padding-top: 10px;
    /*padding-bottom: 80px;*/
    padding-bottom: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}


/****************底部悬浮****************/
.botxf1{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: 1.2rem;
    position: fixed;
    bottom: 0;
    z-index: 30;
}
.botxf2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}
.botxf3 {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3eaefa;
}
.botxf4{
    width: .51rem;
    height: .43rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.botxf5{
    font-size: .34rem;
    color: #fff;
    margin-left: .15rem;
    cursor: pointer;
}
.botxf6{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5674ec;
}
.botxf7{
    width: .45rem;
    height: .45rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


/**************中间悬浮**************/
.butxf1{
    width: 100%;
    max-width: 750px;
    margin:0 auto;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    z-index: 40;
    display: none;
}
.butxf2{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.butxf3{
    width: 4.49rem;
    padding: .35rem 0 .25rem;
    background-color: #fff;
    border-radius: .12rem;
    position: relative;
}
.butxf4{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.butxf5{
    width: 100%;
}
.butxf6{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    color: #fff;
}

.butxf10{
    width: 100%;
    height: .67rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    color: #fff;
    background-color: #163a77;
    margin-top: .05rem;
}
.butxf11{
    width: 1.88rem;
    height: 1.88rem;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: .2rem;
}
.butxf12{
    width: 1.81rem;
    height: .51rem;
    background-color: #163a77;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .26rem;
    border-radius: .15rem;
    cursor: pointer;
    margin-top: .25rem;
}


.hidden{
    overflow:hidden;
}


/*悬浮表单*/
.bdxf1{
    width: 100%;
    max-width: 750px;
    margin:0 auto;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    z-index: 40;
    display: none;
}


#fixed-wx {
    width: 1.1rem;
    position: fixed;
    right: 0;
    bottom: 50%;
    z-index: 999;
}

/********** modal 弹出层*************/
.modal-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .9rem;
    position: relative;
    background: #fff;
    border-radius: .6rem;
}
.modal-number{
    color: #666;
    line-height: .5rem;
}
.modal-copy-btn{
    background-color: #163a77;
    border-radius: 0.50951087rem;
    width: 2.6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .7rem;
    cursor: pointer;
    color: #ffffff;
}
.modal-icon{
    font-family: "antman-wechat-modal-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    cursor: pointer;
}