@import "public.css";
html,body{
    background:#fff;
}
.wrapper{
    background: #2172f3;
}
.wrapper_topImg img{
    height: 14.45rem;
    width: 100%;
}
.wrapper_content_box{
    width: 100%;
    margin-top: -3.92rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.content_border{
    width: 18rem;
    height: 1.125rem;
    background: #537bff;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_border_radius{
    width: 17.5rem;
    height: .5rem;
    background: #235ad3;
    border-radius: 1rem;
}
.content_bgImg{
    width: 17.2rem;
    /* height: 43rem; */
    background: url(../images/centbg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -.55rem;
}
.content_padding_box{
    padding: .9rem 1rem 0 1rem;
}
.phone_box{
    margin-bottom: .5rem;
}
.content_dl{
    margin-bottom: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content_dt{
    color: #2064ef;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .1rem;
}
.content_dl:last-child{
    margin-bottom: 0;
}
.content_dd{
    color: #3e3e3e;
    font-size: .72rem;
    font-weight: 400;
    text-align: justify;
}
.border_box{
    margin: 1.75rem -.5rem 0 -.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.span_border_radius{
    width: .9rem;
    height: .9rem;
    border-radius: 1rem;
    background: #1a5ce4;
}
.span_border{
    width: 88%;
    height: 1px;
    border:1px dashed #dddddd
}
.content_box{
    display: flex;
    justify-content: center;
}
.content_btn{
    width: 14.5rem;
    height: 2.9rem;
    background: url(../images/btn.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 2.3rem;
    margin-bottom: 1.7rem;
    color: #ff5c5c;
    font-size: 0.8rem;
    font-weight: bold;
}
.blue_box{
    display: none;
    background: url(../images/btn1.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.grey_box{
    background: url(../images/btn2.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.explain_box{
   margin-top: 1.625rem; 
}
.explain_titImg{
    width: 100%;
    text-align: center;
    margin-bottom:1.1rem;
}
.explain_titImg img{
    width: 8.675rem;
    height: .925rem;
}
.explain_content{
    padding: 0 .8rem 1.25rem .8rem;
}
.explain_op{
    font-size: .75rem;
    color: #fff;
    text-align: justify;
    margin-bottom: .8rem;
}
.explain_op:last-child{
    margin-bottom: 0;
}
.popup-body .popup_rule {
    padding: 1.2em 1.2rem;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.popup-body.popup-bodyx {
    background: #e0ecff;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    overflow: hidden;
    border: .3rem solid #366dff;
}
.rule_centent{
    margin-bottom: 2rem;
    color: #494949;
    font-size: .7rem;
}
.rule_topImg {
    text-align: center;
    width: 100%;
    margin-bottom: 1.3rem;
}
.rule_topImg img {
    width: 7.8rem;
    height: .85rem;
}
.enter_btn{
    width: 6.75rem;
    height: 2.2rem;
    text-align: center;
    line-height: 2.2rem;
    background: #366dff;
    border-radius: 1rem;
    color: #fff;
    font-size: .75rem;
}
.popup-head{
    margin: 0 .2rem .6rem;
}
.success_icon{
    margin: -.4rem 0 .35rem;
}
.success_icon img{
    width: 2.5rem;
    height: 2.5rem;
}
.success_rule_box{
    margin-bottom: .9rem;
}
.zt-yidbox{
    margin:-.25rem 0rem .5rem;
    width: 100%;
}
.zt-yidbox table{
    width:100%;
    border:0;
}
.zt-yidbox table th{
    border-left: 1px solid #92affd;
    border-bottom:1px solid #92affd;
    font-size:.65rem;
    color:#366dff;
    background:#b5d1fe;
    padding:.5rem 0;
    width:33.33%;
}
.zt-yidbox table th:nth-child(1){
    border-radius:.5rem 0 0 0;
    -webkit-border-radius:.5rem 0 0 0;
}
.zt-yidbox table th:nth-child(3){
    border-radius:0 .5rem 0 0;
    -webkit-border-radius:0 .5rem 0 0;
}
.zt-yidbox table td{
    border-left: 1px solid #92affd;
    border-bottom:1px solid #92affd;
    font-size:.6rem;
    color:#636363;
    padding:.6rem 0;
    position: relative;
}
.zt-yidbox table td:last-child{
    border-right: 1px solid #92affd;
}
.zt-yidbox table tr:last-child td:nth-child(1){
    border-radius:0 0 0 .5rem;
    -webkit-border-radius:0 0 0 .5rem;
}
.zt-yidbox table tr:last-child td:nth-child(3){
    border-radius:0 0 .5rem 0;
    -webkit-border-radius:0 0 .5rem 0;
}
.five-gobtn{
    color:#e23b01;
    text-decoration: underline;
}
.five-tip{
    color:#939393;
    font-size:.65rem;
}
.five-wradbtn{
    color:#ff5c5c;
    font-size:.75rem;
    display:block;
    /*margin:-1.8rem auto 0;*/
    text-align: center;
    /*padding-bottom:.7rem;*/
    margin: .6rem 0 .7rem;
}
.tit_content{
    text-align: center;
    margin: -1.7rem 0 1rem;
    font-size: .7rem;
}
.tit_content span{
    border-bottom: 1px solid #333;
    color: red;
}
quedings{
    font-size: 0.55rem;
    color: #0600ff;
    text-decoration: underline;
}