@charset "utf-8";
/* 
类型：微影院 首页CSS
作者：杨涛
日期：2016-04-09 20:48
心情：★★★☆☆
兼容：webkit 移动端
备注：全局样式提前引用
*/
.shaixuan{ height:1.95rem; padding:.55rem 0; border-bottom:1px  solid #e8e8e8; background:#fff;}
.sx_box{ height:.85rem; border-left:2px solid #6b450a; font-size:.6em;}
.sx_txt{text-align:left; padding-left:.3rem; height:inherit;}
.sx_txt span{ display:inline-block; padding:0 .4rem;}
.sx_txt span.on{ color:#6b450a;}
.sx_btn{ height:inherit; position:relative; padding: .5rem 0; line-height: 1;}
.sx_btn span{ display:inline-block; padding:0 .6rem;}
.sx_btn span.guolv_btn{ border-left:1px solid #C49D07;}
.hide_box{ display:none; position:absolute; top:1.4rem; right:.4rem; font-size: .6rem; background:#fff;  border-radius:4px; color:#888; box-shadow:0 0 5px rgba(135,135,135,.8); -webkit-box-shadow:0 0 5px rgba(135,135,135,.8);}
.hide_bd{ padding:0 .6rem; max-height:10rem; overflow:hidden; overflow-y:auto;}
.hide_box span{ display:block; width:4rem; line-height:1.5rem; border-bottom:1px solid #eee;}
.hide_box span.on{ color:#6b450a;  border-bottom:1px solid #FFD705;}
.hide_box span:last-child{ border:0;}
.hide_box:after{ content:""; position:absolute; top:-18px; right:.6rem; width:0; height:0; font-size:0; border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:10px;}
.hide_box:before{ content:""; position:absolute; top:-20px; right:.6rem; width:0; height:0; font-size:0; border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:10px;}

.movie_bd{ padding-top:.4rem; padding-left:.4rem;}
.movie_bd li{ width:33.333%; float:left; margin-bottom:.6rem; padding-right:.4rem;}
.movie_bd li a{ color:#1b1a1a;}
.movie_bd li .img_bd{ display:block; width:100%; min-height: 5.75rem; height: 5.75rem; height: 33.33vw; overflow:hidden;}
.movie_bd li img{ width:100%;}
.movie_bd li .text_overflow_rows{ margin-top:.3rem; font-size:.65em; line-height:1.2em; height:2.4em;}
.hd_fixed + .movie_bd{ padding-top:4.1rem;}

/*swiper滑动*/
.swiper-container{
	width:100%; height:6rem; overflow:hidden; position: relative;
}
.swiper-pagination{ 
    position:absolute; bottom:.25rem; left:50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	z-index:2;
}
.swiper-pagination span{ display:inline-block; width:.35rem; height:.35rem; border-radius:50%; background:#e8e8e8; margin:0 .15rem;}
.swiper-pagination span.on{ background:#949492; }
.swiper-wrapper{
	position:relative;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: box;  
	display: flexbox;  
	display: flex;
    width:100% !important;
    height: 100% !important;
    position:relative;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    
    -moz-transition-property:all;
    -webkit-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s; 
    transition-duration: .3s;
    -webkit-backface-visibility:hidden;/*频繁闪烁或抖动*/
    -webkit-perspective:1000;/*清除频繁闪烁或抖动*/
    -webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*滚动方式为触摸滑动*/
}
.swiper-wrapper > .swiper-slide{ 
    -webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100% !important;
	position:relative;
}
.swiper-slide img{ width:100%; height: 6rem;}
.noduration{
    -moz-transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
    transition-duration: 0s !important;
}