@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{padding: 0;margin: 0;font-family: "微软雅黑";box-sizing: inherit;outline: none;}
:after, :before{box-sizing: inherit;}
a{text-decoration: none;color: inherit;}
ul{list-style: none;}
.pc-bg-container{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 25px;}
.home-market-section{ text-align: center;}
/*标题*/
.home-market-section .section-title{margin-bottom: 30px;font-size: 30px; min-width: 150px; text-align: left; color: #c9a467; display: inline-block; position: relative; border: none; height: 42px; line-height: 42px;padding-left: 10px;}
.home-market-section .section-title a{width: 100%; display: block; position: relative;}
.home-market-section .section-title a:before{position: absolute; content: ''; right: -12px; width: 15px; height: 15px; background: url(../img/marketplace-home-arrow_small.svg); background-repeat: no-repeat; top: 50%; transform: translate(0,-50%); transition: .2s;}
.home-market-section .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section .section-inner{position: relative; max-width: 1280px; margin: 0 auto;}
.home-market-section .section-inner .swiper-container{height:324px; max-width: 1230px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper{align-items: center; height: 264px!important;}
/*内容列表*/
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide{height: 264px!important; background: 0 0;  box-sizing: border-box; text-align: center;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{display: block; float: left; position: relative; background-color: #fff; border: 1px solid rgba(201,164,103,.2); width: calc((100% - 60px)/ 4); padding:5px; height: 100%; margin-right: 20px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{box-shadow: 0 10px 40px rgba(201,164,103,.2); border: 1px solid rgba(163,145,114,.2)}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img{height:205px; width:276px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{font-weight: normal; display:block; border-top:1px #f3f3f3 solid; clear:both; width:100%; margin:auto; line-height:50px; font-size:16px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide p{margin-top: 10px; font-size: 14px; color: #a0a2a8; text-align: center; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time{ width:98%; margin:auto; clear:both; height:50px; text-align: center;  line-height:50px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span{ display:block; clear:both; overflow:hidden;font-size:16px; }
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span b{ float:left; display:block; width:49%; overflow:hidden; text-align:left;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span i{ float:right; display:block; width:49%; overflow:hidden; text-align:right;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:last-of-type{margin-right: 0;}
/*分页*/
.home-market-section .section-inner .swiper-container .swiper-pagination-bullets{bottom: 50px;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet{position: relative; margin: 0 5px; width: 24px; height: 4px; border-radius: 100px; opacity: 1; background: 0 0;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before{content: ''; display: inline-block; position: absolute; width: 24px!important; height: 4px; opacity: 1; left: 0; border-radius: 100px; background: #dfe1f1; vertical-align: middle; transition: opacity .8s,background-color .8s;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active{opacity: 1;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before{width: 24px!important; opacity: 1; border-radius: 100px; transform: scale(1.2); background: #fa6f66;}
/*左右箭头*/
.home-market-section .section-inner .swiper-button-prev{left:-20px; top: 118px; background:url(../img/qieghuan1a.png);}
.home-market-section .section-inner .swiper-button-next{right:-20px; top: 118px; background:url(../img/qieghuan2a.png);}
.home-market-section .section-inner .swiper-button-prev:hover{ background:url(../img/qieghuan1b.png);}
.home-market-section .section-inner .swiper-button-next:hover{ background:url(../img/qieghuan2b.png);}
