body {

}

#banner {

}

.banner_img {
    width: 7.5rem;
}

#setting {
    width: 7.5rem;
    position: relative;
}

#other {
    position: absolute;
    top: 12rem;
    width: 100%;
}

#process {
    width: 7.02rem;
    height: 13.13rem;
    background-image: url('../img/process_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: auto;
}

.process_gather {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    width: 6.54rem;
    height: 10rem;
    background-image: url('../img/process_2.png');
    background-size: 6.54rem auto;
    overflow: hidden;
    margin: 1.25rem auto 0;
}

.process_odd {
    width: 3.15rem;
    text-align: left;
    padding: .18rem;
    box-sizing: border-box;
    margin-bottom: .1rem;
}

.process_odd_month {
    text-align: right;
    font-size: .3rem;
    font-weight: 800;
    color: #FFFFFF;
}

.process_odd_main {
    font-size: .28rem;
    font-weight: 800;
    color: #FFFFFF;
    margin-top: .18rem;
}

.process_odd_goal {
    margin-top: .12rem;
    font-size: .2rem;
    font-weight: 400;
    color: #FFFFFF;
}

.process_odd_line {
    margin-top: .16rem;
    width: 1rem;
    height: .05rem;
    background: #FFFFFF;
}

.process_odd_con {
    margin-top: .18rem;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
    opacity: 0.9;
}

.process_even {
    width: 3.15rem;
    text-align: right;
    padding: .18rem;
    box-sizing: border-box;
    margin-bottom: .1rem;
}

.process_even_month {
    text-align: left;
    font-size: .3rem;
    font-weight: 800;
    color: #FFFFFF;
}

.process_even_main {
    font-size: .28rem;
    font-weight: 800;
    color: #FFFFFF;
    margin-top: .18rem;
}

.process_even_goal {
    margin-top: .12rem;
    font-size: .2rem;
    font-weight: 400;
    color: #FFFFFF;
}

.process_even_line {
    display: inline-block;
    margin-top: .16rem;
    width: 1rem;
    height: .05rem;
    background: #FFFFFF;
}

.process_even_con {
    margin-top: .18rem;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
    opacity: 0.9;
}

.other_get {
    margin: .72rem auto 0;
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/get.png');
    background-size: 3.49rem auto;
}

#win {
    width: 7.02rem;
    height: 9.83rem;
    background-image: url('../img/win_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .84rem auto 0;
}

.win_con {
    padding: 0 .26rem;
    box-sizing: border-box;
    margin-top: 1.2rem;
}

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

.win_img {
    display: block;
    width: 3.25rem;
}

.win_box {
    width: 100%;
    height: 6.63rem;
    background: #FFFFFF;
    border: .02rem solid #0C59C2;
    border-radius: 0px 0px .1rem .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.win_inside {
    margin: auto;
    width: 6.09rem;
    height: 6.15rem;
    background: #F2F6F8;
    box-shadow: 0px 0px .18rem 0px rgba(211, 211, 211, 0.4);
    border-radius: .1rem;
    overflow: hidden;
    padding: .31rem .11rem;
    box-sizing: border-box;
}

.win_num {
    
}

.win_tit {
    text-align: center;
    font-size: .3rem;
    font-weight: 800;
    color: #151617;
    opacity: 0.9;
    position: relative;
}

.win_tit::after {
    position: absolute;
	content: '';
	width: .56rem;
    height: .02rem;
    background: #FFA800;
	bottom: -.08rem;
	left: 0;
	right: 0;
    margin: auto;
}

.win_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.win_row {
    margin-top: .22rem;
    width: 1.87rem;
    height: .5rem;
    line-height: .5rem;
    background: #0090FF;
    border-radius: .06rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    color: #FFFFFF;
}

.win_get {
    margin: .32rem auto 0;
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/win_6.png');
    background-size: 3.49rem auto;
}

#stop {
    width: 7.02rem;
    height: 9.04rem;
    background-image: url('../img/stop_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .84rem auto 0;
}

.stop_list {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    margin: 1.3rem auto 0;
    width: 6.51rem;
    height: 3.02rem;
    background: #FFFFFF;
    box-shadow: 0px 1px .12rem 0px rgba(204, 204, 204, 0.6);
    border-radius: .1rem;
}

.stop_row {
    width: 33.33%;
    overflow: hidden;
    position: relative;
}

.stop_row:last-child::after {
    display: none;
}

.stop_row::after {
    position: absolute;
	content: '';
	width: .01rem;
    height: 1.07rem;
    background: #000000;
    opacity: 0.1;
	bottom: 0;
    top: 0;
	right: 0;
    margin: auto;
}

.stop_img {
    display: block;
    width: .5rem;
    margin: .2rem auto 0;
}

.stop_tit {
    margin-top: .22rem;
    margin-bottom: .13rem;
    text-align: center;
    font-size: .24rem;
    font-weight: 800;
    color: #000000;
    opacity: 0.9;
}

.stop_con {
    text-align: center;
    font-size: .2rem;
    font-weight: 400;
    color: #000000;
    line-height: .36rem;
    opacity: 0.9;
}

.stop_get {
    margin: .42rem auto 0;
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/stop_9.png');
    background-size: 3.49rem auto;
}

#why {
    width: 7.02rem;
    height: 5.58rem;
    background-image: url('../img/why_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .84rem auto 0;
}

.why_list {
    padding: 0 .3rem;
    box-sizing: border-box;
    margin-top: 1.2rem;
}

.why_row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .13rem;
}

.why_num {
    display: block;
    margin-left: .2rem;
    font-size: .4rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .7rem;
}

.why_con {
    margin-left: 1.6rem;
    display: block;
    width: 2.5rem;
    text-align: center;
    font-size: .3rem;
    font-weight: normal;
    color: #FF8100;
    line-height: .7rem;
}

#advantage {
    width: 7.02rem;
    height: 14.17rem;
    background-image: url('../img/advantage_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .78rem auto 0;
}

.advantage_list {
    margin-top: 1.2rem;
}

.advantage_row {
    height: 1.95rem;
    overflow: hidden;
}

.advantage_tit {
    margin-top: .25rem;
    font-size: .24rem;
    font-weight: 800;
    color: #000000;
    opacity: 0.9;
}

.advantage_con {
    margin-top: .14rem;
    font-size: .24rem;
    font-weight: 400;
    color: #000000;
    line-height: .34rem;
    opacity: 0.8;
}

.advantage_get {
    margin: .2rem auto 0;
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/advantage_2.png');
    background-size: 3.49rem auto;
}

#need {
    width: 7.02rem;
    height: 7.27rem;
    background-image: url('../img/need_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .84rem auto 0;
}

.need_con {
    margin-top: .8rem;
}

.need_get {
    margin: .2rem auto 0;
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/need_2.png');
    background-size: 3.49rem auto;
}

#choose {
    width: 7.02rem;
    height: 8.1rem;
    background-image: url('../img/choose_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .84rem auto 0;
}

.choose_roll {
    margin-top: 1rem;
    padding: 0 .3rem;
    box-sizing: border-box;
}


#choose .swiper-container {
    width: 100%;
    padding-bottom: .54rem;
}

#choose .swiper-slide {
    text-align: center;
}

#choose .swiper-slide .teachserBb {
    /* border-radius: .1rem;
    overflow: hidden;
    width: 6.48rem;
    height: 5.26rem;
    position: relative; */
    position: relative;
    overflow: hidden;
    width: 6.76rem;
    height: 5.54rem;
    /* background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../img/teacher_bg.png'); */
}

#choose .swiper-slide-active,#choose .swiper-slide-duplicate-active {
    transform: scale(1);
}

#choose .swiper-pagination {
    position: relative;
    top: .2rem;
}

#choose .swiper-pagination-bullet {
    background: #2CA8FF;
    opacity: 1;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#choose .swiper-pagination-bullet-active {
    background: #2CA8FF;
    width: .4rem;
    height: .1rem;
    border-radius: .05rem;
}

.choose_more {
    width: 3.49rem;
    height: .66rem;
    background-image: url('../img/choose_2.png');
    background-size: 3.49rem auto;
    margin: auto;
}

#cases {
    width: 7.02rem;
    height: 4.94rem;
    background-image: url('../img/cases_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .78rem auto 0;
}

#cases .swiper-container {
    width: 100%;
    padding-bottom: .54rem;
    margin-top: 1.1rem;
}

#cases .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

#cases .swiper-slide-active,#cases .swiper-slide-duplicate-active {
    transform: scale(1);
}

#cases .swiper-pagination {
    position: relative;
    top: .2rem;
}

#cases .swiper-pagination {
    position: relative;
    top: .2rem;
}

#cases .swiper-pagination-bullet {
    background: #2CA8FF;
    opacity: 1;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#cases .swiper-pagination-bullet-active {
    background: #2CA8FF;
    width: .4rem;
    height: .1rem;
    border-radius: .05rem;
}

#receive {
    width: 7.02rem;
    height: 6.26rem;
    background-image: url('../img/receive_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .78rem auto 0;
}

.receive_box {
    width: 6.66rem;
    height: 4.79rem;
    background-image: url('../img/receive_2.png');
    background-size: 6.66rem auto;
    overflow: hidden;
    margin: 1.15rem auto 0;
    padding: .36rem;
    box-sizing: border-box;
}

.receive_write {
    margin: 0 auto .32rem;
    height: .75rem;
    background: #FFFFFF;
    border-radius: .06rem;
    overflow: hidden;
}

.receive_income {
    width: 100%;
    height: 100%;
    padding: 0 .21rem;
    box-sizing: border-box;
}

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

.receive_fall {
    width: 3.26rem;
    height: .75rem;
    background: #FFFFFF;
    border-radius: .06rem;
    overflow: hidden;
}

.receive_btn {
    text-align: center;
    width: 2.33rem;
    height: .75rem;
    line-height: .75rem;
    background: #FFBA00;
    border-radius: .06rem;
    overflow: hidden;
    font-size: .28rem;
    font-weight: 800;
    color: #FFFFFF;
}

#footsy {
    margin-top: .57rem;
    width: 100%;
    height: 3.95rem;
    background: #1E2124;
    overflow: hidden;
}

#footsy .row {
    color: #B6B6B6;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .32rem;
}

#footsy .row:first-child {
    margin-top: .95rem;
}