.yd .yd_main2 .yd_title,
.yd .yd_main3 .yd_title,
.yd .yd_main4 .yd_title,
.yd .yd_main5 .yd_title,
.yd .yd_main6 .yd_title,
.yd .yd_main7 .yd_title,
.yd .yd_main8 .yd_title {
    text-align: center;
    font-size: .6rem;
    font-weight: bold;
    color: #102955;
    margin-bottom: .25rem
}

.yd .banner {
    display: block;
    width: 100%
}

.yd .yd_main1 {
    margin: -1.3rem auto 0;
    width: 95%;
    background: #fff;
    position: relative;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    border-radius: .2rem;
    padding: .3rem 0 .01rem
}

.yd .yd_main1 .yd_main1_list {
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main1 .yd_main1_list a {
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: .3rem
}

.yd .yd_main1 .yd_main1_list a img {
    display: block;
    width: 75%;
    margin: 0 auto
}

.yd .yd_main1 .yd_main1_list a div {
    font-size: .35rem;
    font-weight: bold;
    text-align: center
}

.yd .yd_main1 .yd_main1_list a:nth-child(4n) {
    margin-right: 0px
}

.yd .yd_main2 {
    background: url("../images/yd_learn1_main2_bg.png") no-repeat;
    background-size: 90% auto;
    background-position: center 2%;
    padding: 1.3rem 0 .5rem
}

.yd .yd_main2 .yd_learn1_main2_img {
    display: block;
    margin: 0 auto .4rem;
    width: 95%
}

.yd .yd_main2 .yd_main2_list {
    width: 95%;
    margin: 0 auto
}

.yd .yd_main2 .yd_main2_list .yd_main2_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    margin-bottom: .3rem;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    border-radius: .2rem;
    padding: .25rem 0px
}

.yd .yd_main2 .yd_main2_list .yd_main2_list_item div {
    width: 85%;
    color: #666;
    font-size: .4rem;
    margin-left: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.yd .yd_main2 .yd_main2_list .yd_main2_list_item img {
    width: 3%;
    display: block;
    margin-right: .2rem
}

.yd .yd_main3 {
    padding-top: .3rem;
    background: #deebfd
}

.yd .yd_main3 .yd_main3_box {
    background: url("../images/yd_learn1_main3_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: center 2%;
    padding: .8rem 0 .5rem
}

.yd .yd_main3 .yd_main3_box_container {
    background: #fff;
    width: 95%;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    margin: 0 auto;
    border-radius: .2rem;
    padding: .45rem 0px 0px
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .4rem
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_title img {
    width: 1rem;
    display: block
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_title div {
    font-size: .6rem;
    font-weight: bold;
    margin-left: .3rem;
    position: relative;
    z-index: 1
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_title div::before {
    content: "";
    position: absolute;
    bottom: 3%;
    left: -0.1rem;
    background: #c8defb;
    height: .3rem;
    border-radius: .5rem;
    width: 2.2rem;
    display: block;
    z-index: -1
}

.yd .yd_main3 .yd_main3_box_container .yd_learn1_main3_imgs {
    width: 92%;
    margin: 0 auto .5rem
}

.yd .yd_main3 .yd_main3_box_container .yd_learn1_main3_imgs img {
    display: block;
    width: 100%
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 92%;
    margin: 0 auto .3rem;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: .4rem
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_list .yd_main3_box_container_list_item {
    width: 23%;
    margin-right: 2%
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_list .yd_main3_box_container_list_item img {
    display: block;
    width: 60%;
    margin: 0 auto .2rem
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_list .yd_main3_box_container_list_item div {
    font-size: .35rem;
    text-align: center;
    color: #333;
    font-weight: bold
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_list .yd_main3_box_container_list_item:nth-child(4n) {
    margin-right: 0px
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_circle {
    width: 92%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_circle .yd_main3_box_container_circle_item {
    width: 40%;
    margin-bottom: .3rem;
    margin-right: 5%;
    border: 1px solid #afcffa;
    border-radius: .2rem;
    font-size: .45rem;
    padding: .2rem 0 .2rem .6rem;
    position: relative
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_circle .yd_main3_box_container_circle_item::after {
    content: "";
    position: absolute;
    background: #92bdf8;
    left: .2rem;
    top: .24rem;
    width: .2rem;
    height: .6rem
}

.yd .yd_main3 .yd_main3_box_container .yd_main3_box_container_circle .yd_main3_box_container_circle_item:nth-child(2n) {
    margin-right: 0px
}

.yd .yd_main4 {
    padding-top: .3rem;
    background: #deebfd
}

.yd .yd_main4 .yd_main4_box {
    background: url("../images/yd_learn1_main4_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: center .8%;
    padding: .8rem 0 .5rem
}

.yd .yd_main4 .yd_main4_box .yd_main4_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
    height: 3.6rem;
    overflow-y: hidden;
    margin: 0 auto .3rem
}

.yd .yd_main4 .yd_main4_box .yd_main4_list .yd_main4_list_item {
    width: 23%;
    margin-right: 2%;
    padding: .2rem 0px;
    background: #92bdf8;
    font-size: .4rem;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    border-radius: .2rem;
    margin-bottom: .3rem
}

.yd .yd_main4 .yd_main4_box .yd_main4_list .yd_main4_list_item:nth-child(4n) {
    margin-right: 0px
}

.yd .yd_main4 .yd_main4_box .yd_main4_more {
    text-align: center;
    color: #92bdf8;
    font-size: .35rem
}

.yd .yd_main5 {
    background: url("../images/yd_learn1_main5_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: center .8%;
    padding: .8rem 0 .5rem
}

.yd .yd_main5 .yd_main5_choose_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
    margin: 0 auto .3rem
}

.yd .yd_main5 .yd_main5_choose_list div {
    background: #92bdf8;
    width: 32.5%;
    margin-right: 1%;
    color: #fff;
    text-align: center;
    font-size: .45rem;
    padding: .15rem 0px;
    border-radius: .1rem;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2
}

.yd .yd_main5 .yd_main5_choose_list div:nth-child(3n) {
    margin-right: 0
}

.yd .yd_main5 .yd_main5_choose_list .active {
    color: #153889;
    background: #fff
}

.yd .yd_main5 .yd_main5_content {
    width: 95%;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
    border-radius: .15rem;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    padding: .3rem 0 1rem;
    position: relative
}

.yd .yd_main5 .yd_main5_content .swiper {
    width: 90%;
    margin: 0 auto;
    overflow-x: hidden
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide a img {
    display: block;
    width: 100%;
    border-radius: .3rem;
    margin-bottom: .3rem
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide .yd_main5_content_swiper_blue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide .yd_main5_content_swiper_blue .yd_main5_content_swiper_blue_black {
    margin-left: .2rem;
    font-size: .4rem
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide .yd_main5_content_swiper_blue .yd_main5_content_swiper_blue_fonts {
    margin-left: .2rem;
    background: #153889;
    color: #fff;
    font-size: .35rem;
    padding: .1rem .15rem .15rem;
    border-radius: .1rem;
    display: block
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide .yd_main5_content_swiper_orange {
    margin-left: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main5 .yd_main5_content .swiper .swiper-wrapper .swiper-slide .yd_main5_content_swiper_orange span {
    color: #fb8507;
    font-size: .28rem;
    background-color: #ffeedc;
    padding: .1rem .15rem;
    border-radius: .1rem;
    margin-right: .2rem
}

.yd .yd_main5 .yd_main5_content .swiper-pagination {
    bottom: .1rem
}

.yd .yd_main5 .yd_main5_content .swiper-pagination .swiper-pagination-bullet {
    width: .9rem;
    height: .1rem;
    border-radius: .05rem;
    background: #e5e5e5;
    opacity: 1
}

.yd .yd_main5 .yd_main5_content .swiper-pagination .swiper-pagination-bullet-active {
    background: #92bdf8
}

.yd .yd_main6 {
    background: #fff;
    padding: .4rem 0px .01rem
}

.yd .yd_main6 .yd_title {
    color: #333;
    margin-bottom: .4rem
}

.yd .yd_main6 .yd_main6_content {
    margin-bottom: .6rem
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide {
    position: relative;
    left: -70%;
    width: 80%
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item {
    position: relative;
    width: 90%;
    margin: 0 auto
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item img {
    display: block;
    width: 100%
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #424242;
    padding: .2rem 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_left {
    margin-left: .3rem
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_left .yd_main6_content_swiper_item_fonts_left_yellow {
    display: block;
    color: #f7b954;
    font-size: .45rem;
    margin-bottom: .1rem
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_left .yd_main6_content_swiper_item_fonts_left_white {
    color: #fff;
    font-size: .25rem;
    display: block
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_right {
    margin-right: .3rem;
    width: 70%
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_right .yd_main6_content_swiper_item_fonts_right_position {
    color: #fff;
    font-size: .35rem;
    display: block;
    margin-bottom: .1rem
}

.yd .yd_main6 .yd_main6_content .swiper .swiper-wrapper .swiper-slide .yd_main6_content_swiper_item .yd_main6_content_swiper_item_fonts .yd_main6_content_swiper_item_fonts_right .yd_main6_content_swiper_item_fonts_right_introduce {
    color: #fff;
    font-size: .3rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.yd .yd_main7 {
    background: url("../images/yd_learn1_main7_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: center 6%;
    padding: 1rem 0 .5rem
}

.yd .yd_main7 .yd_main7_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
    margin: 0 auto
}

.yd .yd_main7 .yd_main7_list a {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .3rem;
    border-radius: .2rem
}

.yd .yd_main7 .yd_main7_list a img {
    display: block;
    width: 100%
}

.yd .yd_main7 .yd_main7_list a:nth-child(2n) {
    margin-right: 0
}

.yd .yd_main8 {
    background: #deebfd
}

.yd .yd_main8 .yd_main8_box {
    background: url("../images/yd_learn1_main8_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: center 3%;
    padding: 1.4rem 0 .1rem
}
.yd .yd_main8 .yd_main8_box p{
    color: #666;
    font-size: .4rem;
    margin-left: .3rem;
}
.yd .yd_main8 .yd_main8_big_imgs {
    width: 95%;
    margin: 0 auto .2rem
}

.yd .yd_main8 .yd_main8_big_imgs img {
    display: block;
    width: 100%
}

.yd .yd_main8 .yd_main8_imgs_list {
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main8 .yd_main8_imgs_list div {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .2rem
}

.yd .yd_main8 .yd_main8_imgs_list div img {
    display: block;
    width: 100%
}

.yd .yd_main8 .yd_main8_imgs_list div:nth-child(2n) {
    margin-right: 0
}