/***********************公共样式***********************/
html,body{width: 100%;}
.w{width: 1200px;margin: 0 auto;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

/***********************首页***********************/
/* banner */
.header{width: 100%;}
.header img{width: 100%;}
.title{width: 465px;margin: 0 auto 10px;}
.title img{width: 100%;}
.mainWrap{width: 100%;background: url(2024qx_bg.jpg) no-repeat;background-size: 100% 100%;background-position: center top;padding-top: 20px;}

/* 七夕简介 */
.qxjjWrap{margin-bottom:40px;background: url(2024qx_js_bg.png) no-repeat;background-size:100% 100%;padding: 45px 125px;font-size: 32px;color: #7b3f94;line-height: 1.5;font-family: serif;font-weight: bold;}

/* 节日动态 */
.zxWrap{padding-top:1px;position: relative;z-index: 2;}
.zxSwiperWrap{width: 808px;height: 526px;background: url(2024qx_img_border.png) no-repeat;background-size: 100%;padding: 58px 48px 65px 41px;margin: 0 auto;}
.zxSwiperWrap .zxSwiper{width: 100%;height: 100%;}
.zxSwiperWrap .zxSwiper a{display: block;width: 100%;height: 100%;position: relative;}
.zxSwiperWrap .zxSwiper a .img,.zxSwiperWrap .zxSwiper a .img img{width: 100%;height: 100%;}
.zxSwiperWrap .zxSwiper a p{line-height: 40px;background: rgba(40,40,40,0.6);width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fff;padding:0 150px 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zxSwiperWrap .zxSwiper>.swiper-pagination-bullets{width: auto;padding: 0 20px 0 0;left: auto;right: 0;}
.zxSwiperWrap .zxSwiper .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s;}
.zxSwiperWrap .zxSwiper .swiper-pagination-bullet-active{background: #f1a2b5;}
.zxListWrap{width: 1000px;margin: 0 auto;}
.zxListWrap .more{display: block;font-size: 14px;color: #666;margin-bottom: 5px;}
.zxListWrap .more:hover{color: #e54338;}
.zxListWrap ul{position: relative;width: 100%;}
.zxListWrap ul::before{content: '';display: block;width: 4px;height: 120px;background: #fcc3c2;position: absolute;top: 50%;left: 50%;margin-left: -2px;margin-top: -60px;}
.zxListWrap ul li{width: 42%;}
.zxListWrap ul li:nth-child(odd){float: left;}
.zxListWrap ul li:nth-child(even){float: right;}
.zxListWrap ul li a,.zxListWrap ul li span{display: block;font-size: 16px;color: #444;line-height: 50px;}
.zxListWrap ul li a{float: left;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.zxListWrap ul li a:hover{color: #e54338;}
.zxListWrap ul li span{float: right;font-size: 14px;color: #666;}

/* 浪漫习俗 */
.xsWrap{padding: 30px 0;}
.xsWrap .xsBg{width: 820px;margin: 0 auto;}
.xsWrap .xsBg img{width: 100%;}
.xsWrap .xsItem{margin-bottom: 45px;}
.xsWrap .xsItem .titSec{width: 284px;margin: 0 auto 25px;}
.xsWrap .xsItem .titSec img{width: 100%;}
.xsWrap .xsItem .img{width: 260px;margin-right: 40px;}
.xsWrap .xsItem .img img{width: 100%;}
.xsWrap .xsItem .txt{width: 900px;background: rgba(255,255,255,0.4);border-radius: 10px;padding: 40px 60px;}
.xsWrap .xsItem .txt p{font-size: 18px;color: #333;line-height: 1.8;text-indent: 2.5rem;}

/* 节日诗篇 */
.spWrap{padding-bottom: 100px;}
.spMain{height: 490px;background: url(2024qx_sc_bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.spMain .spL,.spMain .spR{width: 50%;height: 100%;}
.spMain .spL{padding: 100px 40px 50px 100px;}
.spMain .spL a{display: block;font-size: 24px;color: #333;writing-mode: vertical-lr;padding-top: 20px;position: relative;}
.spMain .spL a::before{content: '';display: block;width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;top: 0;left: 50%;margin-left: -2px;transition: all .4s;}
.spMain .spL a:hover::before,.spMain .spL a.active::before{background: #f4261b;}
.spMain .spR{position: relative;}
.spMain .spR .spItem{width:350px;color: #1c1c1c;opacity:0;text-align:center;position: absolute;top: 80px;left: 45%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transition: all .4s;}
.spMain .spR .spItem.active{opacity: 1;}
.spMain .spR .spItem h3{font-size: 28px;}
.spMain .spR .spItem h4{font-size: 14px;margin: 20px auto 30px;}
.spMain .spR .spItem p{font-size: 16px;line-height: 2;}

/* 底部 */
.footer{width: 100%;background: #ffe6e6;text-align: center;padding: 50px 0;line-height: 1.8;font-size: 14px;}

@media screen and (max-width: 1220px) {
	.w{width: 720px;}
	.title{width: 350px;}
	.xsWrap{padding: 0;}
	.xsWrap .xsBg{width: 660px;}
	.xsWrap .xsItem{margin-bottom: 30px;}
	.xsWrap .xsItem .titSec{width: 230px;}
	.xsWrap .xsItem .txt{padding: 12px 15px;}
	.xsWrap .xsItem .img{width: 360px;margin-right: 15px;}
	.xsWrap .xsItem .txt p{font-size: 14px;line-height: 1.6;}
	.scWrap .scList{height: 350px;}
	.scWrap .scList ul{padding: 70px 60px 43px;}
	.scWrap .scList ul li::before{left: -10px;}
}	
@media screen and (max-width: 767px) {
	.w{width: 100%;padding: 0 15px;}
	.title{width: 245px;}
	.xsWrap .xsBg{width: 100%;}
	.xsWrap .xsItem .titSec{width: 160px;}
	.xsWrap .xsItem .img{display: none;}
	.scWrap{padding: 0 15px 60px;}
	.scWrap .scList{height: 255px;}
	.scWrap .scList ul{padding: 40px 15px 20px;}
	.scWrap .scList ul li::before{left: -6px;}
	.scWrap .scList ul li:nth-child(n + 9){display: none;}
	
	.qxjjWrap{margin-top: 30px;padding: 20px 30px;font-size: 14px;line-height: 1.6;font-family: initial;}
	
	
	/* 节日动态 */
	.zxWrap{padding-top: 1px;padding: 0 15px;}
	.zxSwiperWrap,.zxListWrap,.originMain,.csMain,.htImg{width: 100%;}
	.zxSwiperWrap{background: transparent;padding: 0;height: 210px;}
	.zxSwiperWrap .zxSwiper a p{line-height: 36px;padding: 0 130px 0 10px;}
	.zxSwiperWrap .zxSwiper>.swiper-pagination-bullets{padding: 0 10px 0 0;}
	.zxListWrap ul::before{display: none;}
	.zxListWrap ul li{width: 100%;}
	.zxListWrap ul li a{width: 66%;}
	.zxListWrap ul li a, .zxListWrap ul li span{line-height: 36px;}
	.zxListWrap .more{margin: 10px 0 2px;}
	
	/* 节日诗篇 */
	.spWrap{padding-bottom: 50px;}
	.spMain{background: #fff;height: 440px;border-radius: 10px;}
	.spMain .spL, .spMain .spR{width: 100%;}
	.spMain .spL{padding: 15px;height: auto;}
	.spMain .spL a{font-size: 18px;padding-top: 12px;}
	.spMain .spR{height: 220px;}
	.spMain .spR .spItem{width: 100%;top: 10px;left: 50%;}
	.spMain .spR .spItem h3{font-size: 22px;}
	.spMain .spR .spItem h4{margin: 8px auto;}
	
	.footer{padding: 30px 0;}
}