.main{}

/*分区*/
.section{ width: 100%; height: auto; overflow: hidden; position: relative; border-top: 1px solid #252526;}
.section .st_main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}

/*面包屑导航*/
.st_title{ width: 100%; height: 50px;}
.st_title a{ float: left; font-size: 14px; line-height: 50px;}
.st_title span{ float: left; padding: 0 20px; font-size: 14px; line-height: 50px; color: #000;}


/*列表*/
.st_list{ width: 100%; height: auto; margin: 0 auto; padding: 35px 25px; overflow: hidden;}

.list_cell{}
/*列表-单元标题*/
.list_cell .cell_title{ width: 100%; height: 36px; border-bottom: 1px solid rgba(20,20,20,0.2);}
.list_cell .cell_title span{ display: inline-block; position: relative; font-size: 18px; line-height: 200%;}
.list_cell .cell_title span:before{ display: block; content: " "; width: 100%; height: 2px; position: absolute; bottom: 0px; left: 0; background-color: #B9070F;}

/*志愿者服务内容*/
.list_cell.c1 .cell_main{ padding: 30px 50px;}
.list_cell.c1 .cell_main p{ text-indent: 2em; font-size: 14px; line-height: 180%;}

/*志愿者风采*/
.list_cell.c2 .cell_main{ padding: 30px 70px; position: relative;}
.mySwiper1{ width: 100%; height: 170px; overflow: hidden; position: relative;}
.mySwiper1 .swiper-slide{ width: 230px; height: 170px; overflow: hidden;}
.mySwiper1 .swiper-slide img{ display: block; width: 100%; height: 100%; cursor: pointer; transition: all .2s ease-out 0s;}
.mySwiper1 .swiper-slide img:hover{ transform: scale(1.1);}
.list_cell.c2 .btn{ width: 40px; height: 40px; position: absolute; top: 95px; background-position: center center; background-size: 20px 40px; background-repeat: no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.list_cell.c2 .btn:hover{ transform: scale(1.2);}
.list_cell.c2 .btn.left{ left: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");}
.list_cell.c2 .btn.right{ right: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");}
.mySwiper1  .swiper-wrapper{margin: 0 auto}

/*志愿者活动*/
.list_cell.c3 .cell_main{ padding: 30px 50px; text-align: center;}
.list_cell.c3 .cell_main span{ display: inline-block; width: auto; height: 50px; margin: 0 14px; padding-left: 30px; position: relative; font-size: 14px; line-height: 50px;}
.list_cell.c3 .cell_main span:before{ display: block; width: 22px; height: 22px; position: absolute; top: 14px; left: 0; border-radius: 50%; background-color: #B9070F; font-size: 14px; line-height: 22px; color: #fff; text-align: center;}
.list_cell.c3 .cell_main span.s1:before{ content: "1";}
.list_cell.c3 .cell_main span.s2:before{ content: "2";}
.list_cell.c3 .cell_main span.s3:before{ content: "3";}

/*加入我们*/
.list_cell.c4 .cell_main{ padding: 30px 50px;}
.list_cell.c4 .cell_main p{ font-size: 14px; line-height: 180%;}