@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font: 16px "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
html,body{ width:100%; height:100%; -webkit-overflow-scrolling: touch }
body{
    position:relative;
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-text-size-adjust:none;
     background:#000;
}
ul, li, div, p, body { margin: 0; padding: 0;-moz-user-select: none; -khtml-user-select: none; user-select: none; -webkit-user-select: none; -webkit-overflow-scrolling: touch  }
li { list-style: none; }
a { text-decoration:none; display:block;color:#fff;outline:none}
.button{ text-align: center; background: #132230; border: 1px solid #7f878f; border-radius:5px; margin: 20px 20px; padding: 10px;}
.flex_box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex1{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.flex2{-webkit-box-flex: 2;-webkit-flex: 2;flex: 2;}
.flex3{-webkit-box-flex: 3;-webkit-flex: 2;flex: 3;}
.tab a{ text-align: center; background: #1e1e1e; padding: 15px 0; color: #438ad4}
.tab a.on{ background: #101c2b; color: #fff}
.home_img{ width:65%; margin:10px auto; display: block}
.banner{ width: 100%}
.banner img{ width: 100%; display: block}
.body_signup{ background: #101d26}
.body_news{ background: #fff}
.list_box{border-top:1px solid #7c858c;}
.list a{ border-bottom:1px solid #7c858c;font-size: 18px; overflow: hidden}
.list  span { padding: 20px 0; display: inline-block; text-align: center;}
.list .time{ background: #13212e;  color: #4d92db; font-weight:bold; width:35% }
.list .city{font-weight:bold;}
.list .row{ float: right; background: url("../img/lining/row.jpg") no-repeat center center; width:20px;background-size:20px auto; margin: 12px 10px 0 0 }
.list b{ font-weight: normal; color: #4f96e0; padding: 0 10px;}
.rule{ padding: 10px 15px; color: #4d92db; font-size: 14px;}
.rule strong{margin-bottom: 5px; font-size: 16px; display: inline-block}
.rule table{ border: 1px solid #4d92db; width: 100%; border-bottom: 0; border-right:0 }
.rule table td{ line-height:30px;border-bottom: 1px solid #4d92db;border-right: 1px solid #4d92db; text-align: center}
.top_banner{ position: relative;}
.top_banner img{ display: block; width: 100%; height: auto}
.newslist{ padding: 8px; }
.newslist a{ color: #438ad4; margin-bottom: 8px;}
.newslist .city_img{ overflow: hidden; position: relative; margin-right: 10px;}
.newslist .city_img img{width: 100%; height: auto; display: block}
.newslist .city_img p{ position: absolute; width: 100%; bottom:3px; text-align: center; font-size: 14px;}
.photolist{ position: relative}
.photolist .photo{ display:block; float: left; width: 33.3%; position: relative; overflow: hidden}
.photolist .photo img{ display:block; width: 100%; height: auto; border: 1px solid #fff; border-bottom: 0}
.photolist .photo p{ position: absolute; width: 100%; bottom:5px; text-align: center; font-size: 14px;color: #438ad4; line-height:15px; font-weight: bold}
.photo-container img{ display: block; margin: 0 auto}
.swiper-pagination{ display: none}
.photo_swiper .photo{ width: 25%}

.img_list{ width: 100%; text-align: center}
.img_list img{ display: block; width: 100%}
.line_img img{ width: 32%; display: inline-block; margin: 10px 0}
.line_img_2 img{ width: 48%;display: inline-block; margin: 10px 0 0 0}
.img_list img.img_br{ width: 50%; display: inline-block}