caimei365-www/src/main/resources/static/css/index/index.pc.css

@charset "utf-8";

/**
 * PC端
 */
li{list-style:none;}
    /* 轮播 */
    #swiper-container{width:100%;height:510px;min-width:1200px;overflow:hidden;position:relative}
    #swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
    #swiper-container .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
    #swiper-container .swiper-wrapper img{width:auto;height:510px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
    #swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{position:absolute;top:50%;margin-top:-34px;display:block;width:44px;height:68px;line-height:68px;background:rgba(255,230,220,.2);color:#FFF;font-size:40px;text-align:center;border-radius:2px}
    #swiper-container .swiper-button-prev{left:5px;right:auto}
    #swiper-container .swiper-button-next{left:auto;right:5px}
    #swiper-container .swiper-button-prev:after{content:"\276C"}
    #swiper-container .swiper-button-next:after{content:"\276D"}
    #swiper-container .swiper-button-prev:hover,#swiper-container .swiper-button-next:hover{background:rgba(255,230,220,.6)}
    #swiper-container .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:15px;z-index:1;text-align:center;font-size:0}
    #swiper-container .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer}
    #swiper-container .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}
    #swiper-container .swiper-pagination span.on:before{width:28px;background:#fff}





    .picScroll-left{width:1200px;overflow:hidden;position:relative;border:1px solid #ccc}
    .picScroll-left .hd{overflow:hidden;height:30px;background:#f4f4f4;padding:0 10px}
    .picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:5px;height:9px;float:right;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;background:url("https://www.caimei365.com/Newindex/img/right.png") no-repeat}
    .picScroll-left .hd .next{background-position:0 -50px}
    .picScroll-left .hd{float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1}
    .picScroll-left .hdli{float:left;width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("images/icoCircle.gif") 0 -9px no-repeat}
    .picScroll-left .hdli.on{background-position:0 0}
    .picScroll-left .bd{padding:10px}
    .picScroll-left .bd{overflow:hidden;zoom:1}
    .picScroll-left .bd li{margin:0 8px;float:left;width:126px;height:126px;_display:inline;overflow:hidden;text-align:center}
    .picScroll-left .bd li .pic{text-align:center}
    .picScroll-left .bd li .pic img{width:120px;height:90px;display:block;padding:2px;border:1px solid #ccc}
    .picScroll-left .bd li .pic a:hover img{border-color:#999}
    .picScroll-left .bd li .title{line-height:24px}