*{

    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;

}


/*  */
.fixexbtm {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    max-width: 100vw !important; /* 不超过视口宽度 */
    box-sizing: border-box;
}

/* 防止 transform 产生的闪烁 */
.fixexbtm {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* 确保 wrapper 能正常包裹内容 */
#auto-scale-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
}

/* body 基础重置（防止滚动条问题） */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* 确保图片不溢出 */
#auto-scale-wrapper img {
    max-width: 100%;
    height: auto;
}
.swiper1 img{
    width: 100% !important;
}
.fixexbtm{
    max-width: none !important;
}