/*Css Document By:millia At 2024-07-17 11:03:11 */
@import url("https://www.jiaodong.net/inc/millia/millia.css");
@import url("https://www.jiaodong.net/inc/millia/swiper3.4.2.css");
#millia{height:100vh;overflow:hidden;background:linear-gradient(to bottom,#c9f5fa,#3eb8f3);}
.page,.contentPage,.contentPageImg{width:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.page:nth-child(1){background:url(bg01.jpg) no-repeat left bottom;background-size:100% 100%;padding:0 30vw 0 20vw;align-items:flex-end !important;}
.page:nth-child(2){background:url(bg02.jpg) no-repeat left bottom;background-size:100% 100%;padding:0 10vw;flex-direction:column;}
.page:nth-child(3){background:url(bg03.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;padding:0 10vw;justify-content:flex-start !important;}
.page:nth-child(4){background:url(bg04.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;padding:0 10vw;justify-content:flex-start !important;}
.page:nth-child(5){background:url(bg05.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;padding:0 10vw;justify-content:flex-start !important;}
.page:nth-child(6){background:url(bg06.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;padding:0 10vw 0 32vw;justify-content:flex-start !important;position:relative;}
.page:nth-child(6):before{content:"";display:block;position: absolute;left:2vw;top:30vh;width:100%;height:50vh;background:url(sp_01.png) no-repeat left top;background-size:auto 100%;}
.page:nth-child(7){background:url(bg07.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;padding:0 10vw;justify-content:flex-start !important;}
.page:nth-child(8){background:url(bg08.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;justify-content:flex-start !important;padding:0 10vw;}
.page:nth-child(9){background:url(bg09.jpg) no-repeat left bottom;background-size:100% 100%;flex-direction:column;justify-content:flex-start !important;padding:0 15vw 0 10vw;position:relative;}


.hot a,.focusImg a{color:#fff;}
.hot a:hover,.focusImg a:hover,.focusHot a:hover,.vodSix  a:hover{text-decoration:none;}

.focusImg .swiper-slide span,.ls01 li,.vodSix li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.eightColum li img,.introImg img,.peoplePhone img,.threeColum li img,.vodOne img,.SwitchBox .swiper-slide img{width:100%;height:100%;}


.indexImg{height:60vh;width:auto;display:block;margin-bottom:13vh;}

.hot{width:68vw;color:#fff;font-size:1.4vh;line-height:2.6vh;display:flex;align-items:center;justify-content:space-between;padding-bottom:4vh;}
.hot .hotImg{height:13vh;width:auto;margin-right:2vw;}
.hot p{flex:1;}
.hot p b{font-size:3vh;line-height:4.6vh;font-weight:bold;padding-bottom:1vh;display:block;}

.focusBox{display:flex;justify-content:space-between;align-items:stretch;width:68vw;}
.focusImg{width:100vw;flex:1;}
.focusImg .swiper-slide{background:rgba(14,167,145,0.7);}
.focusImg .swiper-slide img{display:block;width:100%;height:auto;}
.focusImg .swiper-slide span{display:block;color:#fff;text-align:center;margin:0 4vw;padding:1vh 0;font-size:1.6vh;}
.focusImg .swiper-button-prev,.focusImg .swiper-button-next{top:auto;bottom:1vh;width:3vh;height:2vh;}
.focusTxt{background:linear-gradient(to bottom,rgba(181,245,249,1) 75%,rgba(181,245,249,0.5));padding:2vw 2vw 1vw 2vw;box-sizing:border-box;width:25vw;}
.focusHot{font-size:1.2vh;line-height:2.2vh;color:#666;}
.focusHot b{display:block;font-size:2vh;line-height:3.2vh;padding-bottom:1vh;}

.line01{height:1px;border:none;border-top:1px solid #7dd5e9;margin:18px 0 15px 0;float:none;display:block;}

.ls01{font-size:1.5vh;line-height:3.2vh;margin-bottom:2vh;}
.amore{display:inline-block;background:#0ea791;color:#fff;padding:1vh 2vh;font-size:1.4vh;}

.ht{padding-top:10vh;}
.ht img,.ht_span img{width:auto;height:10vh;display:block;margin:0 auto;}

.eightColum{display:flex;margin:4vh 0 0 -1vw;}
.eightColum li{width:22vh;overflow:hidden;margin:0 0 2vh 1vw;}


.introImg{position:absolute;left:-3.5vw;top:0;bottom:0;}

.peopleTxt{width:62vw;font-size:1.6vh;line-height:2.6vh;margin-right:4vw;display:flex;align-items:center;flex-wrap:wrap;}
.peopleTxt b{display:block;color:#08937b;font-size:3vh;line-height:4.2vh;padding-bottom:2vh;}
.peopleTxt .peopleImg{height:46vh;width:auto;margin-right:2vw;}
.peopleTxt p{flex:1;}
.peoplePhone{height:80vh;position:relative;padding:2vh;box-sizing:border-box;}
.peoplePhone:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(phone.png) no-repeat left top;background-size:100% 100%;}

.contentPage,.contentPageImg{width:100vw;box-sizing:border-box;padding:0 12vw 0 22vw;}
.contentPage .peopleTxt,.contentPageImg .peopleTxt{flex:1;}


.threeColum{display:flex;margin:4vh 0 0 -3vw;}
.threeColum li{width:26vh;margin:0 3vw;position:relative;}
.threeColum li:before{content:"";display:block;position:absolute;left:-1vw;top:15%;height:70%;width:100%;padding:0 1vw;background:#d6d6d6;}
.threeColum li img{position:relative;z-index:1;}

.vodList{display:flex;align-items:flex-start;justify-content:space-between;margin-top:4vh;width:90vw;position: relative;z-index:1;height:48vh;}
.vodOne{width:32vw;height:48vh;}
.vodOne a{display:block;position:relative;width:100%;height:100%;}
.vodOne a:after{content:"";display:block;width:6vh;height:6vh;background:url(play.png) no-repeat left top;background-size:100% 100%;position:absolute;left:50%;top:50%;margin:-3vh 0 0 -3vh;}
.vodSix{display:flex;flex-wrap:wrap;flex:1;}
.vodSix li{width:31.3%;height:23vh;overflow:hidden;margin:0 0 2% 2%;}
.vodSix li a{display:block;}
.vodSix li span{display:block;background:url(play.png) #6b6b6b no-repeat left top;background-size:auto 4vh;padding-left:5vh;color:#fff;font-size:1.4vh;line-height:4vh;}
.vodSix li img{height:19vh;width:100%;}

.SwiperTabBox{width:72vw;overflow:hidden;margin-top:4vh;}
.SwitchBox{padding:0 5vw;box-sizing:border-box;height:55vh;overflow:hidden;}
.SwitchBox .swiper-container{height:55vh;}
.SwitchBox .swiper-slide{height:55vh;border-radius:20px;overflow:hidden;}
.SwitchBox .swiper-slide-active{position:relative;padding:1.5vh;box-sizing:border-box;}
.SwitchBox .swiper-slide-active:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(phone.png) no-repeat left top;background-size:100% 100%;}

.SwiperTabs{width:62vw;display:flex;justify-content:space-between;align-items:center;margin-top:2vh;}
.SwiperTabs li{background:#1fb09b;color:#fff;padding:0 1vw;border-radius:10px;font-size:1.8vh;line-height:3.2vh;}
.SwiperTabs li.active{background:#febb08;}

.dmShow{position:relative;height:40vh;width:60vw;overflow:hidden;}
.itemBg{background:url(user.png) #d8ffee no-repeat left center;border-radius:40px;background-size:32px auto;position:absolute;left:0;top:0;white-space:nowrap;box-sizing:border-box;border:1px solid #49a379;font-size:16px;line-height:32px;padding:0 10px 0 45px;}

.overview{width:56vw;font-size:1.4vh;line-height:2.2vh;padding:4vh 0 2vh 0;}
.overview b{font-size:2.4vh;text-align:center;display:block;padding-bottom:2vh;}

.commentBox{height:34vh;width:56vw;margin-bottom:2vh;}
.commentBox .swiper-container{height:100%;}
.commentBox .swiper-slide{display:flex;justify-content:space-between;}
.commentBox .swiper-slide p{padding:1vh 1.5vh;box-sizing:border-box;font-size:1.4vh;line-height:2.6vh;color:#666;width:49%;background:#fff;}
.commentBox .swiper-slide p b{display:block;padding-bottom:0.5vh;font-size:1.8vh;color:#333;}


.erBox{width:56vw;display:flex;align-items:stretch;justify-content:space-between;}
.erBox dd{flex:1;background:#32c4af;padding:1vh 0;display:flex;align-items:center;justify-content:center;font-size:1.6vh;color:#1d6f47;}
.erBox dt img{width:auto;height:12vh;width:auto;}
.erBox dd img{width:10vh;height:auto;margin-right:1vw;}


.dare{position:relative;height:45vh;margin-top:4vh;}
.dare:before{content:"";display:block;position:absolute;left:-1vw;top:0;width:100%;height:100%;transform:rotate(-3deg);background:#9cffda;}
.dare a{display:block;}
.dare img{position:relative;z-index:1;width:auto;height:45vh;border:5px solid #2ad0a9;box-sizing:border-box;}

.ender{position:absolute;right:5vw;bottom:10vh;}
.ender img{height:18vh;width:auto;}

.listTopic{background:url(listTopicBg.jpg) no-repeat top center;display:flex;align-items:center;justify-content:center;background-size:100% 100%;}
.listTopic img{height:80vh;width:auto;}
.blueBg{background:#c1fbff;}
.millia{width:72vw;margin:0 auto;}

.whiteBg{background:#fff;padding:5vh 4vw;box-sizing:border-box;}
.NewList{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.6vh;line-height:3.8vh;}
.NewList li{width:48%;display:flex;align-items:center;}
.NewList li:nth-child(8n),.NewList li:nth-child(n+7):nth-child(8n-1){border-bottom:1px dashed #000;margin-bottom:2vh;padding-bottom:2vh;}
.NewList li:before{content:"";width:0.8vh;height:0.8vh;margin-right:1vh;background:#000;}
.NewList li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
<!--ecms sync check [sync_thread_id="a68f6e271be0d23e820cf6e61402aa0b" sync_date="2024-07-19 16:53:48" check_sum="a68f6e271be0d23e820cf6e61402aa0b  signature="#$enorth_signature_value$#"]-->