/*
 * @author Weiqianqian <1937025663@qq.com>
 *
 * @since  2018-03-06
**/
body {  background: #eee;  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  font-size: 14px;  background-color: #000;  margin: 0; padding: 0; }

.swiper-container {  width: 100%; background-color: #1a1817;}
.swiper-slide {  text-align: center;  font-size: 18px;  background: #fff;  /* Center slide text vertically */  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; background-color: #1a1817;}     
.banner{ background-color: #1a1817; height: 100%; width: 100%;}
.banner .pho{ height: 12.1rem;}
.banner .pho img { width: 100%; height: auto; top:0;}
.back{ width: 100%; padding: .4rem 0 .3rem .2rem; background-color: rgba(0,0,0,0.5);}
.back img{ width: .24rem; }
.number{ color: #fff; font-size: .28rem; text-align: left; padding-left: .2rem; bottom: 2.5rem; width: 100%; padding: .3rem 0 .3rem .2rem; background-color: rgba(0,0,0,0.5);} 
.banner .words{ width: 100%; height: 2.3rem; top: 4.7rem; margin-left: -7.5rem; color: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; position:relative; background-color:rgba(0,0,0,0.5); }
.banner .words span{ font-size: .34rem ; color: #fff; line-height: .8rem; height: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; margin-left: 12px; width: 90%; float: left; text-align: left;}
.banner .words p{ font-size: .3rem; color: #b5b5b5 ; line-height: .45rem; height: .45rem; margin-top: .22rem; width: 94%; display: block;  margin-left: 16px; float: left; text-align: left;}
.swiper-pagination-current{ font-size: .64rem; color: #e12e2e;}