@import url("millia.css");
@import url("swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;}

.topic{background:url(topic.jpg) no-repeat top center;background-size:auto 100%;display:flex;align-items:center;justify-content:center;}

.nav{background:#00358e;}
.nav a{color:#fff;}
.nav a:hover,.tabs a:hover,.tags a:hover,.tagsBox a:hover,.newList a:hover{text-decoration:none;}
.nav .millia,.nav ul{display:flex;align-items:center;}
.nav ul,.nav li{flex:1;}
.nav li{text-align:center;font-size:22px;line-height:60px;font-weight:bold;}
.nav li:hover{background:#d3e4f3;}
.nav li:hover a{color:#295fb2;}

.search{background:#0060ff;border-radius:60px;border:2px solid #0060ff;display:flex;align-items:center;padding-right:10px;}
/*.search input{border:none;line-height:40px;padding:0 10px;border-radius:40px;}
.search button{display:flex;align-items:center;background:none;border:none;}
.search button .icon{height:30px;width:auto;fill:#fff;}*/

.search form{display:flex;display:flex;align-items:center;}
.search .searchInt{flex:1;border:none;line-height:40px;padding:0 10px;border-radius:40px;}
.search .searchBt{display:flex;align-items:center;background:none;border:none;}
.search .searchBt .icon{height:30px;width:auto;fill:#fff;}


.hot{display:flex;align-items:center;padding:20px 0;justify-content:center;font-size:26px;font-weight:bold;}
.hot span{background:#980009;border-radius:10px;color:#fff;font-size:20px;padding:5px 10px;margin-right:25px;width:44px;text-align:center;white-space:nowrap;}
/*.hot a{flex:1;}*/

.SwiperFocusBox .swiper-slide img,.tagBanner li img,.lsImg01 li img,.areaTag li img{width:100%;height:100%;}





.SwiperFocusBox{height:360px;position:relative;}
.SwiperFocusBox .swiper-slide{position:relative;}
.SwiperFocusBox .swiper-slide span{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));line-height:56px;color:#fff;padding:0 30% 0 25px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.SwiperFocusBox .swiper-pagination{right:10px;bottom:15px;}
.SwiperFocusBox .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px;background:#fff;margin:0 3px;opacity:1;}
.SwiperFocusBox .swiper-pagination-bullet-active{background:#0060ff;width:35px;}


.ht01,.ht02{border-bottom:1px solid #bab9b9;line-height:58px;display:flex;justify-content:space-between;align-items:center;}
.ht02{justify-content:center;}
.ht01 b,.ht02 b{font-weight:bold;font-size:22px;color:#00358e;display:inline-block;position:relative;}
.ht01 b:after,.ht02 b:after,.posi b:after{content:"";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:5px;background:#00358e;}
.ht01 a{font-weight:bold;color:#00358e;}


.lh74{line-height:74px;}
.c00358e,.c00358e a,.amore,.amore a{color:#00358e;}

.ls01 li{height:76px;display:flex;padding-top:10px;border-top:1px solid #bab9b9;font-weight:bold;}
.ls01 li:nth-child(1){padding-top:0;border:none;}

.ls03{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.ls02 li,.ls03 li{display:flex;align-items:center;justify-content:space-between;}
.ls03 li{border-top:1px dashed #bab9b9;width:48%;}
.ls03 li:nth-child(1),.ls03 li:nth-child(2){border:none;}
.ls02 li:before,.ls03 li:before{content:"";display:block;width:6px;height:6px;border-radius:10px;background:#00358e;margin-right:10px;}
.ls02 li a,.ls03 li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.tagBanner li{margin-top:10px;}

.tabs{display:flex;font-weight:bold;justify-content:center;}
.tabs a{color:#00358e;}
.tabs li{flex:1;text-align:center;color:#00358e;cursor:pointer;}
.tabs li:hover,.tabs li.active{background:linear-gradient(to bottom,#002ffa,#003590);color:#fff;}
.tabs li:hover a,.tabs li.active a{color:#fff;}

.tagBox{display:flex;justify-content:space-between;}
.tags{width:110px;margin:20px 30px 0 0;}
.tags li{margin-bottom:10px;background:#00358e;border-radius:10px;cursor:pointer;font-weight:bold;}
.tags li,.tags li a{display:flex;justify-content:center;align-items:center;height:80px;flex-direction:column;color:#fff;}
.tags li .icon{height:40px;width:auto;fill:#fff;}
.tags li.active{background:#0060ff;}

.tagBoxContent{flex:1;}
.tagBoxContent .swiper-slide{overflow:hidden;}
.lsImg{display:flex;margin:0 0 0 -2%;flex-wrap:wrap;}
.lsImg li{width:48%;margin:2% 0 0 2%;position:relative;overflow:hidden;}
.lsImg li span{display:flex;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8);justify-content:center;align-items:center;left:0;top:0;color:#fff;opacity:0;transition:all 0.5s;padding:10px;box-sizing:border-box;}
.lsImg li:hover span{opacity:1;}

.areaTag{line-height:60px;color:#fff;}
.areaTag a{color:#fff;display:block;}
.areaTag li{margin-bottom:5px;text-align:center;font-weight:bold;}
.areaTag li:nth-child(2){background:#4e2eed;}
.areaTag li:nth-child(3),.areaTag li:nth-child(4){display:flex;justify-content:space-between;}
.areaTag li:nth-child(3) a,.areaTag li:nth-child(4) a{width:49.5%;}
.areaTag li:nth-child(3) a{background:#32a225;}
.areaTag li:nth-child(4) a{background:#16a8b1;}
.areaTag li:nth-child(3) a:nth-child(1){background:#e97400;}
.areaTag li:nth-child(4) a:nth-child(1){background:#0060ff;}

.friend{border-top:1px solid #bab9b9;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-weight:bold;}
.friend dt{margin-right:20px;}
.friend dd{flex:1;}
.friend dd a{display:inline-block;margin-right:20px;}

.footer{background:#00358e;border-top:6px solid #6c0000;padding:20px 0;color:#fff;}
.footer a{color:#fff;}

.posi{border-bottom:1px dashed #bab9b9;line-height:46px;}
.posi b{position:relative;display:inline-block;}

.tagsBox{display:flex;flex-wrap:wrap;min-height:60vh;align-items:center;margin:0 0 0 -3%;padding-bottom:3%;box-sizing:border-box;}
.tagsBox li{text-align:center;background:#599df8;margin:3% 0 0 3%;}
.threeTags li{width:30%;padding:50px 0;}
.fiveTags li{width:17%;padding:30px 0;}
.fourTags li{width:22%;padding:40px 0;}

.threeLeftNav{font-weight:bold;}
.threeLeftNav dt{background:linear-gradient(to right,#00358e,#0043b2);color:#fff;font-size:26px;line-height:80px;text-align:center;}
.threeLeftNav dd{margin-top:5px;}
.threeLeftNav dd a{color:#00358e;}
.threeLeftNav dd b,.leftNav li{display:flex;line-height:52px;font-size:18px;padding-left:50px;background:#eaeaea;position:relative;color:#00358e;align-items:center;justify-content:space-between;}
.threeLeftNav dd b:after,.leftNav li:after{content:"";width:0;height:0;border:8px solid transparent;border-left-color:#424242;margin-right:10px;}
.threeLeftNav dd.hover b,.leftNav li:hover{background:#fff;box-shadow:0 0 10px #ccc;}
.threeLeftNav dd.hover b:after,.leftNav li:hover:after{border-left-color:#0060ff;}
.threeLeftNav ul{height:0;overflow:hidden;}
.threeLeftNav li{font-size:16px;line-height:30px;padding-left:30px;display:flex;align-items:center;}
.threeLeftNav li:before{content:"";height:10px;width:10px;border-radius:20px;border:1px solid #00358e;margin-right:10px;}
.threeLeftNav li:hover:before{background:#0060ff;border-color:#0060ff;}
.threeLeftNav dd.hover ul{padding:10px 0;height:auto;}

.newList li{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #bab9b9;}
.newList li:nth-child(1){margin-top:0;border:none;}
/*.newList li:hover{background:#eaeaea;padding:20px;border-radius:20px;border:none;}*/
.newList li:before{content:"";width:6px;height:6px;border-radius:10px;margin-right:20px;background:#00358e;}
.newList li:after{content:"";width:12px;height:12px;border:2px solid #333;border-left:none;border-top:none;transform:rotate(-45deg)}
.newList li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newList li span{font-size:14px;margin:0 10px;}
.newList li:hover:before{background:#0060ff;}
.newList li:hover:after{border-color:#0060ff;}
.newList li:hover a{color:#0060ff;}

.page a{display:inline-block;padding:5px 10px;color:#999;border:1px solid #ebebeb;}
.page span a,.page a:hover{background:#266ab7;color:#fff;text-decoration:none;border:1px solid #266ab7;}

.leftNav li{margin-bottom:5px;}

.contentBox{padding:50px 40px;}
.contentBox h1{font-size:32px;text-align:center;padding-bottom:20px;}
.source{display:flex;align-items:center;justify-content:space-evenly;border-bottom:1px solid #ccc;padding-bottom:15px;}
.content{padding:30px 0 0 0;}
.content img{max-width:100% !important;height:auto !important;margin:0 auto;display:block;}
.content p{padding-bottom:20px;}




@media screen and (max-width:860px){
.millia{width:94%;}

.search,.hot span,.SwiperFocusBox .swiper-pagination,.newList li:after,.newList li span{display:none;}


.SwiperFocusBox .swiper-slide span,.ht01,.ls02,.ls03,.amore,.friend,.footer,.posi,.page,.source{font-size:1.2rem;}
.nav li,.ls01 li,.tabs,.tags,.areaTag,.tagsBox,.newList,.content{font-size:1.4rem;}
.hot,.ht01 b,.ht02 b,.friend dt,.contentBox h1{font-size:1.6rem;}


.ls01 li,.friend,.footer{line-height:2.2rem;}
.hot,.content{line-height:2.4rem;}
.ls02{line-height:2.8rem;}
.nav li,.SwiperFocusBox .swiper-slide span,.ht01,.ht02,.tabs,.ls03,.posi{line-height:3.6rem;}
.SwiperFocusBox .swiper-slide span{padding:0 1rem;text-align:center;}


.nav{width:100%;overflow-x:auto;}
.nav::-webkit-scrollbar{width:0;height:0;}
.nav li{white-space:nowrap;padding:0 2rem;}

.SwiperFocusBox{height:auto;}

.ls01 li{height:auto;padding:1rem 0;}

.ht01 b:after,.ht02 b:after,.posi b:after{height:0.3rem;bottom:-0.2rem;}

.ls02 li:before,.ls03 li:before{width:0.5rem;height:0.5rem;}
.ls03 li{width:100%;}
.tagBox{display:block;}
.tags{width:100%;display:flex;justify-content:space-between;margin:2rem 0 0 0;}
.tags li{width:19%;padding:1rem 0;}
.tags li,.tags li a{height:auto;}
.tags li .icon{height:3rem;width:auto;margin-bottom:0.5rem;}

.areaTag li:nth-child(3),.areaTag li:nth-child(4){display:block;}
.areaTag li:nth-child(3) a,.areaTag li:nth-child(4) a{width:100%;}
.areaTag li:nth-child(3) a:nth-child(1),.areaTag li:nth-child(4) a:nth-child(1){margin-bottom:0.5rem;}

.friend{display:block;font-weight:normal;}
.friend dt{font-weight:bold;padding-bottom:1rem;}

/*.tagsBox{min-height:auto;}*/
.threeTags li{padding:2rem 0;width:47%;}
.fiveTags li{padding:1rem 0;width:30%;}
.fourTags li{padding:1.5rem 0;width:30%;}

.newList li{padding:1.5rem 0}
.newList li:before{width:0.5rem;height:0.5rem;margin-right:1rem;}

.contentBox{padding:2rem 0;}

.tabs{overflow-x:auto;display:block;white-space:nowrap;padding-bottom:2rem;}
.tabs::-webkit-scrollbar{width:0;height:0;}
.tabs li{padding:0 1rem;display:inline-block;}
}