/*2024*/
html {font-size:100px;}
body { font:.17rem Arial,Helvetica,Verdana,Geneva,sans-serif;}
.contcont { line-height:1.6;}
.page .l_nav_title2, .page .l_title, .l_nav_title{font-size:.20rem;}
h2{font-size:.22rem;}

#header-navigator {background:#f2f2f2;}
.header-nav a {color:#000;}
@media screen and (max-width: 1300px) {
	 #main {width:auto;margin: 0 10px;}
}

@media screen and (max-width: 768px) {
	.header-right {box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px; background: #f2f2f2;}
	.header-right .mobile-top-menu a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/red/icon-menu.svg");}
	.header-right .link-search a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/red/icon-search.svg");}
}

/*bxslider*/
.bx-wrapper {background: none!important;border:none!important;box-shadow:none!important;margin:0 auto 30px!important;}
.bx-wrapper .bx-prev {background: url("https://data.travelchinaguide.com/images/background/arrow/arrow_white_left_24.png") no-repeat center center!important;left:-16px!important;}
.bx-wrapper .bx-next {background: url("https://data.travelchinaguide.com/images/background/arrow/arrow_white_right_24.png") no-repeat center center!important;right:-16px!important;}
.bx-wrapper .bx-controls-direction a {z-index: 1!important;width:24px!important;height:24px!important;margin-top:-12px!important;}
.czIntros .bx-wrapper {margin: 0 auto!important;}
@media screen and (max-width: 768px) {
	.bx-wrapper .bx-pager.bx-default-pager a {background: #D46A6D!important;margin: 0 3px!important;width:6px!important;height:6px!important;}
	.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff!important;}
}

/*ztBox*/
.ztBox {background: linear-gradient(#c43132,#b80708);}
.zBody {max-width: 1260px;padding: 0 10px; margin: 0 auto;color:#fff;overflow: hidden;}
.ztTitle {font-size: 50px;font-weight: normal;padding: 30px 10px;text-align: center;}
.ztIntro {text-align: justify;margin-bottom: 20px;line-height:1.6;}
.ztIntro a {color: #fff;}
.ztIntro a:hover {text-decoration: none;}
.ztMore {display: inline;}
.ztMoreLink {display: none;color:#fff;}

.ztList ul {display: flex;flex-wrap: wrap;overflow: hidden;height: 180px;}
.ztList li {width:8.333333%; overflow: hidden;background: url("https://data.travelchinaguide.com/images/zodiac/2024/bg.png") no-repeat right bottom;}
.zitem {position: relative;display: block;width:100%;padding-top:20px;height:160px;}
.zitem img {display: block;}
.zitem img:first-child {width:100%;height: 31px;object-fit: contain;margin-bottom: 19px;}
.zitem img:last-child {width:auto;height: 140px;object-fit: cover;position: absolute;left:20px;bottom:0;transition:all 240ms ease-in-out;}
.zitem:hover img:last-child {transform: translateX(-10px);}
@media screen and (max-width:1200px) {
	.ztIntro {font-size: 20px;}
}
@media screen and (max-width:768px) {
	.zBody {padding-bottom: 30px;}
	.ztTitle {font-size: 30px;}
	.zitem img:last-child {max-width: inherit;}
}
@media screen and (max-width:480px) {
	.ztMore {display: none;}
	.ztMoreLink {display:inline-block;}
}
/*find chinese zodiac*/
.czFind {background: #f2f2f2;padding: 20px;}
.czBody {max-width: 800px;padding: 0 10px; margin: 0 auto;}
.czBody h2 {display: block; text-align: center; font-weight: normal; font-size: 24px; line-height: normal;}
.czForm {display: flex;flex-wrap: nowrap;gap:10px;margin: 5px 0;}
.czNote {color:#999;margin-top: 10px;}
.czItem:first-child {flex: 3.5;}
.czItem:last-child {flex:1;min-width:100px;}
.czItem input,.czItem select {width:100%;height:48px;font-size: 20px;box-sizing: border-box;border:1px solid #d1d1d1;}
.czItem input[type="date"]:before {content:attr(placeholder);color:#666;padding-left: 10px;}
.czItem input[type="button"] {border:none;background:#CC0204;color:#fff;font-size: 18px;}
.czfSelect {display: flex;flex-wrap: nowrap;gap:3px;}
.czfSelect select {flex:1;}
.czResult {padding: 10px ;text-align: center;line-height:1.6;}
#frmZodiacPop .czItem input[type="button"] {font-size: 17px;}
#frmZodiacPop .czFind {padding: 30px 0 20px;border-radius: 25px;}
#frmZodiacPop .czItem:last-child {min-width:90px;}
@media screen and (max-width:480px) {
	.czFind {padding:20px 0 10px;}
}
/*main*/
.czMain {max-width: 1260px;margin: 40px auto 0;padding-right: 280px;box-sizing: border-box;position: relative;}
.czMain .czSidebar { position: absolute;top:0;right:0;width:250px;height:100%;}
.czMain .czContent {line-height: 1.6;}
@media screen and (max-width:1280px) {
	.czMain {margin: 40px 10px 0;}
	.czmiBox {margin: 0 -5px;}
}
@media screen and (max-width: 1200px) {
	.czContent {font-size: 20px;}
}
@media screen and (max-width:770px) {
	.czMain {padding: 0;}
	.czMain .czSidebar {display: none;}
}

/*czMenu*/
.czMenu {margin: 10px 5px;}
.czMenu ul {display: flex;flex-wrap: wrap;gap:1px;}
.czMenu li {background: #cc0204;flex:1;line-height: 56px;color: #fff;text-align: center;font-size: 18px;cursor: pointer;}
.czMenu li.current {background: #f2f2f2;color:#000;}
@media screen and (max-width:1024px) {
	.czMenu li {width:16%;flex:auto;}
}
@media screen and (max-width:480px) {
	.czMenu li {width:24%;flex:auto;}
}

/*czIntros*/
.czIntros {overflow: hidden;}
.czIntros ul {display: flex;flex-wrap: nowrap;overflow: hidden;}
.czIntros li {width:25%;box-sizing: border-box;padding:10px 20px;background: #f2f2f2;border: 5px solid #fff;line-height: 1.6;}
.czIntros .cziTitle {font-size: 24px;margin-bottom: 20px;}
.czIntros .czStar2,.czIntros .czStar3,.czIntros .czStar4,.czIntros .czStar5 {display: inline-block;background: url("https://data.travelchinaguide.com/images/background/icon/icon-star-yellow.svg") repeat-x;height:15px;width:30px;overflow:hidden;vertical-align: middle;}
.czIntros .czStar3 {width:45px;}
.czIntros .czStar4 {width:60px;}
.czIntros .czStar5 {width:75px;}

.czStarList {display: flex;flex-wrap: wrap;}
.czStarItem {flex:auto;width:50%;min-width:150px;margin: 3px 0;}
.czStarItem:first-child {width:100%;font-weight: bold;}

@media screen and (max-width:640px) {
	.czIntros li {width:100%;}
}


/*czcImg*/
.czcImg {position: relative;padding:61.2244897% 0 0;overflow: hidden;}
.czcImg img {display: block;position: absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width:618px) {
	.czcImg {padding: 167.535545% 0 0;}
}

/*.sbqBox*/
.sbqBox {background: #f7f7f7;line-height:43px;position: absolute;width:100%;}
.sbqBox .sbqTitle {background: #e5e5e5;text-align: center;font-size: 24px;}
.sbqBox li {border-bottom: 1px solid #e3e3e3;list-style:none;}
.sbqBox li a {text-decoration: none;display: block;}
.sbqBox li a::before {content: "•";color:#999;margin:0 5px 0 10px;}


/*--*/
.textSection {text-align: justify;}
.zodiacSubTitle { font-size:.30rem;text-align:center;margin:50px 0px 20px;line-height:36px;}
.zodiacSubTitle2 {font-size: .24rem;}
.linkReadMore { background:url(https://data.travelchinaguide.com/images/background/icon/heading-arrow1.png) no-repeat left 8px;padding-left:25px;}
.zodiac-index-box-video {text-align: center;margin: 20px auto;}
.zodiac-index-box-video video {width: 100%;height: auto;}

.table2020Desp {text-align: justify;}
.table2020 { border-collapse:collapse;border-spacing:0;width:100%;margin:20px 0px;}
.table2020 th { border:1px solid #e5e5e5;background:#f2f2f2;font-weight:normal;text-align:center;padding:8px;}
.table2020 td { border:1px solid #e5e5e5;text-align:center;padding:8px;}

/*czztBox*/
.czztBox {background:#F8E7E7;margin:20px 0;padding: 20px;}
.czztTitle {font-weight: bold;text-align: center;}
.czztForm {margin: 10px 0;display: flex;flex-wrap: wrap;line-height: 44px;}
.czztForm * {box-sizing: border-box;}
.czztForm input,.czztForm select {width:100%;height:44px;border: 1px solid #d1d1d1;background:#fff;border-radius: 5px;font-size: 18px;}
.czztForm input {text-indent: 10px;}
.czztName {flex:2;color:#ce02aa;display: flex;flex-wrap: wrap;margin-bottom: 5px;min-width: 300px;}
.czztDate {flex:3;color:#0041b7;display: flex;flex-wrap: wrap;margin-bottom: 5px;min-width: 360px;}
.czztName:first-child {color:#0041b7;}
.czztDate:last-child {color:#ce02aa;}

.czztName .czztLabel,.czztDate .czztLabel {flex:none;width:130px;text-align: right;padding: 0 10px;font-size: 18px;}
.czztInput {flex:1;max-width: 340px;}
.czztSelect {flex:1;display: flex;flex-wrap: nowrap;gap:3px;max-width: 340px;}
.czztSelect select {flex:1;}

.czztButton {text-align: center;}
.czztButton input[type="button"] {border:none;background:#CC0204;color:#fff;font-size: 18px;width:200px;height:44px;}
#frmZodiacPop .czztBox {margin: 0;min-height: 270px;box-sizing: border-box;border-radius: 25px;}
@media screen and (max-width:1024px) {
	.czztInput {max-width:none;}
	.czztSelect {max-width:none;}
}
@media screen and (max-width:768px) {
	#frmZodiacPop .czztBox {padding:20px 10px;}
	#frmZodiacPop .czztForm {margin: 0;}
	#frmZodiacPop .czztForm .czztLabel {width:100%; text-align: left;padding: 0;}
	#frmZodiacPop .czztName {min-width: 240px;}
	#frmZodiacPop .czztDate {min-width: 240px;}
	#frmZodiacPop .czztLabel {line-height: 30px;}
}
@media screen and (max-width:425px) {
	.czztBox {padding:20px 10px;}
	.czztForm .czztLabel {width:100%; text-align: left;padding: 0;}
	.czztName {min-width: 240px;}
	.czztDate {min-width: 240px;}
}

/*recomUnits*/
.recomUnits {display: flex;flex-wrap: wrap; justify-content: space-between;}
.recomUnits * {box-sizing: border-box;}
.linkUnit {width:24%;margin: 0 0 10px;}
.linkUnit .linkPhoto {position: relative;padding: 74.074074% 0 0;overflow: hidden;display: block;}
.linkUnit .linkPhoto img {position: absolute;top:0;left:0;width:100%;height: 100%;display: block;object-fit:cover;}
.recomLinks .linkTitle {font-size:17px; text-align: center;}
@media screen and (max-width:1200px) {
	.recomLinks .linkTitle {font-size: 20px;}
}
@media screen and (max-width:768px) {
	.linkUnit {width:49%;}
}
@media screen and (max-width:480px) {
	.linkPhoto {float: none; width:100%;height: auto;max-height:none!important;}
	.linkTitle {padding: 5px;}
}


/*faskBox*/
.faskBox {margin-top: 20px;}
.faskBox .faskMenu {display: flex;flex-wrap: wrap;}
.faskBox .faskMenu li {width:25%;}
.faskBox .faskMenu a {display: block;position: relative;padding:23.49206% 0 0;margin: 5px 3px;}
.faskBox .faskMenu a img {position: absolute;top:0;left:0;width:100%;height:100%;display: block;}
.liArrowRed_zodiac li {width:100%;line-height: 1.6;}
#aZodiacAnswer {font-weight: bold;}
@media screen and (max-width:768px) {
	.faskBox .faskMenu li {width:50%;}
}
@media screen and (max-width:480px) {
	.faskBox .faskMenu li {width:100%;}
}

/*qa*/
.qa-title {background: #f2f2f2;color:#000;}
.qa-form-title {background: #f2f2f2;color:#000;text-align: center;}
.btn-qa-submit {background: url("https://data.travelchinaguide.com/images/tcg/answers/btn-answers-submit-2023.png") left center no-repeat;}
.btn-qa-submit-reply {background: url("https://data.travelchinaguide.com/images/tcg/answers/btn-qa-submit-2023.png") left center no-repeat;}
.qa-user.qa-user-reply input {width:180px;height: 30px;border: 1px solid #ccc;font-size: 14px;padding: 0 4px;margin: 0 10px 0 5px;box-sizing: border-box;}
.qa-user.qa-user-reply>span {display: inline-block;margin: 5px 0;}
@media screen and (max-width:1200px) {
	.qa-search {font-size: 20px;}
	.qa-list-q-title {font-size: 22px;}
	.qa-list-q-item {font-size: 20px; line-height: 1.6;}
	.qa-list-q-info span {font-size: 17px;}
	.replyAction {font-size: 17px;}
	.qa-more {font-size: 20px;width:260px;}
	.divZodiacAnswer {font-size: 20px;}
}
@media screen and (max-width:640px) {
	.qa-list-q-info {height: auto;}
}

/*videobox*/
.nVideoBox {width:100%;float:left;margin:10px 10px 10px 0;}
.nVideoBox.nWidth588 {max-width:588px;}
.nVideoBox .nVideo {position:relative;padding:56.25% 0 0;overflow:hidden;}
.nVideoBox video {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.nVideoBox .nVideoDesc {padding:10px;background:#f2f2f2;text-align:center;}
@media screen and (max-width:768px) {
	.nVideoBox.nWidth588 {float: none;margin: 10px auto;}
}