@charset "utf-8";
/* ----------------------------------- 公用部分 开始 ----------------------------------- */
* { margin:0; padding:0; }
html { font-size:62.5%; width:100%; height:100%; overflow:hidden; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; -o-overflow-scrolling:touch; overflow-scrolling:touch; }
body { font-size:1.4rem; color:#333; font-family:"arial", "微软雅黑"; width:100%; height:100%; overflow:hidden; position:relative;}

body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{ margin:0; padding:0;}
ol, ul, li { list-style:none; }
a { text-decoration:none; color:#171717;}
a:hover { color:#171717;}
img { border:0; }
.red { color:#900;}
.f12 { font-size:1.2rem;}
.f14 { font-size:1.4rem;}
.f15 { font-size:1.5rem;}
.f16 { font-size:1.6rem;}
.f18 { font-size:1.8rem;}
label , .hand { cursor:pointer;}

.clear{clear:both;}


/* 顶部 固定导航  start */
#header { height:50px; overflow:hidden; position:relative; width:100%; max-width:720px; margin:0 auto; z-index:9999999999; left:0px; top:0;}
#header.lan { background-color:#002C4F;}
#header .wrap { width:100%; margin:0 auto; position:relative; overflow:hidden;}
#header .wrap .menu_back { width:28px; margin-top:16px; text-align:center; float:left;}
#header .wrap .menu_back img { width:18px; height:18px; cursor:pointer;}
#header .wrap .menu_grid { width:28px; text-align:center; float:right; margin-top:16px;}
#header .wrap .menu_grid img { width:18px; height:18px; cursor:pointer;}
#header .wrap .logo { width:137px; margin-top:5px; float:left;}
#header .wrap .logo a { display:block;}
#header .wrap .logo img { display:block; height:40px;}
#header .wrap .menu_down_img { height:30px; margin-top:10px; float:right; cursor:pointer;}
#header .wrap .menu_down_img img { display:block; height:30px;}

.grid_box{ width:160px; background:#303537; z-index:9999999999; position:absolute; right:5px; top:50px; display:none;}
.grid_box dd{ line-height:38px; color:#454545; height:38px; font-size:14px; overflow:hidden; text-indent:10px; border-bottom:1px solid #2A2E30;}
.grid_box dd span{ display:inline-block; text-indent:38px; font-size:12px;}
.grid_box dd .ico_index{ background:url('../images/ico_home.png') left center no-repeat;}
.grid_box dd .ico_news{ background:url('../images/ico_news.png') left center no-repeat;}
.grid_box dd .ico_event{ background:url('../images/ico_event.png') left center no-repeat;}
.grid_box dd .ico_baoming{ background:url('../images/ico_baoming.png') left center no-repeat;}
.grid_box dd .ico_ticket{ background:url('../images/ico_baoming.png') left center no-repeat;}
.grid_box dd .ico_youth_reg{ background:url('../images/ico_youth_reg.png') left center no-repeat;}
.grid_box dd .ico_youth_rank{ background:url('../images/ico_youth_rank.png') left center no-repeat;}
.grid_box dd .ico_feedback{ background:url('../images/ico_youth_rank.png') left center no-repeat;}
.grid_box dd a{ color:#efefef;}
/* 顶部 固定导航  end */




#container { width:100%; margin:0 auto; position:relative; top:0; left:0px; overflow-x:hidden; overflow-y:auto; height:100%;}
@media only screen and (min-width:1000px ) {
    #container{
        width: 800px !important;
    }
}
#content { position:relative; overflow:hidden; padding-bottom:50px;}

/* ------------------------------- 加载更多  开始 -------------------------------- */

#list { width:100%; height:100%; position:relation;}
#list ul { background:#fff; display:block;}
#list li { display:block; height:auto;}
#list li.touch { background-color:#f4f4f4; -moz-box-shadow:0px 2px 4px #ccc inset; -o-box-shadow:0px 2px 4px #ccc inset; -webkit-box-shadow:0px 2px 4px #ccc inset; box-shadow:0px 2px 4px #ccc inset;}
.list_loading { height:16px; padding:20px 0 30px; text-align:center; background-color:#F0F1F1;}
.list_loading i { height:16px; width:16px; display:inline-block; background:url('../images/icons.png') no-repeat -288px -16px;background-size:500px 500px; margin-right:10px; vertical-align:middle; -webkit-animation:loading 1s infinite linear; -ms-animation:loading 1s infinite linear; -o-animation:loading 1s infinite linear; -moz-animation:loading 1s infinite linear; animation:loading 1s infinite linear;}
.list_loading span { height:16px; display:inline-block; line-height:16px; vertical-align:middle; color:#A0A0A0;}
@-webkit-keyframes loading { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading { 0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
/* ------------------------------- 加载更多  结束 -------------------------------- */


/* 底部撑高用 底部有广告时 */
#table_height_ad { width:100%; margin:0 auto; overflow:hidden; border:none; border-collapse:collapse; float:left;}
#table_height_ad tr td { border:none; height:150px;/*  background-color:#F0F1F1; */}

/* 底部撑高用 底部无广告时 */
#table_height { width:100%; margin:0 auto; overflow:hidden; border:none; border-collapse:collapse; float:left;}
#table_height tr td { border:none; height:80px;/*  background-color:#F0F1F1; */}


/* 底部 固定  start */
/* #fixed_foot { position:fixed; bottom:0; left:0; max-width:720px; background:#FFF; margin-bottom:-4px; margin:0 auto;} */
#fixed_foot{
 position: fixed;
 bottom: 0;
 left: 0;
 max-width: 720px;
 background: #FFF;
 margin-bottom: -4px;
 margin: 0 auto;
 width: 100%;
 left: 50%;
 transform: translateX(-50%);
}
#fixed_foot img { width:100%; max-width:100%; max-height:100px; border:0px; margin:0 auto;}
/* 底部 固定  end */
/* ----------------------------------- 公用部分 结束 ----------------------------------- */



/* 分页 */
.page { width:100%; margin:0 auto; height:50px; line-height:50px; text-align:center; overflow:hidden;}
.page a { width:22px; height:22px; line-height:22px; padding:2px 3px; border:1px solid #D1D1D1; margin-right:10px; color:#666; }
.page a:hover { border:1px solid #78ab25; text-decoration:none;}
.page .current { width:22px; height:22px; line-height:22px; padding:2px 7px; background-color:#78ab25; color:#FFF; border:1px solid #78ab25; margin-right:10px;}
.page .disabled {  margin-right:10px; color:#666;}