*{
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif, Helvetica, "Microsoft YaHei";
    font-size: 16px;
}
a {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
}
ul, li, ol {
    list-style-type: none;
}
body{
    width: 750px;
    margin: auto;
    background-color: #EFF5FD;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.yd-logo{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #5abdee;
    color: white;
    text-align: center;
    height: 130px;
    padding: 0 10px;
}
.yd-logo img{
    width: 80px;
}
.yd-logo h1{
    font-size: 2.3em;
    letter-spacing: 4px;
}
.yd-logo p{
    font-size: 14px;
}

/* content */
/* content1 */
.yd-content1{
    display: flex;
    align-items: center;
    background-color: rgb(246, 246, 246);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
    padding: 0 40px;
    height: 80px;
}
.yd-content1 i{
    margin-right: 20px;
    min-width: 70px;
    height: 70px;
    background: url(../images/tt.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-content1 div{
    height: 50px;
    width: 100%;
}
.yd-content1 div a{
    line-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.8em;
}
.yd-content1 div a span{
    color: red;
    font-size: 1em;
}

/* content2 */
.yd-content2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.yd-content2 a{
/*
    width: 17%;
    margin: 0 5px 15px 5px;
*/
    width: 18%;
    margin: 0 0.5% 15px 0.5%;
}
.yd-content2 a img{
    display: block;
    margin: auto;
    margin-bottom: 5px;
    width: 70%;
}
.yd-content2 a{
    font-size: 1.6em;
    text-align: center;
}

.yd-content3 img{
    width: 100%;
}

/* content4 */
.yd-title{
    display: flex;
    align-items: center;
    padding-left: 15px;
    border-left: 10px solid #5abdee;
    color: #5abdee;
    font-size: 2.4em;
    font-weight: bold;
}
.yd-title span{
    color: #000;
    font-size: 0.7em;
    font-weight: normal;
    margin-left: 1em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.yd-title span text{
    font-size: 1em;
    color: #5abdee;
}
.yd-content4{
    width: 95%;
    margin: 30px auto;
}
.yd-content4 .mySwiper1{
    margin-top: 20px;
}
.yd-content4 .mySwiper1 img{
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.yd-content4 .mySwiper1 .swiper-slide-thumb-active{
    color: #5abdee !important;
}
.yd-content4 .mySwiper1 .swiper-slide{
    font-size: 1.6em;
    text-align: center;
}
.yd-content4 .mySwiper2{
    background-color: white;
    padding: 20px 0;
    border-radius: 20px;
    margin-top: 20px;
}
.yd-content4 .mySwiper2 .swiper-slide{
    display: flex;
    justify-content: space-between;
}
.yd-content4 .mySwiper2 .swiper-slide img{
    margin-left: 35px;
}
.yd-content4 .mySwiper2 .swiper-slide>div{
    margin-left: 30px;
    margin-right: 35px;
}
.yd-content4 .mySwiper2 .swiper-slide div div{
    font-size: 2em;
    font-weight: bold;
}
.yd-content4 .mySwiper2 .swiper-slide div span{
    font-size: 0.8em;
}
.yd-content4 .mySwiper2 .swiper-slide div p{
    font-size: 1.6em;
    margin-top: 15px;
    line-height: 1.5em;
    text-indent: 2em;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.yd-content4 .mySwiper2 .swiper-slide div p a{
    font-size: 1em;
    color: #5abdee;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 10;
    text-indent: 10px;
}
.yd-content4 .mySwiper2 .swiper-slide div text{
    display: block;
    font-size: 1.6em;
    margin-top: 10px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* content5 */
.yd-content5 p{
    color: white;
    font-size: 1.8em;
    text-align: center;
    background-color: #5abdee;
    line-height: 80px;
}
.yd-content5 div img{
    display: block;
    width: 100%;
}
.yd-content5 div p{
    color: #044383;
    background-color: #5abdee30;
    font-size: 1.6em;
    text-align: center;
    line-height: 50px;
}
.yd-content5 .mySwiper3{
    width: 95%;
    margin: 25px auto 0;
    padding-bottom: 10px;
}

/* content6 */
.yd-content6{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content6 .yd-title{
    margin-left: 10px;
}
.yd-content6-div{
    margin-top: 25px;
}
.yd-content6-div div{
    display: flex;
    align-items: center;
}
.yd-content6-div1{
    margin-bottom: 20px;
}
.yd-content6-div span{
    font-size: 1.8em;
    color: black;
    min-width: 110px;
    text-align: center;
    line-height: 60px;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 10px;
	font-weight: bold;
}
.yd-content6-div a{
    font-size: 1.8em;
    padding: 5px 10px;
    flex: 0 0 auto;
    margin-right: 1em;
    color: black;
	border-radius: 15px;
}
.yd-content6-div p{
    display: flex;
    overflow-x: scroll;
}
.yd-content6-div1 span{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 span{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a1{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a2{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a3{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a4{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a5{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div1 .yd-content6-a6{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a1{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a2{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a3{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a4{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a5{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div2 .yd-content6-a6{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6 .mySwiper4{
    padding: 10px;
    text-align: center;
    margin-top: 25px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: rgb(0 0 0 / 6%);
    padding-top: 20px;
}
.yd-content6 .mySwiper4 span{
    font-size: 1.6em;
    color: #044383;
/*    background-color: #5abdee;*/
    padding: 5px 10px;
    margin-top: 15px;
    display: inline-block;
}
.yd-content6 .mySwiper5 .swiper-slide{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}
.yd-content6 .mySwiper5 .swiper-slide>div{
    border-radius: 30px;
    padding: 20px;
    width: 85%;
}
.yd-content6 .mySwiper5 .swiper-slide div div{
    font-size: 2em;
    font-weight: bold;
}
.yd-content6 .mySwiper5 .swiper-slide div p{
    font-size: 1.6em;
    font-weight: bold;
    margin: 10px 0;
}
.yd-content6 .mySwiper5 .swiper-slide div a{
    font-size: 1.8em;
    color: white;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    padding-right: 15px;
}
.yd-content6-div11{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div11 div{
    color: #0661a6;
}
.yd-content6-div11 a{
    background-color: #0661a6;
}
.yd-content6-div12{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content6-div12 div{
    color: #dd6504;
}
.yd-content6-div12 a{
    background-color: #dd6504;
}

/* content7 */
.yd-content7{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content7-flex{
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
}
.yd-content7-flex>div{
    width: 47%;
}
.yd-content7-left{
    border-radius: 30px;
    background-color: rgb(0 0 0 / 6%);
    padding: 20px 10px;
    position: relative;
}
.yd-content7-left div{
    color: #22941c;
    font-size: 1.9em;
    font-weight: bold;
}
.yd-content7-left ul{
    margin: 20px 0 40px 10px;
    position: relative;
    z-index: 2;
}
.yd-content7-left ul li{
    margin-bottom: 10px;
    font-size: 1.6em;
}
.yd-content7-left a{
    font-size: 1.8em;
    color: white;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    padding-right: 15px;
    margin-left: 10px;
    background-color: #22941c;
    position: relative;
    z-index: 2;
}
.yd-content7-left img{
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
.yd-content7-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.yd-content7-right>div{
    border-radius: 30px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yd-content7-right div p{
    font-size: 1.8em;
    font-weight: bold;
    margin: 10px 0 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: -3px;
}
.yd-content7-right div span{
    font-size: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: -1px;
}
.yd-content7-div1{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content7-div1 p{
    color: #0661a6;
}
.yd-content7-div2{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content7-div2 p{
    color: #dd6504;
}
.yd-content7-div3{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content7-div3 p{
    color: #975e38;
}

.yd-content7 .mySwiper6{
    margin-top: 20px;
    padding-bottom: 15px;
}
.yd-content7 .mySwiper6 .swiper-slide{
    display: flex;
    padding: 15px 0;
    align-items: center;
    justify-content: space-around;
    background-color: rgb(0 0 0 / 6%);
    border-radius: 30px;
}
.yd-content7 .mySwiper6 .swiper-slide p{
    font-size: 1.8em;
    color: #0661a6;
    margin-bottom: 10px;
}
.yd-content7 .mySwiper6 .swiper-slide span{
    font-size: 1.5em;
}
.yd-content7 .mySwiper6 .swiper-slide div{
    margin-left: 15px;
}
.yd-content7 .mySwiper6 .swiper-slide img{
    margin-right: 15px;
}

/* content8 */
.yd-content8{
    background-color: white;
    width: 95%;
    margin: 30px auto 0;
    padding: 30px 0;
}
.yd-content8 .yd-title {
    margin-left: 10px;
}
.yd-content8 .mySwiper10{
    padding: 10px;
    text-align: center;
    margin-top: 25px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: rgb(0 0 0 / 6%);
    padding-top: 20px;
}
.yd-content8 .mySwiper10 .swiper-slide{
    font-size: 1.6em;
    text-align: center;
}
.yd-content8 .mySwiper10 .swiper-slide-thumb-active{
    color: #5abdee !important;
}
.yd-content8 .mySwiper10 img{
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.yd-content8 .swiperb{
    padding: 10px;
    text-align: center;
    margin-top: 25px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #5abdee;
    padding-top: 20px;
}
.yd-content8 .swiperb img{
    display: block;
    margin: auto;
    margin-bottom: 10px;
    width: 103px;
    height: 103px;
}
.yd-content8 .swiperb .swiper-slide{
    font-size: 1.6em;
    text-align: center;
    color: white;
}
.yd-content8 .swiperb .swiper-slide-thumb-active{
    color: #000 !important;
}
.yd-content8-div1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 20px auto;
}
.yd-content8-div1 div{
    margin-left: 40px;
}
.yd-content8-div1 div span{
    display: inline-block;
    font-size: 2em;
    color: #5abdee;
    border-bottom: 2px solid #5abdee;
    padding-bottom: 10px;
}
.yd-content8-div1 div p{
    margin-top: 20px;
    font-size: 1.6em;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}
.yd-content8-div1 div p a{
    color: red;
    font-size: 1em;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 10;
    text-indent: 10px;
}
.yd-content8-div2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: auto;
}
.yd-content8-div2 img{
    width: 31%;
}

/* content9 */
.yd-content9{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content9-div{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
}
.yd-content9-div p{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    z-index: 4;
    margin-left: 15px;
    text-align: justify;
    font-size: 1.6em;
    line-height: 1.5em;
    text-indent: 2em;
}
.yd-content9-div p a{
    font-size: 1em;
    color: #5abdee;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 10;
    text-indent: 10px;
}
.yd-content9 .mySwiper3{
    margin-top: 20px;
    padding-bottom: 10px;
}
.yd-content9 .mySwiper3 .swiper-slide{
    position: relative;
    margin-right: 20px !important;
}
.yd-content9 .mySwiper3 .swiper-slide img{
    width: 100%;
}
.yd-content9 .mySwiper3 .swiper-slide p{
    position: absolute;
    color: white;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 1.5em;
    line-height: 45px;
}


/* content10 */
.yd-content10{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content10 .mySwiper7 .swiper-slide{
    font-size: 1.8em;
    text-align: center;
    line-height: 55px;
    margin-top: 20px;
    color: black;
	font-weight: bold;
	border-radius: 15px;
}
.yd-content10-div1{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content10-div2{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content10-div3{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content10-div4{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content10-div5{
    background-color: rgb(0 0 0 / 6%);
}
.yd-content10 .mySwiper8 .swiper-slide{
    margin-top: 20px;
}
.yd-content10 .mySwiper8 .swiper-slide div{
    display: flex;
    justify-content: space-around;
}
.yd-content10 .mySwiper8 .swiper-slide ul{
    margin-top: 20px;
}
.yd-content10 .mySwiper8 .swiper-slide ul li{
    background-color: rgb(0 0 0 / 6%);
    padding: 0 15px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.yd-content10 .mySwiper8 .swiper-slide ul li a{
    font-size: 1.8em;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yd-content10 .mySwiper8 .swiper-slide ul li span{
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 20px;
    min-width: 125px;
}
.yd-content10 .mySwiper8 .swiper-slide ul li span img{
    width: 35px;
    margin-right: 15px;
}

/* content11 */
.yd-content11{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}

.yd-list{
    margin-top: 20px;
    display: block;
}
.yd-list img{
    width: 100%;
}
.yd-list p{
    background-color: rgb(0 0 0 / 6%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 30px;
    line-height: 50px;
    border-radius: 15px;
}
.yd-list p span{
    display: flex;
    align-items: center;
    font-size: 1.6em;
}
.yd-list p span img{
    margin-right: 15px;
    height: 35px;
    width: auto;
}

/* content12 */
.yd-content12{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content12 .mySwiper9{
    margin-top: 20px;
    padding-bottom: 10px;
}
.yd-content12 .mySwiper9 a{
    display: block;
    position: relative;
    z-index: 5;
    border-radius: 25px;
    overflow: hidden;
}
.yd-content12 .mySwiper9 a img{
    width: 100%;
    display: block;
}
.yd-content12 .mySwiper9 a div{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
}
.yd-content12 .mySwiper9 a div img{
    width: 65px;
}

/* content13 */
.yd-content13{
    color: white;
    font-size: 2.2em;
    text-align: center;
    background-color: #5abdee;
    line-height: 80px;
    margin-top: 30px;
    font-weight: bold;
    letter-spacing: 6px;
}

footer{
    margin-top: 30px;
}
footer>img{
    width: 100%;
}
footer>div{
    display: flex;
    padding: 20px 50px;
    background-color: #5abdee;
}
footer>div img{
    margin-right: 30px;
}
footer div div{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: white;
}
footer div div p{
    display: flex;
    align-items: center;
    font-size: 1.6em;
}
footer div div img{
    margin-right: 20px;
}
footer div div p a{
    font-size: 1em;
}


/* 列表 */
.yd-nav{
    background: #21a1e2;
    line-height: 60px;
    color: white;
    font-size: 1.6em;
    padding: 0 2.5%;
}
.yd-nav a{
    color: white;
    font-size: 1em;
}
.yd-listcontent {
    margin: 0 auto 30px;
    width: 95%;
    background-color: white;
    padding-bottom: 20px;
}
.yd-listcontent .yd-list>a:nth-child(1) {
    color: #0193e0 !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    font-size: 2em;
    margin-left: 10px;
}
.yd-listcontent .yd-list{
    width: 100%;
    padding: 10px 0 5px;
    margin-top: 5px;
    border-bottom: #a0a0a0 1px dashed;
}
.yd-list-div{
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}
.yd-list-div1{
    width: 34%;
    max-height: 150px;
    overflow: hidden;
    margin-left: 10px;
}
.yd-list-div img{
    width: 100%;
}
.yd-list-div2{
    width: 60.5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
    word-wrap:break-word;
    color: #000;
    font-size: 1.6em;
    margin-right: 10px;
}
.yd-list-div3{
    display: flex;
    align-items: center;
    margin-top: 5px;
    color: #9f9f9f;
    font-size: 1.6em;
    margin-left: 10px;
}
.yd-list-div3 span {
    width: 1.6em;
    height: 1.6em;
    margin-left: 20px;
    margin-right: 10px;
}
.yd-list-div3 .yd-list-span1 {
    background: url(../images/name.webp) no-repeat;
    background-size: 100%;
    margin-left: 0px;
}
.yd-list-div3 .yd-list-span2 {
    background: url(../images/time.webp) no-repeat;
    background-size: 100%;
}
.yd-list-div3 .yd-list-span3 {
    background: url(../images/eye.webp) no-repeat;
    background-size: 100%;
}

.page{
    text-align: center;
    margin-top: 20px;
}
.page *{
    border-radius: 4px;
    display: inline-block;
    padding: 1px 5px;
    margin: 0 5px;
    font-size: 1.6em;
}

/* 列表头 */
.yd-list-top{
    background-color: white;
    width: 93%;
    margin: 30px auto;
    padding: 30px 1%;
}
.yd-list-top h1{
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 20px;
}
.yd-list-top h1 span{
    font-size: 0.9em;
    font-weight: normal;
}
.yd-list-top h1 text{
    color: #1c7fc9;
}
/* 女性 */
.yd-nvxing .mySwiper3{
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.yd-nvxing .mySwiper3 .swiper-slide{
    border-radius: 20px;
    overflow: hidden;
}
.yd-nvxing .mySwiper3 .swiper-slide img{
    width: 100%;
}
.yd-nvxing .mySwiper3 .swiper-slide p{
    background-color: #1c7fc9;
    color: white;
    text-align: center;
    font-size: 1.6em;
    margin-top: -3px;
}
.yd-nvdiv{
    border-radius: 25px;
    background-color: rgb(240, 247, 255);
    border: 1px solid #1c7fc9;
    padding: 20px;
    line-height: 45px;
    text-align: justify;
}

/* 男性 */
.yd-nanx{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.yd-nanx>div{
    background-color: rgba( 217, 231, 248, 0.38);
    margin-bottom: 20px;
    border: 1px solid #1c7fc9;
    border-radius: 12px;
    width: 44%;
    padding: 15px;
}
.yd-nanx div div{
    display: flex;
    align-items: center;
    font-size: 2em;
    color: #000;
}
.yd-nanx div div span{
    width: 42px;
    height: 40px;
    margin-right: 10px;
}
.yd-nanx div p{
    font-size: 1.4em;
    line-height: 35px;
    margin-top: 15px;
    text-align: justify;
}
.yd-nanx div div .yd-nanx1{
    background: url(../images/lbnan1.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-nanx div div .yd-nanx2{
    background: url(../images/lbnan2.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-nanx div div .yd-nanx3{
    background: url(../images/lbnan3.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-nanx div div .yd-nanx4{
    background: url(../images/lbnan4.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}

/* 青少年 */
.yd-qsn>img{
    width: 100%;
}
.yd-qsn-div1{
    display: flex;
    border: 1px solid #1c7fc9;
    border-radius: 25px;
    background-color: #f0f7ff;
    padding: 15px;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.yd-qsn-div1 img{
    margin-right: 10px;
}
.yd-qsn-div1 p{
    font-size: 1em;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word;
}
.yd-qsn-div1 p span{
    font-size: 1.1em;
    color: #1c7fc9;
}
.yd-qsn-tab{
    display: flex;
    justify-content: space-around;
}
.yd-qsn-tab a{
    width: 22%;
    text-align: center;
    font-size: 1.6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.yd-qsn-tab a span{
    text-align: center;
    display: block;
    font-size: 0.7em;
}
.yd-qsn-tab1{
    color: #005ca5;
    background-color: #b6defe;
}
.yd-qsn-tab2{
    color: #23951b;
    background-color: #d3f1da;
}
.yd-qsn-tab3{
    color: #d85f04;
    background-color: #f9e4b0;
}
.yd-qsn-tab4{
    color: #905e3e;
    background-color: #edd0be;
}
.yd-qsn-item{
    display: none;
    margin-top: 20px;
}
.yd-qsn-item img{
    width: 100%;
}

/* 肢端 */
.yd-ziduan-div1{
    display: flex;
    justify-content: space-between;
}
.yd-ziduan-div1 div{
    width: 48%;
    border-radius: 20px;
    overflow: hidden;
}
.yd-ziduan-div1 div img{
    width: 100%;
}
.yd-ziduan-div1 div p{
    font-size: 1.6em;
    text-align: center;
    background-color: #e4f0ff;
    line-height: 50px;
    margin-top: -4px;
}
.yd-ziduan>p{
    margin-top: 20px;
    text-align: justify;
    line-height: 55px;
    margin-bottom: 20px;
}
.yd-ziduan-div2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yd-ziduan-img{
    width: 40%;
}
.yd-ziduan-img img{
    display: block;
    margin-bottom: 30px;
}
.yd-ziduan-div3{
    width: 53%;
    background-color: #EEF6FF;
    padding: 15px 25px;
    border-radius: 15px;
}
.yd-ziduan-div3 p{
    background: url(../images/lbzdy.webp) no-repeat no-repeat;
    background-size: 30px 30px;
    padding-left: 35px;
    background-position: 0 4px;
    text-align: justify;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.yd-ziduan-div3 p span{
    color: #1c7fc9;
    font-weight: bold;
    font-size: 1.1em;
}

/* 危害 */
.yd-weihai>p{
    text-align: center;
    margin-bottom: 15px;
    margin-top: 25px;
}
.yd-weihai-div{
    display: flex;
    justify-content: space-between;
}
.yd-weihai-div div{
    width: 48%;
    border-radius: 20px;
    overflow: hidden;
}
.yd-weihai-div div p{
    font-size: 1.6em;
    text-align: center;
    background-color: #e4f0ff;
    line-height: 50px;
    margin-top: -4px;
}
.yd-weihai-div div span{
    display: flex;
    align-items: center;
    height: 291px;
    padding: 0 20px;
    font-size: 1.6em;
    line-height: 40px;
    color: white;
}
.yd-weihai-span1{
    background: url(../images/lbwh1.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-span2{
    background: url(../images/lbwh2.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-span3{
    background: url(../images/lbwh3.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-span4{
    background: url(../images/lbwh4.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-span5{
    background: url(../images/lbwh5.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-span6{
    background: url(../images/lbwh6.webp) no-repeat no-repeat;
    background-size: 100% 100%;
}
.yd-weihai-div div span text{
    font-size: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-align: justify;
    word-wrap: break-word;
}

/* 胸部 */
.yd-xiongbu-div1{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.yd-xiongbu-div1 div{
    width: 32%;
    text-align: center;
    border-radius: 20px;
}
.yd-xiongbu-div1 div span{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 3em;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    margin-top: -50px;
    margin-bottom: 20px;
}
.yd-xiongbu-div1 div p text{
    display: block;
    margin: auto;
    text-align: center;
    font-size: 1.1em;
}
.yd-xiongbu-div1 div p{
    text-align: center;
    padding: 0 10px 15px;
    font-size: 1.6em;
}
.yd-xiongbu-div1-div1{
    background-color: #e4f0ff;
}
.yd-xiongbu-div1-div1 span{
    background-color: #b6deff;
    color: #07589f;
}
.yd-xiongbu-div1-div2{
    background-color: #e8ffed;
}
.yd-xiongbu-div1-div2 span{
    background-color: #d4f0da;
    color: #22951b;
}
.yd-xiongbu-div1-div3{
    background-color: #ffece0;
}
.yd-xiongbu-div1-div3 span{
    background-color: #ebd0bd;
    color: #93603e;
}


.yd-xiongbu>p{
    margin-top: 20px;
    text-align: justify;
    line-height: 55px;
    margin-bottom: 20px;
}
.yd-xiongbu-div2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yd-xiongbu-img{
    width: 40%;
}
.yd-xiongbu-img img{
    display: block;
}
.yd-xiongbu-div3{
    width: 53%;
    background-color: #EEF6FF;
    padding: 15px 25px;
    border-radius: 15px;
}
.yd-xiongbu-div3 p{
    background: url(../images/lbxby.webp) no-repeat no-repeat;
    background-size: 30px 30px;
    padding-left: 35px;
    background-position: 0 4px;
    text-align: justify;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.yd-xiongbu-div3 p span{
    color: #1c7fc9;
    font-weight: bold;
    font-size: 1.1em;
}

/* 病因 */
.yd-bingying .mySwiper24 .swiper-slide{
    border-radius: 50%;
    text-align: center;
    background-color: #b5ddff;
    height: 131px;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yd-bingying .mySwiper24 .swiper-slide-thumb-active{
    background-color: #53acf7;
    color: white;
}
.yd-bingying .mySwiper25 .swiper-slide{
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.yd-bingying .mySwiper25 .swiper-slide img{
    margin-right: 30px;
}
.yd-bingying .mySwiper25 .swiper-slide p{
    font-size: 1.8em;
    text-align: justify;
}

.yd-bingying .mySwiper26{
    padding-bottom: 25px;
}
.yd-bingying .mySwiper26 .swiper-slide{
    border-radius: 20px;
    padding: 20px 0;
    text-align: center;
    position: relative;
}
.yd-bingying .mySwiper26 .swiper-slide div{
    margin: 0 20px;
    border-radius: 15px;
    line-height: 55px;
    font-size: 1.8em;
    color: white;
    margin-bottom: 20px;
}
.yd-bingying .mySwiper26 .swiper-slide p{
    background-color: #ffffff;
    display: flex;
    align-items: center;
    text-align: justify;
    margin: 20px;
    font-size: 1.6em;
    padding: 0 20px;
    border-radius: 15px;
    height: 130px;
}
.yd-bingying .mySwiper26 .swiper-slide span{
    color: white;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.yd-bingying .yd-by1{
    background-color: #b5ddff;
}
.yd-bingying .yd-by1 div, .yd-bingying .yd-by1 span{
    background-color: #53acf7;
}
.yd-bingying .yd-by2{
    background-color: #ffe5b4;
}
.yd-bingying .yd-by2 div, .yd-bingying .yd-by2 span{
    background-color: #f5bd54;
}
.yd-bingying .yd-by3{
    background-color: #72c88b;
}
.yd-bingying .yd-by3 div, .yd-bingying .yd-by3 span{
    background-color: #32b16e;
}
.yd-bingying .yd-by4{
    background-color: #c0acff;
}
.yd-bingying .yd-by4 div, .yd-bingying .yd-by4 span{
    background-color: #8c79c8;
}
.yd-bingying .yd-by5{
    background-color: #f8a571;
}
.yd-bingying .yd-by5 div, .yd-bingying .yd-by5 span{
    background-color: #f26e1c;
}
.yd-bingying .yd-by6{
    background-color: #f7caaa;
}
.yd-bingying .yd-by6 div, .yd-bingying .yd-by6 span{
    background-color: #d4a07b;
}
.yd-bingying .yd-by7{
    background-color: #ffce59;
}
.yd-bingying .yd-by7 div, .yd-bingying .yd-by7 span{
    background-color: #f3b115;
}

/* 病因 */
.yd-zhengzhuang .yd-zz .swiper-slide{
    text-align: center;
    background-color: #b5ddff;
    font-size: 1.6em;
    line-height: 40px;
    margin-bottom: 30px;
}
.yd-zhengzhuang .yd-zz .swiper-slide-thumb-active{
    background-color: #53acf7;
    color: white;
}
.yd-zhengzhuang .yd-zzb .swiper-slide{
    margin-bottom: 20px;
}
.yd-zhengzhuang .yd-zzb .swiper-slide img{
    width: 100%;
}
.yd-zhengzhuang .yd-zzb .swiper-slide div{
    background-color: #53acf7;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    color: white;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 120px;
}
.yd-zhengzhuang .yd-zzb .swiper-slide div p{
    font-size: 1.6em;
}
.yd-zhengzhuang .yd-zzb .swiper-slide div p span{
    color: #FFD012;
    font-size: 1.3em;
}

/* 治疗 */
.yd-zl1{
    display: flex;
    justify-content: space-between;
}
.yd-zl1 div{
    width: 24%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    font-size: 1.8em;
}
.yd-zl1-div1{
    background-color: #d2efd9;
    color: #22941b;
}
.yd-zl1-div2{
    background-color: #b5ddff;
    color: #0562a7;
}
.yd-zl1-div3{
    background-color: #f9e4af;
    color: #dd6506;
}
.yd-zl1-div4{
    background-color: #ebcebc;
    color: #936033;
}
.yd-zl2{
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    background-color: #b5ddff;
    border-radius: 20px;
    padding: 20px;
    align-items: center;
    margin-bottom: 20px;
}
.yd-zl2 p{
    margin-left: 15px;
    text-align: justify;
}

.yd-zhiliao .mySwiperzl1 .swiper-slide{
    text-align: center;
    background-color: #b5ddff;
    font-size: 1.6em;
    line-height: 40px;
}
.yd-zhiliao .mySwiperzl1 .swiper-slide-thumb-active{
    background-color: #53acf7;
    color: white;
}
.yd-zhiliao .mySwiperzl2 ul{
    padding-left: 40px;
    margin-top: 20px;
}
.yd-zhiliao .mySwiperzl2 ul li{
    font-size: 1.6em;
    list-style-type: disc;
    margin-top: 5px;
}
.yd-zhiliao .mySwiperzl2 ul ul li{
    list-style-type: circle;
}
.yd-zhiliao .mySwiperzl2 ul li span{
    color: #1c7fc9;
    font-size: 1em;
}
.yd-zl3{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.yd-zl3 div{
    width: 32%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.yd-zl3 div img{
    width: 100%;
}
.yd-zl3 div p{
    font-size: 1.4em;
    background-color: #b5ddff;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.yd-zhiliao .mySwiperzl2 .swiper-slide>p{
    font-size: 1.6em;
    margin-top: 20px;
    line-height: 40px;
}

/* 背部 */
.yd-beibu h1{
    color: white;
    background-color: #53acf7;
    border-radius: 30px;
    line-height: 70px;
    width: 90%;
    margin: 0 auto 20px;
}
.yd-beibu .mySwiperbb1 .swiper-slide{
    text-align: center;
    background-color: #b5ddff;
    font-size: 1.6em;
    line-height: 40px;
}
.yd-beibu .mySwiperbb1 .swiper-slide-thumb-active{
    background-color: #53acf7;
    color: white;
}
.yd-bb1{
    display: flex;
    justify-content: space-around;
}
.yd-bb1 div{
    background-color: #f1f9ff;
    width: 28%;
    font-size: 1.6em;
    margin-top: 20px;
    padding: 15px 10px;
}
.yd-bb1 div span{
    font-size: 1.2em;
    font-weight: bold;
    color: #054380;
}
.yd-bb1 div p{
    font-size: 1em;
    margin-top: 10px;
    line-height: 40px;
}
.yd-bb2{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}
.yd-bb3{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}
.yd-bb3 div{
    width: 31%;
    position: relative;
}
.yd-bb3 div img{
    width: 100%;
}
.yd-bb3 div p{
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: #b5ddff;
    line-height: 40px;
    font-size: 1.6em;
    width: 100%;
}
.yd-beibu>a{
    display: block;
    width: 85%;
    margin: 20px auto 0;
    color: #dd6504;
    background-color: #f9e4af;
    text-align: center;
    line-height: 70px;
    font-size: 1.8em;
    font-weight: bold;
}

/* 儿童 */
.yd-et-tab{
    display: flex;
    justify-content: space-between;
}
.yd-et-tab a{
    width: 25%;
    color: white;
    background-color: #1d7fca;
    font-size: 1.6em;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yd-et-tab a span{
    font-size: 1em;
}
.yd-et-item{
    display: none;
    margin-top: 20px;
}
.yd-et-item img{
    width: 100%;
}
.yd-etdiv{
    border-radius: 25px;
    background-color: rgb(240, 247, 255);
    border: 1px solid #1c7fc9;
    padding: 20px;
    line-height: 45px;
    text-align: justify;
    margin-top: 20px;
}

/* 面部 */
.yd-mianbu .mySwiper3{
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.yd-mianbu .mySwiper3 .swiper-slide{
    border-radius: 20px;
    overflow: hidden;
}
.yd-mianbu .mySwiper3 .swiper-slide img{
    width: 100%;
}
.yd-mianbu .mySwiper3 .swiper-slide p{
    background-color: #1c7fc9;
    color: white;
    text-align: center;
    font-size: 1.6em;
    margin-top: -3px;
}
.yd-mbdiv{
    border-radius: 25px;
    background-color: rgb(240, 247, 255);
    border: 1px solid #1c7fc9;
    padding: 20px;
    line-height: 45px;
    text-align: justify;
}



.fixnav-nav-total {
	transition: 1s;
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0;
	bottom: 0;
	left: -200%;
	right: 0;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
    max-width: 750px;
}

.fixnav-nav-total.on {
	left: 0;
}

.fixnav-nav-title1 {
	width: 80%;
	background: #2e3642;
	line-height: 0;
}
.fixnav-nav-title1 img{
    width: 100%;
}

.fixnav_nav {
	background: #459dff;
	font-size: 28px;
	display: flex;
	position: absolute;
	height: 100%;
	width: 80%;
	left: 0;
}

.fixnav_nav .list-left {
	width: 40%;
	color: #fff;
}

.fixnav_nav .list-left ol {
	margin-top: 40px;
}

.fixnav_nav .list-left ol li {
	width: 100%;
	text-align: center;
	line-height: 60px;
}
.fixnav_nav .list-left ol li p{
    font-size: 20px;
}

.fixnav_nav .list-left ol li.on {
	background: #edf6ff;
	color: #459eff;
}

.fixnav_nav .list-right {
	width: 60%;
	background: #edf6ff;
	color: #459eff;
	position: relative;
	max-height: 95% !important;
	overflow: auto !important;
}

.fixnav_nav .list-right ul {
	max-height: 95% !important;
	overflow: auto !important;
	padding-top: 0.55rem;
	padding-bottom: 1.5625rem;
}

.fixnav_nav .list-right ul li {
	width: 50%;
	text-align: center;
	float: left;
	line-height: 60px;
	height: 60px;
}

.fixnav_hide {
	width: 20%;
	height: 100%;
	background: #000;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.75;
}

.fixnav_hide em {
	width: 50%;
	display: block;
	position: absolute;
	left: 20%;
	top: 50%;
}
.fixnav_hide em img{
    width: 100%;
}





.fixexbtm {
	position: fixed;
	bottom: 0;
	background-size: 100%;
	width: 100%;
	z-index: 9999;
    max-width: 750px;
}

.fixexbtm ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fixexbtm ul li {
	width: 20%;
	margin-top: 20px;
	position: relative;
    text-align: center;
    background-color: white;
}
.fixexbtm ul li img{
    display: block;
    margin: auto;
    width: 40px;
}

.fixexbtm ul li:nth-child(3) {
	margin-top: 0;
	border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.fixexbtm ul li:nth-child(3) span {
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    background-color: #2CCE00;
	-webkit-box-shadow: 0 0 30px rgba(0, 153, 0, 1);
	box-shadow: 0 0 30px rgba(0, 153, 0, 1);
	-webkit-animation: sonarEffect 1.5s ease-out 1s infinite;
	animation: 1.5s ease-out 1s normal none infinite running sonarEffect;
    position: relative;
    z-index: 5;
	margin-bottom: 10px;
}

@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}

	40% {
		-webkit-shadow: 0 0 0 1px rgba(0, 153, 0, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		box-shadow: 0 0 0 1px rgba(0, 153, 0, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		opacity: 0.5;
	}

	100% {
		-webkit-shadow: 0 0 0 1px rgba(0, 153, 0, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		box-shadow: 0 0 0 1px rgba(0, 153, 0, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		opacity: 0.3;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}

	40% {
		-webkit-shadow: 0 0 0 1px rgba(51, 153, 51, 1, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		box-shadow: 0 0 0 1px rgba(51, 153, 51, 1, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		opacity: 0.5;
	}

	100% {
		-webkit-shadow: 0 0 0 1px rgba(51, 153, 51, 1, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		box-shadow: 0 0 0 1px rgba(51, 153, 51, 1, 0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(51, 153, 51, 1, 0.5);
		opacity: 0.3;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

.fixexbtm ul li a {
    display: block;
    padding: 10px 0;
    font-size: 24px;
}

.new_foot {
    width: 100%;
    background: url(../images/new_foot2.webp) no-repeat;
    background-size: 100%;
    clear: both;
    margin-bottom: 90px;
}
.new_foot1 {
    width: 100%;
    /*margin-left: 3%;*/
    background: url(../images/new_foot1.webp) no-repeat;
    background-size: 100%;
    position: relative;
    top: 5px;
    padding-top: 37%;
}
.new_foot p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6em;
    position: absolute;
    /*left: 50%;*/
    color: white;
    width: 85%;
    /*margin-left: -150px;*/
    padding: 2% 2% 2% 12%;
}
.new_foot_1 {
    top: 5%;
    border-bottom: white 1px solid;
    padding-bottom: 2%;
}
.new_foot_2 {
    top: 35%;
}
.new_foot_3 {
    top: 55%;
}
.new_foot1 span {
    display: inline-block;
    width: 28px;
    height: 31px;
    background: url(../images/new_foot3.webp) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 3%;
}
.new_foot_2 span {
    background: url(../images/new_foot4.webp) no-repeat;
    background-size: 100%;
}
.new_foot_3 span {
    background: url(../images/new_foot5.webp) no-repeat;
    background-size: 100%;
}
.new_foot_3 a{
    font-size: 1em;
}
.new_foot_active {
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.new_foot_active span, .new_foot_active2 span {
    display: inline-block;
    width: 15px;
    height: 25px;
    margin-right: 1px;
    background-color: white;
}
.new_foot_active2 {
    position: absolute;
    bottom: 5%;
    right: 7%;
}


.bubble{
    position:absolute;
    left:50%;
    bottom:100%;          /* 紧贴 #box 上方 */
    margin-bottom:8px;
    padding:6px 12px;
/*    background:rgba(0,0,0,.75);*/
	background:rgb(121 121 121 / 75%);
    color:#fff;
    border-radius:12px;
    font-size: 24px;
    white-space:nowrap;
    transform:translateX(-50%) translateY(0);
    opacity:1;
    transition:transform .35s ease-out, opacity .35s ease-out;
}
.bubble.out{
    transform:translateX(-50%) translateY(-30px); /* 向上飘走 */
    opacity:0;
}

.yd-content14{
    background-color: white;
    width: 93%;
    margin: 30px auto 0;
    padding: 30px 1%;
}
.yd-content14-div{
    margin: 20px auto;
    box-shadow: 0px 0px 10px rgba(17, 208, 234, 0.2);
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding-top: 10px;
    justify-content: space-between;
}
.yd-content14-div img{
    width: 20%;
    margin-left: 10px;
}
.yd-content14-div1{
    width: 70%;
}
.yd-content14-top{
    display: flex;
    color: #11d0ea;
    font-size: 20px;
    font-weight: bold;
    justify-content: space-between;
    font-style: oblique;
    font-size: 2em;
}
.yd-content14-top a{
    color: rgb(206, 206, 206);
    font-style: normal;
    margin-right: 10px;
    font-size: 0.9em;
}
.yd-content14-div2{
    margin-top: 10px;
    font-size: 1.6em;
}
.yd-content14-div3{
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.yd-content14-div3 div{
    position: relative;
}
.yd-content14-div3-l{
    width: 32%;
}
.yd-content14-div3-l .yd-content14-div3-pa{
    position: absolute;
    top: 15%;
    width: 100%;
}
.yd-content14-div3-r .yd-content14-div3-pa{
    position: absolute;
    top: 20px;
    left: 15%;
}
.yd-content14-div3-pa_top{
    font-size: 2em;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.yd-content14-div3-pa_bom{
    color: white;
    text-align: center;
    margin-top: 5px;
    font-size: 1.6em;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.yd-content14-div3-r{
    width: 64%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.yd-content14-div3 img{
    width: 100%;
    box-shadow: 0px 0px 10px rgba(17, 208, 234, 0.2);
}
.yd-content14-div5{
    margin: auto;
    display: flex;
    text-align: center;
    justify-content: space-around;
}
.yd-content14-div5 img{
    width: 100%;
}
.yd-content14-div5 a{
      width: 21%;
}
.yd-content14-div6 div{
    background: url(../images/xjbeijing.webp) no-repeat no-repeat;
    background-size: 100% 100%;
    margin-top: -7px;
    color: white;
    line-height: 40px;
    width: 100%;
    margin-left: 0.5px;
    font-size: 1.6em;
}
.yd-content14-div7{
    text-align: center;
    position: relative;
    margin: 20px auto;
}
.yd-content14-div7 img{
    width: 100%;
}
.yd-content14-div71{
    font-size: 15px;
    font-weight: bold;
    color: white;
    width: 90%;
    letter-spacing: 3px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 18%;
    left: 50%;
    margin-left: -45%;
    text-shadow: black 2px 0px 2px;
    font-style: oblique;
    font-size: 1.8em;
}
.yd-content14-div71 div{
    font-size: 1em;
}
.yd-content14-div7_button{
    position: absolute;
    top: 53%;
    left: 50%;
    margin-left: -100px!important;
    width: 200px!important;
    background-color: #3eb6df;
    padding: 0;
    font-weight: normal;
    border-radius: 10px;
}
.yd-content14-div7_button a{
    color: white;
    font-size: 1.6em;
    line-height: 40px;
}