*{
    box-sizing: border-box;
}
html,body,div,span,p,img,i,ul,li,form,table,tbody,tfoot,thead,tr,th,td,footer,header,section,audio,video,input {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align: baseline;
}
footer,header,select {
    /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/
    border: solid 1px #ddd;
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /* padding-right: 14px; */
    /*如果要加入自定义图片， 就增加这个属性 background: url或者在html中直接加入图标也行*/
    outline: none;
    margin: 0;
    /* border: 0; */
}
section {
    display: block;
}
ol,ul {
    list-style: none;
}
textarea {
    border:none;
    outline: none;
    resize: none;
}
input[type=text] {
    border:none;
    outline: none;
}
button,html input[type=button],input[type=submit] {
    outline: none;
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
a {
    text-decoration: none;
}
a:hover, a:focus, a:link, a:active, a:visited{
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
em,i,u {
    font-style: normal;
}
html {
    font-size: 13.33333333vw;
    height: 100%;
    width: 100%;
}
body {
    box-sizing: border-box;
    /* font-size: 0px; */
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-family: "PingFangSC", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}
.clearfix::before,
.clearfix::after {
    content: '';
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
.disinbl {
    display: inline-block;
}

/* 公共 */
.box_wrap{
    width: 100%;
    font-size: 0px;
    margin: 0 auto;
}

/* 浮条 */
.help-bar{
    font-size: 1vw;
}

/* header */
.header{
    width: 100%;
    height: 1.18rem;
    padding-top: .27rem;
    padding-left: .25rem;
    background-image: url(../images/header_bg.png);
    background-size: cover;
}
.header .logo_xdf{
    display: inline-block;
    width: 1.43rem;
    height: .57rem;
}
.header .logo_xdf img{
    width: 100%;
}

/* content */
/* title */
.content_wrap .box_title{
    width: 100%;
    line-height: .6rem;
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .5rem;
}
.content_wrap .box_title div{
    font-size: .38rem;
    font-weight: bolder;
}

/* box1 */
.box1 .form_item{
    width: 7.1rem;
    min-height: .97rem;
    /* line-height: .4rem; */
    font-size: .28rem;
    position: relative;
    /* background-color: #f9f9f9; */
    /* border-radius: .16rem; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .38rem;
}
.box1 .form_item label{
    /* height: .97rem; */
    /* line-height: .97rem; */
    padding: .29rem 0px;
    position: absolute;
    left: .3rem;
}
.box1 .form_item select{
    width: 100%;
    /* height: .97rem; */
    padding: .28rem 0px;
    color: #999999;
    border: 1px solid #e8e5e5;
    border-radius: .16rem;
    padding-left: 2.4rem;
    background-image: url(../images/select_bg.png);
    background-repeat: no-repeat;
    background-position: 6.7rem center;
    background-size: .23rem .17rem;
    background-color: #f9f9f9;
    font-size: .28rem;
}
.box1 .form_item select option{
    color: #000;
}
.box1 .form_item input{
    width: 100%;
    /* height: .97rem; */
    /* color: #999999; */
    padding: .31rem 0px;
    border: 1px solid #e8e5e5;
    border-radius: .16rem;
    padding-left: 2.1rem;
    background-color: #f9f9f9;
    font-size: .28rem;
}
.box1 .form_item p{
    display: none;
    padding-left: .3rem;
    color: red;
    background-color: #fff;
}
.box1 .form_item .form_button{
    display: inline-block;
    font-size: .28rem;
    width: 2rem;
    height: .62rem;
    line-height: .62rem;
    border: none;
    border-radius: .54rem;
    text-align: center;
    background-color: #f0f0f0;
    position: absolute;
    right: .2rem;
    top: .17rem;
}
.box1 .form_item .menu3{
    padding-left: 5.12rem;
}
.box1 .form_item .menu5{
    padding-left: 2.7rem;
}
.box1 .form_item .menu6{
    padding-left: 2.97rem;
}
.box1 .form_agree{
    width: 100%;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .7rem;
}
.box1 .form_agree input{
    width: .26rem;
    height: .26rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d7d2d2;
    border-radius: .26rem;
    vertical-align: middle;
}
input[type=checkbox]:checked{
    background-image: url(../images/right_fff.png);
    background-color: #2152c7;
    background-position: center;
    background-size: .2rem .2rem;
    background-repeat: no-repeat;
}
.box1 .form_agree div{
    display: inline-block;
}
.box1 .form_agree div a{
    text-decoration: underline;
}
.box1 .form_agree .chk_tip{
    display: none;
    color: red;
}

.box1 .submit_button{
    position: relative;
    z-index: 999;
    width: 7.1rem;
    height: .98rem;
    border-radius: .24rem;
    background-image: linear-gradient(to right,#02acf4, #331eac);
    font-size: .36rem;
    color: #fff;
    text-align: center;
    line-height: .98rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .67rem;
}

/* box2 */
.box2{
    display: none;
}
.box2 .box_school{
    width: 7.1rem;
    margin-left: auto;
    margin-right: auto;
    box-shadow: -1px 1px 10px #f2f3f2;
}
.box2 .box_school{
    font-size: .3rem;
    line-height: .8rem;
}
.box2 .box_school .school_list{
    font-size: .3rem;
    color: #0d8de4;
    line-height: .8rem;
    margin-top: .3rem;
    padding-left: .3rem;
}
.box2 .box_school .no-school-info {
    color: #000000;
    font-size: 13px;
    line-height: 24px;
    padding: 0 .3rem;
    display: none;
}
.box2 .box_school .school_item{
    font-size: .3rem;
    line-height: .8rem;
    /* padding-left: .3rem; */
}
.box2 .box_school .school_item p{
    padding-left: .3rem;
    border-bottom: 1px solid #f3f3f3;
}
.box2 .box_button{
    /* width: 7.1rem;
    margin-left: auto;
    margin-right: auto; */
    color: rgb(241, 215, 215);
    font-size: .36rem;
    margin-top: .64rem;
    margin-bottom: .64rem;
     text-align: center;
    padding-left: 20px;
}
.box2 .box_button div{
    display: inline-block;
    width: 2.4rem;
    line-height: 1;
    padding-top: .2rem;
    padding-bottom: .2rem;
    text-align: center;
    border-radius: .24rem;
    cursor: pointer;
    background-image: linear-gradient(to right,#ffb029,#ff881c);
}
.box2 .box_button div a{
    color: #fff;
    font-size: .36rem;
}
.box2 .box_info{
    width: 6.5rem;
    line-height: .48rem;
    font-size: .26rem;
    margin: 0 auto;
}
.box2 .box_code{
    margin-top: .4rem;
    margin-bottom: .6rem;
    text-align: center;
}
.box2 .box_code img{
    border: 1px solid #e8e5e5;
}