/* 公共 */
html {
    font-size: 13.333333vw;
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
}
body {
    font-size: 16px;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    font-family: "微软雅黑", "PingFangSC", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align: baseline;
    box-sizing: border-box
}
header {
    display: block;
}
ul {
    list-style: none;
}
ol {
    list-style: decimal;
}
input[type=text] {
    outline: none;
}
a {
    text-decoration: none;
    color: black;
}
.clearfix::before,
.clearfix::after {
    content: '';
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
img {
    padding: 0;
    margin: 0;
}
h1 {
    display: none;
}

.main {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background: url(../img/header.png) no-repeat;
    background-position: top;
    background-size: 100%;
    background-color: #fc881b;
    padding-bottom: 0.2rem;
}


.header {
    /* background: url(../img/header.png) no-repeat; */
    background-position: top;
    background-size: 100%;
    width: 100%;
    height: 9.2rem;
    position: relative;
}

.header .logo {
    display: block;
    width: 1.4rem;
    height: 0.75rem;
    padding: 0.22rem 0 0 0.25rem;
}

.header_txt {
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 6.45rem;
}

.header_txt div {
    height: 0.36rem;
    line-height: 0.36rem;
    background: linear-gradient(#ffffff, #fedd8a);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 0.3rem;
    width: max-content;
    margin: 0.20rem auto;
}

.header_txt div i {
    float: left;
    width: 0.28rem;
    height: 0.36rem;
    background: url(../img/header_icon1.png) no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 0.12rem;
}

.header_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 7.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.6rem;
    height: 1.02rem;
    line-height: 1.02rem;
    background: url(../img/box_btn_bg.png) no-repeat;
    background-position: top;
    background-size: 100%;
    font-size: 0.44rem;
    color: rgb(233, 29, 0);
    font-weight: bold;
    text-align: center;
    padding-bottom: 0.1rem;
}

.header_btn i {
    display: inline-block;
    vertical-align: middle;
    width: 0.45rem;
    height: 0.48rem;
    background: url(../img/header_icon_tel.png) no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 0.1rem;
}

.box {
    margin: 0 auto 0.65rem auto;
    border-radius: 20px;
    background-color: rgb(254, 254, 254);
    box-shadow: inset 0px 3px 51px 0px rgba(251, 236, 187, 0.8);
    width: 6.9rem;
    padding: 0 0.4rem 0.4rem 0.4rem;
}

.box .box_title {
    position: relative;
    top: -0.17rem;
    width: 6rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../img/box_title_bg.png) no-repeat;
    background-position: center;
    background-size: 100%;
    line-height: 1rem;
    color: #fff;
    font-weight: bold;
    font-size: 0.45rem;
    text-align: center;
}

.box .box_title2 {
    font-size: 0.36rem;
    text-align: center;
    color: rgb(246, 130, 14);
    vertical-align: top;
    line-height: 0.4rem;
}

.box .box_title2::before {
    content: ' ';
    display: inline-block;
    vertical-align: top;
    background: url(../img/box_title2_left_bg.svg) no-repeat;
    background-position: bottom;
    background-size: 100%;
    width: 0.2rem;
    height: 0.38rem;
}

.box .box_title2::after {
    content: ' ';
    display: inline-block;
    vertical-align: top;
    background: url(../img/box_title2_right_bg.svg) no-repeat;
    background-position: bottom;
    background-size: 100%;
    width: 0.2rem;
    height: 0.38rem;
}

.box .box_title2 img {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.04rem;
}

.box .box_main {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.box .box_btn {
    margin: 0 auto;
    width: 5.6rem;
    font-size: 0.4rem;
    color: rgb(233, 29, 0);
    font-weight: bold;
    line-height: 1.02rem;
    text-align: center;
    text-shadow: 1.554px 1.259px 0px rgba(255, 251, 204, 0.65);
    cursor: pointer;
    background: url(../img/box_btn_bg.png) no-repeat;
    background-position: center;
    background-size: 100%;
}


.form .form_input {
    margin: 0.25rem 0;
    position: relative;
}

.form .form_input input {
    width: 100%;
    height: 0.9rem;
    border-radius: 10px;
    font-size: 0.28rem;
    padding-left: 0.8rem;
    background-repeat: no-repeat;
    background-position: 0.2rem center;
    border: 1px solid rgb(235, 235, 235);
    outline: none;
}

.form .form_input input.name {
    background-image: url(../img/icon_name.png);
    background-size: 0.42rem 0.44rem;
}

.form .form_input input.tel {
    background-image: url(../img/icon_tel.png);
    background-size: 0.42rem 0.42rem;
}

.form .tips {
    color: red;
    font-size: 0.24rem;
    line-height: 1.2;
    padding-top: 0.03rem;
    text-align: left;
    display: none;
}
.form .agree {
    margin: 0 auto;
    margin-bottom: 0.3rem;
}
.form .agree input,
.form .agree p{
    display: inline-block;
    vertical-align: middle;
}
.form .agree input{
    width: 0.25rem;
    height: 0.25rem;
}
.form .agree p{
    font-size: 0.22rem;
    color: rgb(153, 153, 153);
}
.form .agree p a {
    text-decoration: underline;
    color: rgb(153, 153, 153);
}

.box1 {
    /* margin-top: -0.85rem; */
}

.box1 .box_main.form {
    padding-top: 0.1rem;
    padding-bottom: 0rem;
}

.box2 {
    
}

.box2 .box2_main {
    margin: 0 -0.18rem;
}

.box2 .box_tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    height: 1.6rem;
}

.box2 .box_tab_item {
    border-radius: 0.3rem;
    background-color: #f2eeec;
    height: 0.68rem;
    width: 3.1rem;
    color: rgb(102, 47, 29);
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.65rem;
}

.box2 .box_tab_item.select_boxTabItem {
    background-image: linear-gradient(#ffbf06, #ff9d08);
    box-shadow: 0px 0.03rem 0.05rem 0px rgba(242, 150, 37, 0.39);
    color: #FFFFFF;
}

.box2 .box_list .box_item {
    display: none;
    padding-top: 0.23rem
}

.box2 .box_list .box_item.select_boxItem {
    display: block;
}

.box2 .box_list table {
    width: 100%;
    
}

.box2 .box_list table thead{
    width: 100%;
    height: 0.88rem;
    font-size: 0.3rem;
    background-color:  #ffe5b2;
}

.box2 .box_list table tr th{
    vertical-align: middle;
}

.box2 .box_list tbody th{
    padding: 0.15rem 0;
    font-size: 0.26rem;
}

.box2 .box_list table tbody tr th:nth-child(1){
    width: 2.1rem;
    text-align: center;
    background-color: #fff1cc;
}

.box2 .box_list table tbody tr th:nth-child(2){
    text-align: left;
    padding-left: 0.2rem;
    padding-right: 0.4rem;
    font-size: 0.24rem;
    background-color: #fefceb;
}

.box2 .box_list table tbody th{
    background-color: #fefefe;
    border-bottom: 1px solid rgb(255, 217, 172);
}

.box2 .box_list table tbody tr:nth-last-child(1) th{
    border-bottom: none;
}

.box2 .box_list table tbody tr:nth-child(2n) th:nth-child(2){
    background-color: #fefefe;
}


.box3 .box_main {
    padding-top: 0rem;
}

.box3_main .box_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: space-between;
    font-size: 0.24rem;
    padding-top: 0.2rem;
}

.box3_main .box_item img {
    width: 1rem;
    height: 1rem;
}

.box3_main .box_item span {
    font-size: 0.32rem;
    font-weight: 500;
    padding: 0 0.22rem;
    margin-top: -0.08rem;
}

.box4 .box_main.form {
    padding-top: 0.1rem;
    padding-bottom: 0rem;
}


.box5 {
    margin-bottom: 0;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.box5 .box_main {
    position: relative;
}

.box5 .box5_img {
    border: 2px solid rgb(247, 152, 88);
    border-radius: 0.1rem;
    overflow: hidden;
}

.box5 .box5_img img {
    width: 100%;
}

.box5 .box5_img1 {
    width: 5.2rem;
    height: 3.35rem;
}

.box5 .box5_img2 {
    width: 2.42rem;
    height: 1.24rem;
    position: absolute;
    right: 0;
    top: 0.75rem;
}

.box5 .box5_img3 {
    width: 2.4rem;
    height: 1.24rem;
    position: absolute;
    right: 0;
    top: 2.1rem;
}

.box5 .box5_img3 img{
    margin-top: -1.45rem;
}

.box5 .box_school {
    padding-top: 0.2rem;
    font-size: 0;
}

.box5 .box_school .box_school_item {
    display: inline-block;
    height: 0.48rem;
    line-height: 0.48rem;
    width: 2.1rem;
    font-size: 0.22rem;
}

.box5 .box_school i{
    display: inline-block;
    border-radius: 50%;
    background-image: -moz-linear-gradient( 90deg, rgb(255,217,56) 0%, rgb(255,229,63) 47%, rgb(255,241,70) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,217,56) 0%, rgb(255,229,63) 47%, rgb(255,241,70) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,217,56) 0%, rgb(255,229,63) 47%, rgb(255,241,70) 100%);
    width: 0.13rem;
    height: 0.13rem;
    margin-right: 0.1rem;
    margin-top: -0.02rem;
}


#xdf_footer .footer-bottom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#xdf_footer .footer-bottom-left {
    border-top-left-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(-180deg, #c43203, #f33034);
    box-shadow: 2px -5px 10px 1px #ffe400 inset;
}

#xdf_footer .footer-bottom .footer-bottom-left a {
    color: #fff;
}

#xdf_footer .footer-bottom-left i{
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-top: -3px;
    background: url(../img/icon_data_footer.png) no-repeat center;
    background-size: 22px 22px;
}

#xdf_footer .footer-bottom-right {
    border-top-right-radius: 10px;
    overflow: hidden;
    box-shadow: -2px -5px 10px 1px #ffe400 inset;
}

#xdf_footer .footer-bottom-right i{
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-top: -3px;
    background: url(../img/icon_phone_footer.png) no-repeat center;
    background-size: 22px 22px;
    margin-right: 4px;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}