/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color: #444; width: 100%; }
body { background: #ac2b2e; }
@font-face { font-family: ITCAVANTGARDESTD-XLT; src: url("../font/ITCAVANTGARDESTD-XLT.otf") format("opentype"); }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, div, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { margin: 0; padding: 0; border-style: none; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
div { word-break: break-all; }
/*内容强制换行*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font-size: 14px; font-family: "Arial", "Microsoft Yahei", "Hiragino Sans GB"; width: 100%; }
input, select, textarea { font-size: 100%; font-family: "Arial", "Microsoft Yahei", "Hiragino Sans GB"; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
a { color: #444; }
/* 鼠标悬停 */
a:hover { color: #444; }
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
/* 代码字体 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
.font-simsun { font-family: SimSun; }
/* 清理浮动 */
.both { clear: both; }
body .fn-hide { display: none; }
/* 设置内联, 减少浮动带来的bug */
/*翻页*/
.page { padding: 60px 0px; color: #ccc; text-align: center; margin: 0px; }
.page a { color: #333; margin: 0 3px; background: #eee; padding: 7px 13px; border-radius: 2px; }
.page a:hover { background: #cc0000; color: #fff; }
.page .select { background: #cc0000; color: #fff; }
.page input[type=text] { width: 38px; height: 28px; border: #ccc 1px solid; border-radius: 2px; margin: 0 10px; }
.page input[type=button] { width: 54px; height: 28px; background: #cc0000; border-radius: 2px; }
.fn-left, .fn-right { _display: inline; /* for IE6 */ }
.fn-left { float: left; }
.fn-right { float: right; }
.fn-pr { position: relative; }
.fn-pa { position: absolute; }
.c { margin: auto; }
.pull-left { float: left; }
.pull-right { float: right; }
.w100% {
width:100%;
}
.w1200 { width: 1200px; }
.w1000 { width: 1000px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt520 { margin-top: 520px; }
.banner { width: 100%; display: table; margin: 0; }
.banner img { display: block; }
.img1 img { display: block; }
.jq_list { display: table; padding-top: 100px; background: url(../images/bg1.png) center top no-repeat; }
/*导航分类*/
.x_h3 { padding: .6em 0; color: #cc0000; font-size: 15px; background: #ffd800; display: block; border-radius: 10px; box-shadow: rgba(0,0,0,.3) 1px 3px 3px; text-align: center; width: 96%; margin: .5em auto .3em auto; }
.topbox { height: 500px; background-color: #313131; }
.section-content { display: table; width: 100%; margin: auto; border-bottom:#e74141 20px solid; background:#e74141; }
.section-content1 { display: table; width: 100%; margin: auto; border-bottom:#9abc6d 20px solid; background:#9abc6d;}
.section-content2 { display: table; width: 100%; margin: auto; border-bottom:#9dbada 20px solid; background:#9dbada; }
.section-content3 { display: table; width: 100%; margin: auto; border-bottom:#a24fb3 20px solid; background:#a24fb3;}
.section-content4 { display: table; width: 100%; margin: auto;  border-bottom:#895b2a 20px solid; background:#895b2a;}
.nav-height { position: relative; height: 62px; }
.nav-wrap { width: 100%; height: 62px; }
.nav-wrap.navFix { position: fixed; top: 0; left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2); border-bottom: 1px solid #e3e3e3\9; z-index: 99999; background: #ac2b2e; }
.nav-wrap ul { padding: 0; margin: 0 auto; width: 1200px; display: block; }
.nav-wrap.navFix ul { border-bottom: 0; }
.nav-wrap li { display: inline-block; text-align: center; height: 50px; line-height: 50px; float: left; width: 228px; overflow: hidden; font-size: 15px; margin: 6px; }
.nav-wrap li a { display: block; color: #fff; text-decoration: none; background: url(../images/img02.png) center center no-repeat; }
.nav-wrap li a:hover { color: #ffd800; }
.nav-wrap li a.active { color: #fff; line-height: 50px; background: url(../images/img01.png) no-repeat center center; }
.nav-mobile { display: none; font-weight: bold; width: 100%; }
.click-me { width: 150px; height: 30px; background: #4680d1; color: white; text-align: center; line-height: 30px; }
.click-me a { display: block; color: white; }
.list { width: 100%; display: table; }
.list dl { width: 289px; margin: 5px; height: 270px; overflow: hidden; background: #f7eaeb; padding-top: 16px; float: left; color: #811a23; }
.list dl dt { text-align: center; font-size: 15px; line-height: 40px; text-decoration: underline; font-weight: bold; }
.list dl dt img { width: 263px !important; height: 185px !important; }
.list dl dd { height: 34px; padding: 0 10px; }
.list dl dd span { font-weight: bold; font-size: 16px; line-height: 35px; }


.list dl i{ display:block; width:263px; height:185px; margin:auto; overflow:hidden;}
.list dl i img {  -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.list dl i:hover img { -webkit-transform: scale(1); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
/*导航分类*/

/*选择*/
label { display: inline; }
.regular-checkbox { display: none; }
.regular-checkbox + label { border: 3px solid #b5b5b5; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 12px; border-radius: 30px; display: inline-block; position: relative; }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.regular-checkbox:checked + label { border: 3px solid #ac2b2e; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; }
.regular-checkbox:checked + label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 5px; left: 4px; border: 3px solid #ac2b2e; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*选择*/




.jq_btn{width:100%; height:55px; position:fixed; z-index:900; bottom:0; background: rgba(51,51,51,.4)/* url(../images/h1.png) center center no-repeat*/; padding:20px 0;box-shadow: 0 0 5px rgba(0,0,0, 0.2); border-top: 1px solid #e3e3e3\9; text-align:center; }

.sm{ margin-top:80px;}
.sm_01 { display: table; background: #d47e18; color: #f4dec4; font-size: 14px; padding-top: 30px; }
.sm_01 h3 { font-size: 30px; font-weight: bold; color: #ac2b2e; padding: 0 20px; background: url(../images/bg2.png) center center no-repeat; width: 250px; margin: auto; text-align: center; height:40px; line-height:40px; }
.sm_text { padding: 40px; }
.sm_bg { text-align: center; }
.sm_bg img { display: inline-block; }
/*节庆回顾 */
.wqhg { display:table; margin-bottom:100px;}
.wqhg_tit { padding: 50px 0; background: url(../images/bg1.png) center center no-repeat; text-align:center; }
.wqhg_img { width: 1156px; height: 460px; padding: 14px; border: #b44143 8px solid; }
.tabBar { width: 1156px; font-family: "Microsoft YaHei"; margin: auto; height: 460px; }
.tabBar .hd { width: 187px; height: 460px; float: left; }
.tabBar .hd ul { z-index: 5; position: relative; zoom: 1; display: block; }
.tabBar .hd li { height: 75px; width: 176px; text-align: center; color: #fff; background: #ce4548; cursor: pointer; font-size: 15px; margin-bottom: 21px; position: relative; }
.tabBar .hd li.on { position: relative; color: #FFF; }
.tabBar .hd li.on span { color: #fff; background: #fd930f; display: block; }
.tabBar .hd li.on span:before { content: " "; width: 16px; height: 16px; background: #fd930f; transform: rotate(45deg); right: -8px; position: absolute; top: 28px; display: block; }
.tabBar .hd li span p { font-size: 12px; color: #fff; opacity: 0.5; }
.tabBar .hd li span { padding-top: 20px; height: 55px; display: block }
.tabBar .bd { position: relative; height: 460px; overflow: hidden; float: right; width: 960px; }
.tabBar .bd .conWrap { width: 960px; }
.tabBar .bd .prev { position: absolute; left: 10px; top: 41%; z-index: 100; }
.tabBar .bd .next { position: absolute; right: 10px; top: 41%; z-index: 100; }
.tabBar .bd p { padding: 10px; display: block; text-align: center; float: left; line-height: 23px; color: #000; }
.tabBar .bd p span { font-size: 14px; color: #000; }
.tabBar .bd .con img { width: 960px; height: 460px !important; display: block; }
.tabBar .bd .con { display: block; }



/*节庆回顾 */



/*底部 */

.bottom img{ display:block;}
.bot_content{width:100%; background:#de9312; padding-bottom:115px;}
.bot_bot{color:#fff; text-align:center; font-size:12px;}

/*tab*/
.bot_content .forum{ width:1200px; display:table;  margin: auto; padding:20px 0 30px 0;}
.bot_content #menu2{ overflow:hidden; }
.bot_content #menu2 #nav2 {display:block;width:800px;padding:0;margin:10px auto;list-style:none; height:54px;}
.bot_content #menu2 #nav2 li {float:left;width:176px; }
.bot_content #menu2 #nav2 li a {display:block;line-height:54px;text-decoration:none; text-align:center; color:#333; font-size:24px; font-weight:bold;}
.bot_content #menu2 #nav2 li a:hover {color:#ac2b2e;}
.bot_content #menu2 #nav2 li .selected2{ color:#ac2b2e;}

/*tab内容区域*/
.bot_content .forumnews{ width:898px; display:table; border:#e5a840 10px solid; padding-top:30px; padding:40px 40px 40px 240px;}
.bot_content .forumnews ul{ float:left; text-align:center; width:350px; border-right:#e5a941 1px solid; padding:10px 0;}
.bot_content .forumnews li { line-height:25px; color:#fff;}
.bot_content .forumnews span{ float:right; font-size:12px; color:#cd0102;}

/*底部 */

/*排行榜*/
.main{ border:#dd5154 5px solid; width:1174px; padding:8px; display:table; margin-top:60px; margin-bottom:60px;}
.m_list{ width:1174px; background:#f6eaea; display:table;}
.phb{ padding:40px; width:1114px; display:table;}
.phb dl{width:540px; height:220px; float:left; overflow:hidden; color:#ac2b2e; margin-right:10px;}
.phb dl dt{width:263px; float:left; position:relative; height:185px; margin-right:15px;}
.phb dl dt img{width:263px; height:185px;}
.phb dl dt b{ text-transform:uppercase; color:#fff; padding:.2em .6em; background:#cc0000; font-size:18px; display:inline-block; position:absolute; top:0; left:0; z-index:10;}

.phb dl dd{width:260px; float:left;}
.phb dl dd h3{  margin-bottom:15px; font-size:18px; margin-top:10px;}

/*排行榜*/


#gray { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0px; display: none; z-index: 99; }
.popup { width:390px; height:260px;background: rgba(0,0,0,0.7); position: fixed; z-index: 10000; border-radius:10px; left: 400px; top: 96px; display: none; }
.popup .top_nav {  position: relative; cursor: move; padding-top:30px; }
.popup .top_nav i { width: 35px; height: 35px; background: url(../images/sucai_tubiao.png) -314px -5px; position: absolute; top: 6px; left: 8px; display: block; }
.popup .top_nav span { font-size:23px; color:#fd930f; line-height:40px; display:block; margin:18px 0; font-weight:bold;}
.popup .top_nav a.guanbi { background: url(../images/popup_guanbi.png) repeat 0px 0px; width: 35px; height: 35px; display: block; position: absolute; top: 8px; right: 10px; cursor: pointer; }
.popup .top_nav a.guanbi span { display: none; }
.popup .top_nav a.guanbi:hover { background: url(../images/popup_guanbi.png) repeat 0px -35px; }
.popup .min { width: 532px; height: auto; padding: 10px; }


.tc{ background:none !important;}


/*置顶漂浮*/
.side-pannel { position: fixed; right:2%; z-index: 9999; box-shadow:rgba(0,0,0,.3) 2px 3px 3px; }
.side-bar {  bottom:30px; background:rgba(51,51,51,.6) }
.side-bar a { display: block; cursor: pointer; width: 70px; height: 60px; border-bottom: 1px solid #ccc; position: relative; color: #fff; text-align: center }
.side-bar a:hover { background: #9b0d0d; color:#fff; }
.side-bar a s { display: block; margin-left: auto; margin-right: auto }
.side-bar a span { display: block; padding-top:12px; font-size: 14px; font-weight: bold; }
.side-bar a.gotop s { position: absolute; top: 50%; left: 17px }
.side-bar a.text { padding-top: 25px }
.side-bar a.qr s { position: absolute; top: 50%; left: 18px }
.side-bar a.qr i { width:156px; height:141px; position: absolute; left: -155px; top:70%; margin-top: -76px; display: none; background-position: 0 0; background-repeat:no-repeat; overflow:hidden; }
.side-bar a.qr:hover i { display: block }
.side-bar a.qr i { background-image: url(../images/weixin.png) }
.g-icon-top { height: 20px; width: 35px; margin-top: -10px; background-position: 0 -33px }
.g-icon-survey1 { height: 23px; width: 26px; margin-top: -11px; background-position: 0 -53px }
.side-bar a.survey:hover s { height: 23px; width: 26px; margin-top: -11px; background-position: -26px -53px }
.g-icon-qq1 { height: 20px; width: 22px; margin-top: -10px; background-position: -35px -33px }
.g-icon-weibo1 { height: 25px; width: 27px; margin-top: -12px; background-position: -72px 0 }
.g-icon-weibo2, .side-bar a.weibo:hover s { height: 25px; width: 27px; margin-top: -12px; background-position: -72px -25px }
.g-icon-qr1 { height: 33px; width: 36px; margin-top: -16px; background-position: -36px 0 }
.g-icon-qr2, .side-bar a.qr:hover s { height: 33px; width: 36px; margin-top: -16px; background-position: 0 0 }
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2, .side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s { background-image: url(../images/sprite.png) }