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

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .frontier-home-banner { padding-top: 0.82rem; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 

    .frontier-home-banner { padding-top: 1.6rem; }

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 

}

/*=== Style ===*/
#Frontier-home-banner .tm-banner-prev,
#Frontier-home-banner .tm-banner-next,
#Frontier-home-banner-mobile .tm-banner-prev,
#Frontier-home-banner-mobile .tm-banner-next { position: absolute; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; background: rgba(255,61,0,0.5); box-shadow: 0 0 0.08rem rgba(0,0,0,0.3); border-radius: 0.02rem; line-height: 0.48rem; text-align: center; font-size: 0.32rem; color: rgba(255,255,255,0.3); z-index: 2; cursor: pointer; opacity: 0; }
#Frontier-home-banner .tm-banner-prev,
#Frontier-home-banner-mobile .tm-banner-prev { left: 0.16rem; }
#Frontier-home-banner .tm-banner-next,
#Frontier-home-banner-mobile .tm-banner-next { right: 0.16rem; }
#Frontier-home-banner:hover .tm-banner-prev,
#Frontier-home-banner:hover .tm-banner-next,
#Frontier-home-banner-mobile:hover .tm-banner-prev,
#Frontier-home-banner-mobile:hover .tm-banner-next { background: rgba(255,61,0,0.7); opacity: 1; }
#Frontier-home-banner .tm-banner-prev:hover,
#Frontier-home-banner .tm-banner-next:hover,
#Frontier-home-banner-mobile .tm-banner-prev:hover,
#Frontier-home-banner-mobile .tm-banner-next:hover { background: rgba(255,61,0,0.9); opacity: 1; }
#Frontier-home-banner .tm-banner-prev i,
#Frontier-home-banner .tm-banner-next i,
#Frontier-home-banner-mobile .tm-banner-prev i,
#Frontier-home-banner-mobile .tm-banner-next i { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
#Frontier-home-banner .tm-banner-prev:hover i,
#Frontier-home-banner .tm-banner-next:hover i,
#Frontier-home-banner-mobile .tm-banner-prev:hover i,
#Frontier-home-banner-mobile .tm-banner-next:hover i { color: rgba(255,255,255,0.7); }