/* Created by kong 20250306 */

.quicklinks { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; width: 1300px; height: 80px; box-sizing: border-box; display: flex; justify-content: space-between; border: rgba(255,255,255,0.3) 1px solid; border-bottom: none; border-radius: 10px 10px 0 0; background-color: transparent; backdrop-filter: blur(10px) brightness(120%);}
.quicklinks a { flex-grow: 1; width: 100%; box-sizing: border-box; padding: 20px 0 0 110px; font-size: 14px; line-height: 14px; color: white; border-right: rgba(255,255,255,0.3) 1px solid; background-image: url("../images/icon_03.png"), url("../images/icon_06.png"); background-position: 40px 14px, right 40px top 35px; background-repeat: no-repeat, no-repeat; transition: all 0.25s ease;}
.quicklinks a:nth-child(2) { background-image: url("../images/icon_04.png"), url("../images/icon_06.png");}
.quicklinks a:nth-child(3) { background-image: url("../images/icon_05.png"), url("../images/icon_06.png");}
.quicklinks a b { display: block; font-size: 20px; line-height: 20px; font-weight: bold;}
.quicklinks a em { display: block; margin-top: 7px; font-style: normal;}
.quicklinks a:last-child { border: none;}
.quicklinks a:hover { text-decoration: none; background-color: rgba(255,255,255,0.1); background-position: 40px 14px, right 36px top 32px;}

.spbg01 { height: 837px; background-image: url("../images/bg_01.jpg");}
.spbg01 .cat { margin-top: 75px;}

.spbg01 .focusslide { margin-top: 30px; height: 620px; background: white; box-shadow: rgba(0,0,0,0.05) 0 1px 10px;}
.spbg01 .focusslide .swiper-pagination { bottom:250px; left: 28px; right: auto;}
.spbg01 .focusslide .thumb { width: 100%; height: 400px;}
.spbg01 .focusslide strong { display: block; margin: 24px 40px 0; font-size: 24px; line-height: 36px; color: #333; font-weight: normal; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spbg01 .focusslide strong a:hover { text-decoration: none;}
.spbg01 .focusslide em { display: block; margin: 7px 40px 0; font-size: 16px; line-height: 30px; color: #666; font-style: normal; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spbg01 .focusslide i { display: block; margin: 13px 40px 0; font-size: 16px; line-height: 16px; color: #FF7522; padding-left: 24px; background: url("../images/icon_08.png") left center no-repeat;}

.spbg01 ul { float: right; margin-top: 30px; width: 620px;}
.spbg01 ul li { margin-bottom: 40px; height: 180px; box-sizing: border-box; padding: 44px 52px 0 48px; background: white url("../images/bg_02.png") left center no-repeat; border-radius: 10px; box-shadow: rgba(0,0,0,0.05) 0 1px 10px;}
.spbg01 ul li:nth-child(3) { background-image: url("../images/bg_03.png");}
.spbg01 ul li .title { font-size: 24px; line-height: 24px;}
.spbg01 ul li strong { display: block; margin-top: 19px; font-size: 18px; line-height: 20px; color: #333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.spbg01 ul li strong a:hover { text-decoration: none;}
.spbg01 ul li i { display: block; margin-top: 13px; font-size: 16px; line-height: 16px; color: #FF7522; padding-left: 24px; background: url("../images/icon_08.png") left center no-repeat;}

.spbg02 { height: 1257px; background-image: url("../images/bg_04.jpg");}
.spbg02 .cat { margin-top: 199px;}

.spbg02 .tabnav { display: flex; justify-content: space-between; padding: 0 80px;}
.spbg02 .tabnav span { width: 136px; height: 259px; font-size: 24px; line-height: 30px; color: #333; text-align: center; margin-right: 0; border: none;}
.spbg02 .tabnav span img { width: 130px; height: 130px; border: white 3px solid; border-radius: 100%; object-fit: cover; box-shadow: rgba(255,117,34,0.3) 0 6px 15px;}
.spbg02 .tabnav span em { display: block; margin-top: 24px; font-style: normal;}
.spbg02 .tabnav span.current { font-size: 30px; color: #FF7522; font-weight: bold; background: url("../images/bg_05.png") center bottom no-repeat;}
.spbg02 .tabnav span.current img { border-color: #FF7522; box-shadow: rgba(255,117,34,0.6) 0 6px 15px;}

.spbg02 .tabsingle { margin-top: 113px; position: relative; color: white;}
.spbg02 .tabsingle .highlight { position: absolute; left: -30px; top: 27px; width: 590px; height: 92px; box-sizing: border-box; padding: 9px 30px 0; font-size: 24px; line-height: 36px; background: url("../images/bg_06.png") no-repeat; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spbg02 .tabsingle .highlight a { color: white;}
.spbg02 .tabsingle .thumb { float: right; width: 800px; height: 500px; border-radius: 10px;}
.spbg02 .tabsingle .focuslist { float: left; margin-top: 135px; width: 470px;}
.spbg02 .tabsingle .focuslist li { padding: 12px 0;}
.spbg02 .tabsingle .focuslist li:first-child { padding-bottom: 33px;}
.spbg02 .tabsingle .focuslist li:first-child strong { font-size: 16px; line-height: 30px; height: 60px;}
.spbg02 .tabsingle .focuslist li:first-child i { margin-top: 38px; height: 18px; line-height: 18px; padding-left: 24px; background: url("../images/icon_09.png") left center no-repeat;}

.friendlinks { margin-top: 70px;}
.friendlinks .title { font-size: 24px; line-height: 24px; margin-bottom: 22px;}
.friendlinks ul { overflow: hidden;}
.friendlinks ul li { float: left; margin-right: 20px; width: 310px; height: 60px; font-size: 16px; line-height: 60px; border-bottom: #E8E8E8 1px solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.friendlinks ul li:nth-child(4n) { margin-right: 0;}