body, html {
    width: 100%;
    height: auto;
    background-color: #921c12;
    overflow-x: hidden;
    position: relative;
    -webkit-text-size-adjust: none !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
li{
    list-style: none;
}
.bottomBarcon a  img {
    width: 100px;
    height: auto;
}
.title-box {
    font-size: 0.8rem;
    font-family: FZLanTingHeiS-DB1-GB;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 0rem rgba(51, 0, 0, 0.3);
}
.bottomBar {
    position: fixed;
    bottom: 0;
    z-index: 888;
    width: 100%;
    height:120px;
}
.bottomBarcon {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
    background: url("../images/bottombar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-right: 16%;
}

.now-buy {
    animation: txt02_ani 2s linear infinite alternate;
    -webkit-animation: txt02_ani 2s linear infinite alternate;
    -moz-animation: txt02_ani 2s linear infinite alternate;
    -o-animation: txt02_ani 2s linear infinite alternate;
    -ms-animation: txt02_ani 2s linear infinite alternate;
}

.now-buy2 {
    margin-top: 4px;
    animation: txt02_ani2 2s linear infinite alternate;
    -webkit-animation: txt02_ani2 2s linear infinite alternate;
    -moz-animation: txt02_ani2 2s linear infinite alternate;
    -o-animation: txt02_ani2 2s linear infinite alternate;
    -ms-animation: txt02_ani2 2s linear infinite alternate;
}
@keyframes txt02_ani {
    0% {
        transform: scale(1);
        opacity: .9;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: .9;
    }
}

@keyframes txt02_ani2 {
    0% {
        transform: scale(1);
        opacity: .9;
    }
    50% {
        transform: scale(1.06);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: .9;
    }
}
.header-banner {
    box-sizing: border-box;
    width: 100%;
    height: 29.55rem;
    background: url("../images/header-banner.jpg");
    background-repeat:no-repeat;
    background-position: center center;
    text-align: center;
    background-size: cover;
}
.header-banner  span {
    margin-right: .3rem;
    font-size: 0.5rem;
}
.title-txt {
    width: 5.75rem;
    height: 1.13rem;
    line-height: 1.13rem;
    background: rgba(0,0,0, 0.5);
    opacity: 0.5;
    border-radius: 1rem;
    margin-left: 4.1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 0.55rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #F4E1A9;
    text-shadow: 0rem 0rem 0rem rgba(51, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 0 20px;

}
.dot {
    width: 5px;
    height: 5px;
    background-color: #F4E1A9 ;
    border-radius: 50%;
}
.title {
    position: relative;
    width: 9.2rem;
    height: 2.5rem;
    color: #F9DDD4;
    font-size: 0.5rem;
    font-style: italic;
    box-sizing: border-box;
    text-align: right;
    padding-right: .3rem;
    background: url(../images/header-title.png) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 6.25rem;
}
.header-img {
    width: 4rem;
    height: 1.45rem;
    position: absolute;
    right: .55rem;
    top: 0.7rem;
}
.txt-container {
    width: 12.65rem;
    height: 5.95rem;
    margin: 0 auto;
    padding-left: 3rem;
}
.txt-box {
    width: 12.65rem;
    height: 5.95rem;
    margin: 0 auto;
    margin-top: 12.85rem;
    padding-top:0.63rem;
    background: url("../images/txt-banner.png") ;
    background-repeat: no-repeat;
    background-size: 100%;
}

.container {
    background: url("../images/background.png") no-repeat;
    height: auto;
    text-align: center;
    background-size: 100% 100%;
    margin-bottom: 3rem;
    margin-top: -3rem;
}
.wrap {
    width: 1200px;
    height: 100%;
    /*background-color: aqua;*/
    margin: 0 auto;
}
.first-stage {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: -2.8rem;
}

.footer-box {
    background: url("../images/footer.png") no-repeat;
    height: auto;
    text-align: center;
    background-position: bottom;
    background-size: 100% 60%;
    margin: 0 auto;
    margin-bottom: 120px;
}
.footer-container {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.first-stage-box {
    position: relative;
    top: -1rem;
    width: 100%;
    height: 10rem;
    background: #751309;
    /*border: 30px solid #FF0500;*/
    border-radius: 34px;
    box-sizing: border-box;
    /*padding: 0 1.1rem;*/
    /*-webkit-border-image:url(../images/border.png) 30 30 stretch; !* Safari 5 and older *!*/
    /*-o-border-image:url(../images/border.png) 30 30 stretch; !* Opera *!*/
    /*border-image:url(../images/border.png) 30 30 stretch;*/
}

.first-stage-box-common {
    padding: 0 1.1rem;
    height: auto !important;
}
.syrq-img {
    position: absolute;
    top: 0px;
    width: 300px;
    height: auto;
    margin: 0 auto;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
}

.first-stage-title {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 24px;
}

.first-stage-title p {
    font-size: 0.6rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1rem;
    margin:9px 20px;
}

.three-box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content:space-between;
}

.box-detail {
    width: 7.9rem;
    height: 4.72rem;
    background: rgba(252, 165, 25, 0.4);
    border-radius: 30px;
    box-sizing: border-box;
    padding: 10px;
}
.box-detail-content {
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, #FEF8EF, #FEA13C);
    box-shadow: 0rem 0rem 0rem 0rem rgba(118, 53, 0, 0.5);
    border-radius:30px;
    text-align: center;
    box-sizing: border-box;
    padding: .5rem 0 .75rem 0;
}
.box-title {
    width: 40px;
    height: 40px;
    background: url("../images/box.png");
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;;
}
.three-box .content {
    font-size: 0.7rem;
    font-family: FZLanTingHeiS-B-GB;
    font-weight: bold;
    color: #950101;
    margin-top: 0.28rem;
    margin-bottom: 0.18rem;
}
.three-box .tips {
    font-size: 0.38rem;
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: 400;
    color: #330000;
}


.second-stage-box {
    position: relative;
    width: 100%;
    height: 39rem;
    margin-top: 2.38rem;
    background: #751309;
    border-radius: 34px;
    box-sizing: border-box;
}
.tranform {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */
}


.second-title {
    font-size: 0.75rem;
    font-family: FZLanTingHeiS-DB1-GB;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 0 30px 0;
}
.orange {
    color: #FEC45E;
}

.common-title {
    margin-bottom: 0px;
}
.table-teacher {
    width: 100%;
    z-index: 10;
}
.table-teacher table tr:first-child {
    /*background-color: #f7d9a9;*/
    /*color: #333333;*/
    color: #FFFFFF;
    font-size: 18px;
}
.table-teacher table {
    width: 100%;
    text-align: center;
    border-spacing: 0;
    border-radius: 10px;
    /*border: 1px solid #FFDBA0;*/
    border-right: 0;
    color: #FFECD4;
    overflow: hidden;
    background: #641008;
}
.table-teacher table  td{
    height: 1.38rem;
    border-top: 1px solid #731309;
    border-right: 1px solid #731309;
    font-size: 16px;
}
.table-teacher table td  a {
    display: block;
    width: 100%;
    height: 4.6rem;
    border-radius: 13px;
    color: #333333;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    line-height: 26px;
    text-decoration: none;
}
.second-title2 {
    font-size: 0.75rem;
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.95rem;
}

.second-stage-box .line {
    width: 100%;
    height: 2.35rem;
    background: #972918;
    border-radius: 1rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    position: relative;
}

.second-stage-box .line  .fire{
    position: absolute;
    top: -38px;
    /*z-index: ;*/
}

.second-stage-box .line .icon-txt {
    width: 113px;
    height: 100%;
    font-size: 0.4rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #000000;
    box-sizing: border-box;
    padding-top: 24px;
    margin-left: -10px;
    margin-right: 16px;
    z-index: 1;
}
.second-stage-box .line  .txt1{
    font-size: 0.55rem;
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
}

.second-stage-box .line  .txt2 {
    font-size: 0.45rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.95rem;
}


.second-stage-box .line .icon-txt-title {
    margin: 0;
}

.second-stage-box .two-title {
    width: 600px;
    height: 84px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.second-stage-box  .title-box {
    background: url("../images/btn.png");
    width: 47%;
    font-size: 0.65rem;
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-active {
    color: #950101 !important;
    background: url("../images/btn-active.png") !important;
}
.two-box {
    display: flex;
    width: 100%;
    height: 11.35rem;
    justify-content: space-between;
    border-radius: .3rem;
    margin-top: 20px;
}
.two-box  .box1 {
    width: 12.5rem;
    height: 11.35rem;
    background: #972918;
    border-radius: .3rem;
    box-sizing: border-box;
    padding: .25rem;
    padding-bottom: .85rem;
}

.two-box .box1 .image-box{
    background-color: #ffffff;
    width: 100%;
    height: 7.5rem;
    border-radius: .3rem;
}
.image-box img,
.list-image-box img,
.study-image img{
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}
.two-box .box1 .box-title2 {
    position: relative;
    width: 100%;
    height: 0.75rem;
    /*background: rgba(252, 165, 25, 0.5);*/
    margin-top: 28px;
    display: flex;
}
.two-box .box1 .box-title2 .box-line,
.two-box .box1 .box-title2 .box-line2
{
    width: 200px;
    height: 0.75rem;
    background-color: rgba(252, 165, 25, 0.5); /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #9b2a18 , #bf5518);
}
.box-line2 {
    background-color: rgba(252, 165, 25, 0.5) !important; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #bf5518, #9b2a18) !important;
}


.two-box .box1  .box-title-img {
    position: relative;
    top: -8px;
    height: 50px;
}

.two-box .box1  .box-title-img .box-title2 {

}
.two-box .box1  .box-txt {
    font-size: 0.5rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.55rem;
    /*margin-top: .5rem;*/
}

.secondday {
    display: none;
}


.top, .bottom {
    display: block;
}
img {
    border: none;
    max-width: 100%;
}

.third-stage-box {
    width: 100%;
    min-height: 14.78rem;
    height: auto;
    border-radius: 1rem;
    margin-top: 2.13rem;
}
.lpmj {
    position: relative;
    top:60px;
}
.third-stage-box .tips {
    position: relative;
    left: -38px;
}

.third-stage-content {
    position: relative;
    height: 12.6rem;
    overflow: hidden;
    background: url(../images/border-center.png) repeat-y top center;
    background-size: 100%;
}
.right-icon {
    position: absolute;
    top: .75rem;
    right: 1.5rem;
    z-index: 100;
}

.stage-box {
    width: 60%;
    height: 70px;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    margin-bottom: 1rem;
}


.content-box {
    width: calc(100% - 3rem);
    height: 7.25rem;
    background: #972918;
    box-sizing: border-box;
    margin: 0 auto;
    /*margin: 1.05rem;*/
    border-radius: .6rem;
    padding: .25rem;
    display: flex;
    justify-content: space-between;
}

.box-image img {
    width: 100%;
    height: 100%;
}
.pagination {
    width: 100%;
    background-color: red;
    display: flex;
    position: relative;
    justify-content: center;
}
.pagination .swiper-pagination-bullet-active {
    background-color: #dd4527;
}
.pagination .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 12px;
    height: 12px
}
.swiper-wrapper .swiper-slide {
    width: 100% !important;
}
.pagination  .swiper-pagination-bullet {
    margin-left: 16px;
}
.content-box .box-image {
    width: 9.25rem;
    height: 6.75rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0rem 0rem rgba(118, 53, 0, 0.5);
    border-radius: .3rem;
    overflow: hidden;
}

.content-box  .box-content{
    width: calc(100% - 9rem);
    height: 100%;
    padding-left: .73rem;
    padding-right: 1.03rem;
    box-sizing: border-box;
}
.box-content .content-txt{
    /*height: 0.55rem;*/
    font-size: 0.55rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FEC45E;
    line-height: 0.9rem;
    background: radial-gradient(#FEF8EF 0%, #FEA13C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
}

.box-content .hr {
    width: 100%;
    height: 0.03rem;
    border-top: 2px dashed red;
    opacity: 0.3;
    margin-bottom: 16px;
}

.box-content .content-detail {
    font-size: 0.45rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.95rem;
    text-align: left;
}


.content-box2,
.content-box3 {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 1rem;
    padding: 0 1.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}


.content-box3 .study-box {
    width: 8.4rem;
    height: 8.95rem;
    background: #972918;
    border-radius: .3rem;
    padding: .25rem;
    box-sizing: border-box;
}
.content-box3 .study-box p {
    font-size: 0.45rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.83rem;
    margin: 0;
}
.content-box3 .study-image {
    width: 7.9rem;
    height: 5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0rem 0rem rgba(118, 53, 0, 0.5);
    border-radius: .3rem;
}

.content-box2 .list,
.content-box2 .list-image,
.content-box2 .image-xf {
    height: 100%;
    width: 6rem;
}

.content-box2 .list-image
{
    width: 11.75rem;
    height: 7.5rem;
    background: #972918;
    border-radius: .6rem;
    box-sizing: border-box;
    padding: .25rem;
}

.content-box2 .list-image .list-image-box {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: .6rem;
}


.content-box2 .image-xf  img{
    margin-top: 40px;
}

.content-box2 .list  {
    width: 5.43rem;
    height: 100%;
    /*background: #972918;*/
    border-radius: 1rem;
    display:flex;
    flex-flow: column;
}

.content-box2 .list .li {
    position: relative;
    display: flex;
    width: 100%;
    height: 1.5rem;
    margin-bottom: .5rem;
    background-color: #972918;
    border-radius: 1rem;
}

.content-box2 .list .li .round {
    width:1rem;
    height: 1rem;
    background: url("../images/round.png");
    background-size: cover;
    position: relative;
    top: 10px;
    left: -14px;
    text-align: center;
    line-height: .8rem;
}

.content-box2 .list .li .round-txt {
    font-size: 0.55rem;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.stage-box .stage-box-detail {
    position: relative;
    width: 158px;
    height: 100%;
    background: url("../images/stage.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.stage-box .stage-box-line:before {
    border: 1px dashed #FEC45E;
    content: "";/*CSS伪类用法*/
    position: absolute;/*定位背景横线的位置*/
    width: 70px;
    top: 30px;
    left: -76px;
}

.stage-box .stage-box-line:after {
    border: 1px dashed #FEC45E;
    content: "";/*CSS伪类用法*/
    position: absolute;/*定位背景横线的位置*/
    width: 70px;
    top: 30px;
    left: 157px;
}

.stage-box-line-left:before {
    /*content: "";*/
    border: 1px dashed #FEC45E;
    content: "";/*CSS伪类用法*/
    position: absolute;/*定位背景横线的位置*/
    width:70px;/*宽和高做出来的背景横线*/
    top: 30px;
    left: -70px;

}

.stage-box-line-right:after {
    border: 1px dashed #FEC45E;
    content: "";/*CSS伪类用法*/
    position: absolute;/*定位背景横线的位置*/
    width:70px;/*宽和高做出来的背景横线*/
    top: 30px;
    left: 153px;
}
.subject {
    width: 524px;
    height: 740px;
    box-sizing: border-box;
    border-radius: 20px;
    background: red;
    background: url(../images/subject1.png) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
}
.subject2 {
    background: url(../images/subject2.png) no-repeat;
    background-size: 100% 100%;
}
.table-subject-box {
    width: 450px;
    height: 394px;
    margin-top: 300px;
}
.table-subject {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #333333;
    background-color: #fefbf4;
    text-align: center;
    border-spacing: 0;
    /*border-radius: 10px;*/
    /*border: 1px solid #FFDBA0;*/
    border-right: 0;
    overflow: hidden;
}
.table-subject tr:first-child{
    background-color: #fadfb6;
    color: #9a1c14;
    font-size: 22px;
}

.table-subject  td{
    height: 45px;
    border-top: 1px solid #fdf3da;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
}
.teacher-img {
    z-index: 2;
    vertical-align:bottom
}
.btn2 {
    width: 230px;
    height: 64px;
    background: url("../images/btn2.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 22px;
    color: #bc180d;
    font-size: 20px;
    text-align: center;
    line-height:52px;
    font-weight: bold;
}
.last-stage-box {
    width: 100%;
    height: 838px;
    padding: .35rem 1.1rem 2.25rem;
    box-sizing: border-box;
    border-radius: 34px;
}
.province-box-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.province-box {
    display: block;
    width: 150px;
    height: 60px;
    border-radius: 10px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff7e6;
    margin-bottom: 30px;
    background: #731309;
    border-radius: 1rem;
}
.last-province {
    width:calc(50% - 16px);
    display: flex;
    justify-content:space-between
}

.active {
    background: radial-gradient(circle, #FEF8EF, #FEA13C);
    color: #BC180D;
}
footer {
    position: relative;
    width: 100%;
    min-height: 180px;
    /*height: 100%;*/
}

footer h2 {
    position: relative;
    text-align: left;
    font-size: 0.65rem;
    font-family: FZLanTingHeiS-DB-GB;
    font-weight: 400;
    color: #FEC45E;
    line-height: 0.95rem;
}

footer  p,
footer span{
    font-size: 0.45rem;
    text-align: left;
    color: #FFF7E6;
    margin: 0;
}
footer span:last-child{
    position: relative;
    top: 4px;
}

footer div {
    text-align: left;
}
footer .code {
    position: absolute;
    top: 21px;
    right: 0;
    width: 138px;
    height: 138px;
    width: 3.45rem;
    height:3.45rem;
}
footer .code img {
    width: 100%;
    height: auto;
}
.mobile-province {
    display: none;
}
#beijing {
    display: block;
}
#anhui,
#shandong{
    display: none;
}
.fixed_box {
    position: fixed;
    top: 30%;
    right: 0;
    display: none;
    z-index: 100;
}
.close {
    position: absolute;
    right: 0;
    top: -34px;
    cursor: pointer;
}
.fixed_box a {
    display: block;
    width: 172px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    text-decoration: none;
    color: #BC180D;
    text-align: center;
    margin-left: 21px;
    cursor: pointer;
    background: linear-gradient(-90deg, #FFE6CD, #EEBE90);
    border-radius: 26px;
}
.chat-btn {
    display: inline-block;
    /*width: 106px;*/
    /*height: 38px;*/
    font-size: 0.45rem;
    color:#FFFFFF;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;

    width: 3rem;
    height: 1.05rem;
    background: #731309;
    border-radius: 1rem;
}

.border input::-webkit-input-placeholder{
    color:#c09208;
}
.border input::-moz-placeholder{
    color: #c09208;
}
.border input:-ms-input-placeholder{
    color: #c09208;
}
#cover{
    position: fixed;
    top: 0px;
    left: 0px;
    right:0px;
    bottom:0px;
    z-index:1001;
    display: none;
    background:rgba(0,0,0,0.5)
}
.close-img-model {
    position: absolute;
    top: -60px;
    right: 0;
}
.province-box-list:after {
    content:' ';
    width:57%;
    height:0;
    display:block;
}
.receive-header {
    width: 86%;
    margin: 0 auto;
    height: 105px;
    background-image: url("../images/header-receive.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
    border-radius: 20px;
}
.receive-content {
    padding: 22px 26px;
    box-sizing: border-box;
}
.receive-content p {
    color: #d1a41a;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    text-align: center;
    margin: 10px 0 ;
}
.options {
    display: flex;
    justify-content: space-between;
}
.options select {
    background: url(../images/select_bg.png) 98% center no-repeat;
    background-size: 16px;
    border: 1px solid #c09208;
    border-radius: 8px;
    width: 48%;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    padding-left: 15px;
    color: #c09208;
    outline: none;
    font-size: 16px;
}
.border {
    margin-top: 10px;
    width: 100%;
    height: 46px;
    border: 1px solid #c09208;
    border-radius: 8px;
}
.border input {
    line-height: 46px;
    border-radius: 10px;
    border: 0;
    box-sizing: border-box;
    padding-left: 15px;
    color: #c09208;
    outline: none;
    font-size: 16px;
    float: left;
    /*text-align: center;*/
    background: none;
}
.border2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.code-btn {
    width: 26%;
    height: 46px;
    background: linear-gradient(90deg, #fee59b, #f7d468);
    font-size: 20px;
    color: #9e7a09;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top:0;
    font-size: 12px;
    border: 0;
    font-weight: bold;
}
.code-box {
    position: relative;
    width: 100%;
}
.receive-btn {
    width: 100%;
    height: 46px;
    background-color: #ca3d2d;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: white;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.url-address a  {
    color: #FFF7E6;
    text-decoration: none;
}
@media screen and (max-width: 1080px) {
    /*< 1080 px*/
    .header-banner {
        height: 16rem;
        background-size: auto 100%;
    }
    .bottomBar {
        display: none;
    }
    .footer-box {
        margin-bottom: 0;
    }
    .header-img {
        width: 2.4rem;
        height: .87rem;
        position: absolute;
        right: .55rem;
        /*top: 1rem;*/
    }
    .txt-box {
        width: 7.59rem;
        height: 3.6rem;
        margin-top: 6rem;
        /*padding-top: 0.63rem;*/
    }

    .footer-container {
        width: 100%;
        /* padding: 0 20px; */
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .title {
        margin-left: 20px;
        width: 5.52rem;
        height: 1.7rem;
    }
    .title-txt {
        width: 4.6rem;
        height: .678rem;
        line-height: .678rem;
        margin-left: 2rem;
        padding: 0;
    }
    .txt-container {
        padding-left: 2rem;
    }

    .stage-box-detail img {
        margin-top: 10px;
    }
    .stage-box .stage-box-line:before,
    .stage-box .stage-box-line:after,
    .stage-box .stage-box-line-left:before,
    .stage-box .stage-box-line-right:after {
        display: none;
    }

    .txt-img,
    .big-img {
        width: 80%;
    }
    .txt-img {
        left: 0rem;
    }
    .wrap {
        width: 100%;
        /*padding: 0 20px;*/
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .first-stage-box {
        width: calc(100% - 14px);
        height: auto;
    }
    .title-box {
        font-size: .1rem;
    }
    .lpmj {
        width: 200px;
        top: 24px;
        left: 31px;
    }
    .syrq-img {
        width: 130px;
        top: -2px;
    }


    .right-icon {
        width: 54px;
        right: 7px;
    }
    .third-stage-box .tips {
        left: 12px;
        width: 56px;
    }
    .third-stage-content {
        height: auto;
    }
    .content-box2, .content-box3 {
        flex-flow: column;
        align-items: center;
    }
    .content-box3 .study-box {
        margin-bottom: 20px;
    }
    .lxybbb {
        width: 300px;
    }
    .chat-btn {
        line-height: 22px;
    }
    .content-box2 .list {
        width: 100%;
    }
    .content-box2 .list-image,
    .content-box2 .image-xf {
        margin: 0 auto;
    }
    .content-box2 .list .li .round {
        left: -9px;
        top: 5px;
    }


    .first-stage-title p {
        margin: 7px 20px;
    }
    .content-box {
        flex-flow: column;
    }
    .first-stage-title {
        margin-top: 10px;
        margin-bottom: 8px;
    }
    .icon img {
        width: 20px;
    }

    .three-box {
        flex-flow: column;
    }

    .box-detail {
        width: 80%;
        height: 200px;
        border-radius: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .box-title {
        line-height: 46px;
    }

    .line .txt {
        width: calc(100% - 113px);
    }

    .content {
        width: 100%;
        min-width: auto;
        padding-left: 0;
        padding-top: 1rem;
        font-size: 20px !important;
    }
    .three-box .tips {
        font-size: 16px;
    }

    .second-stage-box .line .icon-txt {
        width: 90px;
    }

    .second-stage-box .line .txt2 {
        line-height: 15px;
        text-align: left;
    }
    .second-stage-box .line {
        height: auto;
    }
    .first-stage-box-img {
        flex-flow: column;
    }
    .exam-rule-detail {
        padding-left: 10px;
    }


    .arrow {
        margin: 14px 10px 0;
        width: 15px !important;
        height: 15px !important;
    }
    .rule-li img {
        width: 38px;
        height: 38px;
    }
    .rule-txt {
        min-width:140px;
        height: 38px;
        max-width: 72%;
    }
    .rule-txt {
        /*padding: 8px 20px;*/
        font-size: 12px;
    }
    .score-box {
        position: relative;
        padding: 14px 12px;
        font-size: 16px;
        height: auto;
    }

    .btn img {
        width: 180px;
    }
    .stage-img {
        width: 80%;
    }
    .second-stage-box {
        min-height: auto;
        width: calc(100% - 14px);
    }
    .table-teacher table td,
    .table-teacher table td a{
        font-size: 12px;
    }
    .table-teacher table td a{
        width: 60px;
        margin: 0 10px;
    }
    .third-stage-box {
        padding: 10px;
        flex-flow: column;
        width: calc(100% - 14px);
    }
    .subject, .subject2 {
        width:calc(100% - 10px);
        height: auto;
    }
    .subject2 {
        margin-top: 20px;
    }
    .table-subject-box {
        width: calc(100% - 50px);
        height: 394px;
        margin-top: 230px
    }
    .table-subject td {
        height: 40px;
        font-size: 14px;
    }
    .table-subject tr:first-child{
        font-size: 18px;
    }

    .second-stage-box .line .fire {
        width: 80px;
        height: auto;
    }
    .second-stage-box .line .fire2 {
        margin-top: 7px
    }
    .second-stage-box .line .icon-txt {
        padding-top: 0;
    }
    .second-stage-box .two-title {
        width: 100%;
        flex-flow: column;
        height: 100px;
        align-items: center;
    }
    .second-stage-box .title-box {
        /*width: 100%;*/
        width: 280px;
        height: 84px;
        background-size: 100% 100% !important;
    }
    .two-box {
        flex-flow: column;
        height: auto;
        align-items: center;
    }
    .two-box .box1 .box-title-img {
        height: 30px;
    }

    .stage-box {
        width: 90%;
        margin-top: 26px;
        margin-bottom: 0;
    }
    .two-box .box1 {
        margin-bottom: 20px;
        height: 12rem;
    }
    .content-box {
        height: auto;
    }
    .content-box .box-image,
    .content-box .box-content{
        width: 100%;
        height: 9.75rem;
    }
    .second-stage-box  {
        height: auto;
    }
    .last-stage-box {
        padding: 20px;
        min-height: auto;
        height: auto;
        width: calc(100% - 14px);
        padding-bottom:14px
    }
    .province-box {
        width: 23%;
        height: 30px;
        line-height: 30px;
        border-radius: 0.25rem;
        font-size: 12px;
        /*margin-right: 1%;*/
        margin-bottom: 0.5rem;
        cursor: pointer;
    }

    .province-box-list:after {
        content:' ';
        width:23%;
        height:0;
        display:block;
    }
    .container {
        margin-bottom: 0rem;
    }
    .last-province {
        display: none;
    }
    .mobile-province {
        display: block;
    }
    .fixed_box {
        display: none !important;
    }
    .study-image img{
        width: 80%;
    }
    .score-title {
        width: 60%;
        height: 50px;
        font-size: 20px;
        margin: 0 auto;
        position: relative;
    }
    footer span:last-child{
        /*margin-left: 20px;*/
        margin: 0 auto;
        display: flex;
        text-align: center;
        justify-content: center;
        margin-top: 20px;
    }
    .url-address {
        display: block;
    }
    footer .code {
        top:0;
    }
}


.window_mask{
    display: none;
    background: rgba(0,0,0,.66);
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.window_box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 0 10px 25px;
    width: 1080px;
}
.close{
    display: block;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -34px;
    width: 34px;
}
/* .window_box::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d98214;
    box-shadow: 0 0 10px rgba(120,7,0,.2);
    background: linear-gradient(0deg, #fdbb67, #ffffff);
    border-radius: 10px 10px 40px 40px;
    height: 250px;
} */
.window_box .city_list{
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #d98214;
    box-shadow: 0 0 10px rgba(120,7,0,.2);
    background: linear-gradient(0deg, #fdbb67, #ffffff);
    border-radius: 10px 10px 40px 40px;
    padding: 12px;
    height: 200px;
}
.window_box .city_list li:hover {
    background-image: url(../images/city_btn.png);
}
.window_box .city_list li{
    float: left;
    text-align: center;
    background-image: url('../images/city_btn.png');
    background-size: 100%;
    font-weight: bold;
    font-size: 14px;
    width: 122px;
    line-height: 40px;
    box-shadow: 0 4px 0 rgba(120,7,0,.2);
    margin: 10px 3px;
    border-radius: 10px;
}
.window_box .city_list li a{
    padding-left: 16px;
    box-sizing: border-box;
    display: block;
    background: linear-gradient(0deg, #fdbb67, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}