.box {
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 2rem;
}

.banner {
    width: 100%;
    height: 28rem;
    background: url(../images/banner_bg.png) no-repeat top center;
    background-size: auto 100%;
    margin-bottom: .8rem;
}

.banner_wrap {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 2.6rem;
}

.gk2022 {
    position: absolute;
    width: 4.35rem;
    height: 1.4rem;
    background: linear-gradient(-90deg, #FD6231, #E33825);
    border-radius: 1rem;
    font-size: 0.7rem;
    font-weight: 400;
    color: #F9F7F6;
    line-height: 1.6rem;
    text-align: center;
    line-height: 1.4rem;
    top: .4rem;
    right: .35rem;
}

.txt01 {
    width: 73%;
    margin: 0 auto;
}

.txt02 {
    width: 94%;
    margin: 0 auto;
}

.yhq {
    width: 94%;
    height: 6rem;
    background: url(../images/banner_yhq.png) no-repeat center center;
    background-size: 100% 100%;
    margin-top: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box;
    padding: 0rem 2% .6rem 7%;
}

.zero {
    width: 2.4rem;
    height: auto;
}

.yuan {
    width: 1rem;
    height: 1rem;
    background: #E73323;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1rem;
    margin-top: 2rem;
    margin-left: -1rem;
}

.yhq_c {
    font-weight: bold;
    color: #E14D37;
    line-height: 1.1;
    margin-left: -1.4rem;
    margin-right: -.6rem;

    font-size: 1.2rem;
}

.mar_l {
    margin-left: 2rem;
}

.clock {
    width: 2rem;
    height: auto;
}

.bkzl {
    margin-left: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #FFFFFF;
}

.yy_container {
    width: 94%;
    height: 10.5rem;
    background: url(../images/yy_bg.png) no-repeat center center;
    background-size: 100% 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1.6rem;
}

.ajax_form {
    width: 100%;
}

.ajax_form img{ 
	width:100%; 
	height: auto;
	overflow: hidden;
	margin: auto;
		
}

.ajax_form p {
    margin-bottom: .6rem;
    position: relative;
    height: 1.9rem;
}

.ajax_form p.border,
.yuyue-border {
    border-radius: .3rem;
    margin-bottom: .6rem;
}

.yuyue-border {
    height: 1.9rem;
}

.ajax_form input {
    width: 100%;
    height: 1.9rem;
    line-height: 1.9rem;
    border-radius: .3rem;
    border: 1px solid #E6AD3C;
    box-sizing: border-box;
    padding-left: 15px;
    color: #E6AD3C;
    outline: none;
    font-size: .7rem;
    float: left;
    background: none;
    background-color: #fff;
}


input::placeholder {
    color: #E6AD3C;
}


.ajax_form input#PhoneCode {
    width: 49%;
    float: left;
}



.ajax_form input#fs {
    padding: 0;
    float: right;
    text-align: center;
    cursor: pointer;
    width: 49%;
    background: #E6AD3C;
    border: none;
    color: #FBE6C0;
}


.ajax_form .yuyue-btn {

    width: 100%;
    height: 1.9rem;
    line-height: 1.9rem;
    background: linear-gradient(1deg, #FD6231, #E33825);
    cursor: pointer;
    padding-left: 0;
    font-weight: bold;
    border-radius: 1rem;
    font-weight: 400;
    font-size: .9rem;
    font-weight: bold;
    font-style: italic;
    color: #FEF96D;
    text-align: center;
}

.ajax_form .yuyue-btn span {

    font-size: 1.56rem;
}

/* pc滑块 */
.yuyue-border .nc-container #nc_1_wrapper,
.yuyue-border .nc-container.tb-login #nc_1_wrapper {
    width: 100%;
}

.yuyue-border .nc_scale {
    height: 1.9rem;
}

.yuyue-border .nc-container .nc_scale span {
    width: 1.9rem;
    height: 1.9rem;
    line-height: 1.9rem;
    box-sizing: border-box;
}

.yuyue-border .nc_iconfont,
.yuyue-border .nc-container .nc_scale .scale_text {
    font-size: .7rem;
}

/* m滑块 */
.yuyue-border {
    height: 1.9rem;
}

.yuyue-border ._nc .stage1 {
    padding: 0;
}

.yuyue-border ._nc .stage1 .slider {
    left: 0;
    right: 0;
    height: 1.9rem;
}

.yuyue-border ._nc .stage1 .track div,
.yuyue-border ._nc .stage1 .label {
    height: 1.9rem;
    line-height: 1.9rem;
}

.yuyue-border ._nc .stage1 .button {
    width: 1.9rem;
    height: 1.9rem;
}

.yuyue-border ._nc .icon-slide-arrow,
.yuyue-border ._nc .icon-ok {
    font-size: 1rem;
}

.yuyue-border ._nc .icon {
    width: 1rem;
    height: 1rem;
}

.gongkao {
    width: 100%;
    margin: .5rem 0;
}

.title {

    color: #CF2E1F;
    font-size: 1rem;
    margin-bottom: .8rem;
}

.box01_container {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem rgba(51, 51, 51, 0.14);
    border-radius: .4rem;
    box-sizing: border-box;
    padding: .8rem 0 .4rem;
    margin-bottom: 1.4rem;
}

.box01_top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .6rem;
}

.box01_top_item {
    width: 33.33%;
    height: 5.8rem;
    box-sizing: border-box;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.3rem;
}

.box01_top_item img {
    width: 3rem;
    height: 2.68rem;
    margin: 0 auto .6rem;
}

.box01_top_item p {
    font-weight: bold;
    color: #333333;
    font-size: 0.6rem;
}

.box01_top_item:nth-child(2) {
    border-left: 1px dashed #B9B9B9;
    border-right: 1px dashed #B9B9B9;
}

.box01_bottom {
    width: 100%;
    height: 7rem;
    background: url(../images/box01_b.png) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 6%;
}


.box01_b_item {
    width: 33.33%;
    text-align: center;
}

.box01_b_item img {
    width: 1.4rem;
    height: 1.42rem;
    margin: 0 auto .48rem;
}

.box01_b_item h3 {
    font-size: 0.7rem;
    color: #F8D79C;
    line-height: 1rem;
}

.box01_b_item p {
    font-size: .6rem;
    color: #FFFFFF;
}


.box02_item {
    width: 100%;
    height: 2.35rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem rgba(51, 51, 51, 0.14);
    border-radius: .3rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: .8rem;
}

.box02_tip {
    height: 100%;
    width: 2rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(114deg, #E45539, #D83A35);
}

.box02_item_r {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box02_item_r_l {
    flex: 1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: .7rem;
}

.box02_item_r_l img {
    width: .45rem;
    height: .45rem;
    margin-right: .4rem;
}

.box02_item_r_l h3 {
    width: 4rem;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box02_item_r_r {
    width: 4rem;
    display: flex;
    align-items: center;
    font-size: 0.6rem;
    color: #666666;
    font-weight: bold;
}

.teacher {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .54rem;
}

.box02,
.box03,
.box04,
.box05 {
    margin-bottom: 1.4rem;
}

.box03_t {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.box03_l {
    width: 48%;
    border-radius: .4rem;
    overflow: hidden;
}

.box03_r {
    width: 48%;
}

.box03_group h3 {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 0.75rem;
    color: #FFFFFF;
    background: linear-gradient(-1deg, #CF2E1F, #E45438);
}

.box03_group {

    border-radius: .4rem;
    overflow: hidden;
    box-shadow: 0rem 1rem 1rem 0rem rgba(51, 51, 51, 0.14);
}

.box03_item {
    width: 90%;
    margin: 0 auto;
    height: 2.9rem;
    font-size: 0.7rem;
    color: #131212;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
}

.box03_item_last {
    border-bottom: 0;
}

.box03_group_last {
    margin-top: 1rem;
}

.gift {
    width: 1.4rem;
    height: 1.42rem;
    margin-right: .45rem;
}

.box03_b_title {
    width: 8.6rem;
    height: 2.2rem;
    background: url(../images/box03_b_title.png) no-repeat center center;
    background-size: 100% 100%;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #CD3115;
    margin: 1rem auto -1rem;
    position: relative;
}

.box3_b_body {
    width: 100%;
    height: 8rem;
    background: linear-gradient(-1deg, #CF2E1F, #E45438);
    border-radius: 1rem;
    box-sizing: border-box;
    padding-top: 2.4rem;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.box03_b_item img {
    width: 2.3rem;
    height: 2.5rem;
    margin: 0 auto .7rem;
}

.box03_b_item p {
    font-size: 0.6rem;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}
.ljxq{ width : 9rem; height: 2rem ; margin: 0.5rem auto; border-radius:1.5rem; background:#e04d34; color:#f1ce4b ; font-size:0.8rem; text-align: center; line-height:2rem;}

.box04_container {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem rgb(51 51 51 / 14%);
    border-radius: .4rem;
    box-sizing: border-box;
    padding: 1rem;
    padding-left: 20%;
    margin-bottom: 1.4rem;
}

.box04_body {
    position: relative;
    font-size: 0.7rem;
    font-weight: bold;
    color: #333333;
}

.box04_body::before {
    content: '';
    position: absolute;
    width: 0.03rem;
    height: 77%;
    border-left: 1px dashed #000000;
    opacity: 0.28;
    top: 50%;
    left: 1%;
    transform: translateY(-50%);
}

.box04_body p {
    box-sizing: border-box;
    padding-left: 1rem;
    font-size: 0.7rem;
    font-weight: bold;
    position: relative;
    line-height: 1.8rem;
}

.box04_body p::before {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: #DD4537;
    border-radius: 50%;
    line-height: 2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.swiper-container {
    width: 100%;
}

.swiperBox {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem .3rem .8rem .3rem;
}

.shadeBox {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 1rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(51, 51, 51, 0.14);
    border-radius: 0.25rem;
}

.swiperFlexBox {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -0.75rem;
}

.redImgBg {
    width: 5.3rem;
    height: 5.3rem;
    background: #F12829;
    position: relative;
    border-radius: 0.25rem;
}

.teacherBig {
    width: 5.075rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.swiperTitleBox {
    width: 10rem;
    margin-left: 1rem;
}

.teacherName2 {
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    display: block;
    margin-bottom: .65rem;
}

.teacherName2 span {
    font-size: .65rem !important;
}

.teacherHint {
    display: block;
    font-size: .6rem;
    font-weight: 400;
    color: #888888;
}

.teacherContent {
    width: 90%;
    font-size: .6rem;
    font-weight: 400;
    color: #333333;
    margin: .75rem auto 0;
}

.dianFlexBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.swiperDian {
    width: 0.325rem;
    height: 0.325rem;
    background: #A0A0A0;
    border-radius: 50%;
    margin-right: .2rem;
}

.swiperDianActive {
    background: #B81200 !important;
}

.bottomBox {
    width: 15.325rem;
    height: 2.15rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -7.66rem;
    background: url(../images/bottomBg.png) no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.bottomWhiteText {
    font-size: 0.8rem;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0rem 0.075rem 0.075rem rgba(108, 28, 0, 0.59);
    position: absolute;
    right: 2.7rem;
    top: 50%;
    transform: translateY(-50%);
}

.bottomLeftText {
    font-size: .7rem;
    font-weight: bold;
    color: #000000;
    margin-left: 1.5rem;
    top: -.2rem;
}

.redMoney {
    font-size: 1.825rem;
    font-weight: bold;
    color: #FF0000;
}

.redYuan {
    font-size: .7rem;
    font-weight: bold;
    color: #FF0000;
}

.box06_container {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem rgb(51 51 51 / 14%);
    border-radius: .4rem;
    box-sizing: border-box;
    padding: 1rem;
}

.box06_tip {
    font-size: 0.7rem;
    font-weight: bold;
    color: #0D0C0C;
    margin-bottom: 1rem;
}

.fhzw {
    display: flex;
    align-items: center;
    font-size: 0.65rem;
    font-weight: bold;
    color: #0D0C0C;
}

.fhzw span {
    display: block;
    width: 0.55rem;
    height: 0.55rem;
    background: #FFFFFF;
    border: 0.03px solid #EEEDED;
    border-radius: 50%;
    margin-right: .4rem;
}

.fhzw_container {
    margin-bottom: 1rem;
}

.box06_img01 {
    width: 100%;
    height: 7.13rem;
    background: #DDDCD8;
    margin-bottom: .3rem;
}

.box06_img01 img {
    width: 100%;
    height: 100%;
}

.box06_img02 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .85rem;
    align-items: center;
    height: 4.45rem;

}

.box06_img02 img {
    width: 32%;
    height: 100%;
    background: #DDDCD8;
}

.box06_yellow div {
    width: auto;
    height: 1.4rem;
    line-height: 1.4rem;
    background: linear-gradient(91deg, #FB7E2B, #FC952F);
    border-radius: 1rem;
    font-size: 0.7rem;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: .4rem;
    padding: 0 .7rem;
}

.box06_yellow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.box06_yellow02 {
    justify-content: flex-start;
}