body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { margin:0; padding:0; border:0; }
ul li { list-style:none; }
a { text-decoration:none;}
img { vertical-align:top; }
input{outline-style:none; border: none; font-family: "微软雅黑";}
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.bc { margin-left:auto; margin-right:auto; }
.tc { text-align:center; }
.tr { text-align:right; }
.zoom { overflow:hidden; zoom:1; }
.pos-a{position: absolute;}
.pos-r{position: relative;}
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.l18 { line-height:18px; }
.l20 { line-height:20px; }
.l22 { line-height:22px; }
.l24 { line-height:24px; }
.l26 { line-height:26px; }
.l28 { line-height:28px; }
.l32 { line-height:32px; }
body { font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#f9f8f8; color: #333;margin: 0 auto;}
.t24 { text-indent:24px; }
.t28 { text-indent:28px; }
.t30 { text-indent:30px; }
.mt3{margin-top: 3px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.pl30{padding-left: 30px;}
.bg-write{background: #ffffff;}
.hide{display: none;}
/*---------------页面属性---------------*/
.header{height: 40px; text-align: center; background: #0068b7; line-height: 40px; color: #ffffff;position: relative; }
.header span{ float: left;position: relative; width: 40px; font-size: 16px; z-index: 99;}
.header span img{width: 24px; margin-top: 8px;}
.header em{font-style: normal; width: 100%; position: absolute; left: 0; }
.content{position: relative;}
.activity{margin: 10px 6px; padding-bottom: 15px;}
.activity h1 { font-weight: normal; font-size: 18px; color: #000; line-height: 25px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 50px; }
.a-title{background: #f5f5f5;}
.a-detail{display: block; position: relative; border-bottom: 1px dotted #dfdfdf; margin: 0px 10px; padding: 5px 0px; font-size: 14px; line-height: 26px;}
.a-img{position: absolute; left: 0; top: 7px; width: 20px; height: 20px;}
.a-detail p{padding-left: 30px;}
.a-less{color: #999; font-size: 12px; font-weight: normal;}
.a-nobor{border: none;}
.a-note{font-size: 12px;}
.a-note strong{font-weight: normal; color: #0068b7;}
.a-cont{font-size: 16px;}
.a-cont h2{color: #0068b7; font-size: 16px; font-weight: 500; height: 40px; line-height: 40px; border-bottom: 1px solid #ececec;}
.a-cont p{margin-top: 5px; font-size: 14px; }
.a-cont p img{display: block; width: 100%}
.a-cont video{background: #333; width: 100%; margin-top: 5px;}
.a-but{width: 100%; height: 40px; line-height: 40px; z-index: 9; text-align: center; position: fixed; left: 0; bottom: 0;}
.a-but a{max-width: 640px; display: block; margin: 0 auto; background: #0068b7; color: #ffffff; cursor: pointer;}
.a-join{position: relative; margin: 0px 10px; padding: 5px 0px;}
.a-join li{overflow: hidden; padding:5px 0 0 8px; border-bottom: 1px solid #e7e7e7; }
.a-join li h3{color: #999; font-size: 14px; padding: 10px 0; font-weight: normal;}
.a-join li h3 strong{font-weight: normal;}
.a-join li p{width: 100%; color: #999; line-height: 30px; float: left;font-size: 14px; text-align: left;}
.a-join li p strong{color: #0068b7;}
.a-join li p span{ display: inline-block; float: right; margin-right: 8px; font-size: 12px;}
.a-join .a-nobor{border: none;}
.a-join-more{text-align: center; padding-top: 10px;}
.a-join-more a{display: block; color: #0068b7; font-size: 14px; cursor: pointer;}
.a-join .tbg{background: #f4f7f4;}
/*list*/
.top{width: 100%; height: 40px; position: relative; line-height: 40px; color: #FFFFFF; background: #b42320; text-align: center;}
.top a{width: 40px; height: 40px; float: left; color: #FFFFFF;}
.top a.back-icon{ position: absolute; left:0;top:0;font-family:simsun;font-size:28px;font-weight:bold;padding:0;}
.top a.back-icon b{width:15px;height:3px;background:#fff;display:block;position:absolute;}
.top a.back-icon b:nth-child(1){top:17px;left:11px;-webkit-transform:rotate(-45deg);}
.top a.back-icon b:nth-child(2){top:26px;left:11px;-webkit-transform:rotate(45deg);}
.top-h2{font-weight: normal; font-size: 14px; color: #000; line-height: 25px;}
/*名单列表页*/
.rightbtn{right: 2%; position: fixed; top: 95%; display: none;}
.perch{height: 50px;}
.bottom{text-align: center;width: 100%;}
.footer{width: 100%; text-align: center;}
.footer img{ width: 150px;}
.foot{font-size: 12px; margin-top: 10px; text-align: center; color:#5d5d5d; }
/*底部*/
.bm-hide{}
.bm-hide span{width: 20px; height: 20px; line-height: 20px; font-size: 12px; background:#0068b7; display: block; float: right; color: #ffffff; font-weight: 500; margin-right: 3%; border-radius: 5px; cursor: pointer; text-align: center;}
.bm-cont{width: 100%; background: rgba(0,0,0,0.4); height: 100%; z-index: 20; text-align: center; position: fixed; left: 0; bottom: 0px; display: none;}
.bm-box{width: 100%; z-index: 29; text-align: center; position: fixed; left: 0; bottom: 0; display: none;}
.bm-list{max-width: 640px; background: #ffffff; padding-top: 15px; margin: 0 auto;}
.bm-list input{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: none;}
.bm-list .text{ width: 88%; margin: 5px 5%; border:1px solid #C6C6C6; border-radius: 5px; background: #ffffff; padding:8px 1% 8px 1%; color: #333333; font-size: 14px;}
.bm-list ul div input{ width: 92%; margin: 10px 5%; cursor: pointer; border:none; background: #e50028; border-radius: 5px; padding:8px 1% 8px 1%;color: #ffffff; font-size: 14px;}
/*报名框*/

#mail{display: none;}


/*活动新增*/
.a-btn{display: flex; display: -webkit-flex; position: fixed; bottom: 0; height: 35px; line-height: 35px; width: 100%;}
.a-btn a{flex: 1; background: #0068b7; color: #ffffff; cursor: pointer; text-align: center;}
.swiper-container img{width: 100%;}