/*=== 作者：Distantmemory - 时间：2018年09月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/



/*=== 媒体查询 ===*/



/*手机*/

@media ( min-width : 320px) { 



    .carousel-menu { box-sizing: border-box; position: relative; padding: 0.16rem 0.32rem; font-size: 0.14rem; color: #999; }

    .carousel-menu .prev,

    .carousel-menu .next { position: absolute; top: 50%; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; font-size: 0.16rem; cursor: pointer; }

    .carousel-menu .prev { left: 0; }

    .carousel-menu .next { right: 0; }



}



@media ( min-width : 360px) { 



} 



@media ( min-width : 400px) { 



} 



/*平板电脑*/

@media ( min-width : 640px) {



    .carousel-menu { padding: 0.32rem 0.32rem 0.16rem 0.32rem; }



}



@media ( min-width : 768px) {



}



/*笔记本电脑*/

@media ( min-width : 960px) {



    .carousel-menu .prev,

    .carousel-menu .next { margin-top: -0.04rem; }



} 



@media ( min-width : 1024px) {



} 



/*PC电脑*/

@media ( min-width : 1200px) { 



} 



/*大屏PC电脑*/

@media ( min-width : 1600px) { 



}







/*=== Style ===*/

.carousel-menu .swiper-container { position: relative; }

.carousel-menu .swiper-container .swiper-slide { width: auto; }

.carousel-menu li { position: relative; }

.carousel-menu li + li::before { content: ""; display: block; position: absolute; top: 50%; left: -0.16rem; margin-top: -0.08rem; width: 0.01rem; height: 0.16rem; background: rgba(0,0,0,0.1); } 

.carousel-menu li a { display: block; position: relative; padding: 0.04rem 0.08rem; color: #999; }

.carousel-menu .prev:hover,

.carousel-menu .next:hover,

.carousel-menu li:hover a,

.carousel-menu li.active a { background: #004A9F; color: #FFF; }