*{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/sjwb/2.png")  top left  no-repeat;
    background-size: 100% 100%;
    padding: .5rem 0.8rem 10px 0.8rem;
}
.bd3{
    width: 100%;
    background: url("../img/sjwb/4.png") top left no-repeat;
    background-size: 100% 100%;
    padding: 1.5rem 0.8rem 0 0.8rem;
}
.bd2{width: 100%;}
.bd1 .h{padding: 40px 0 10px 0;}
.bd3 .h{height: 4.3rem;}

.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;}

input{outline: none;width: 100%;border: 0.03rem solid #eee;background-color:transparent;border-radius: 8px;line-height: 41px;color: rgb(51, 51, 51);padding-left: 10px;}
input::-webkit-input-placeholder{color: #999;}

.radio_type{width: 16px;height: 16px;position: relative; vertical-align:middle; }
.radio_type:before{width: 16px;height: 16px;display: inline-block;border-radius: 50%;vertical-align:middle;}

.radio_type:checked:before{content: '';background: #ff833d;display: inline-block;border-radius: 50%;vertical-align: middle; }
.radio_type:checked:after{
    content: '';width: 8px;	height:5px;	border: 2px solid white;border-top: transparent;border-right: transparent;text-align: center;display: block;
    position: absolute;top: 4px;left:3px;vertical-align: middle;transform: rotate(-45deg);
}


.from-button{height: .75rem;line-height: .75rem;background-color: #ff833d;border-radius: 1.5rem;color: #fff;text-align: center;margin: .3rem .7rem;}


/***********footer***********/
.footer1{
    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: #ffa766;
    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: #ffa766;
    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-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: #ff833d;
    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;
}