.main{}


/*banner轮播*/
.banner{ width: 100%; height: auto; padding-top: 38%; overflow: hidden; position: relative;}
.mySwiper1{ width: 100%; height: 100%; position: absolute; top: 0;}
.mySwiper1 .swiper-slide{ width: 100%; height: 100%; background-position: center top; background-size: auto 100%; background-repeat: no-repeat;}
.mySwiper1 .swiper-slide a{ display: block; width: 100%; height: 100%; position: relative;}
.mySwiper1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: .5;}
.mySwiper1 .swiper-pagination-bullet-active{ opacity: 1;}
.mySwiper1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}


/*分区*/
.section{ width: 100%; height: auto; margin-top: 30px; overflow: hidden; position: relative;}
.section.detail{ margin-top: 0; border-top: 1px solid #252526;}
.section .st_main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}



/*文创产品-列表*/
.st_list{ width: 100%; height: auto; margin: 0 auto;}
.st_list ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 1220px;}
.st_list ul li{ width: 290px; height: auto; margin-bottom: 20px; margin-right: 10px; overflow: hidden; border-radius: 15px; box-shadow: 0 2px 2px #eaeaea;}
.st_list ul li .img{ width: 290px; height: auto; overflow: hidden;}
.st_list ul li .img img{ display: block; width: 100%; height: auto; transition: all .2s ease-out 0s;}
.st_list ul li .img img:hover{ transform: scale(1.1);}
.st_list ul li .title{ padding: 10px; overflow: hidden;}
.st_list ul li .title a{ margin-right: 20px; font-size: 14px; line-height: 200%;}
.st_list ul li .title span{ float: right; font-size: 14px; line-height: 200%; color: #E11A1A;}
.st_list .page{ text-align: center;}




/*文创产品-详情*/
.st_title{ width: 100%; height: 50px;}
.st_title a{ float: left; font-size: 14px; line-height: 50px;}
.st_title span{ float: left; padding: 0 20px; font-size: 14px; line-height: 50px; color: #000;}
.st_detail{ width: 100%; height: auto; margin: 0 auto; padding: 20px 50px 50px;}
.st_detail .title{ font-size: 20px; line-height: 200%;}
.st_detail .title .tit{ font-size: 18px; line-height: 40px;}
.st_detail .title .price{ font-size: 14px; line-height: 40px; color: #E11A1A;}
.st_detail .date{ font-size: 14px; line-height: 150%; text-align: center;}
.st_detail .intro{ padding: 20px 0 40px;}
.st_detail .intro p{ font-size: 14px; line-height: 180%;}
.st_detail .showimg_title{ font-size: 16px; line-height: 200%;}
.st_detail .showimg{ padding: 50px 200px;}
.st_detail .showimg p img{ display: block; width: 90%; height: auto; margin: 0 auto}