body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
q: before, q: after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { line-height: -1px; vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
strong { font-weight: 800; }
/*全局设置*/
html, body { width: 100%; height: 100%; }
.wrapper-out { width: 100%; overflow: hidden; zoom: 1; margin: 0 auto; }
.wrapper-inner { width: 980px; overflow: hidden; zoom: 1; margin: 0 auto; }
.hd, .bd, .ft { width: 100%; zoom: 1; }
a { color: #9A9A9A; text-decoration: none; outline: none }
a:hover, a:active { color: #FF0000; text-decoration: underline }
/*移动设备支持*/
@media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none; }
}
@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none; }
}
/*布局*/
.header { width: 100%; height: 47px; background: #000; border-bottom: 1px solid #383838 }
.body { width: 100%; background: url("/templets/default/images/bg.png") repeat-x top #000; text-align: center }
.left { float: left }
.right { float: right }
.footer { width: 100%; height: 30px; line-height: 30px; color: #4C4C4C; text-align: center; font-size: 12px; margin-top: 46px; margin-bottom: 20px; font-family: Arial; }
.footer span { padding-right: 12px; }
/*header*/
.header .logo { float: left; width: 104px; height: 24px; margin: 11px 34px 0px 32px; _display: inline }
.header .nav { float: left; font-size: 12px; color: #fff; height: 24px; margin-top: 11px; line-height: 24px; }
.header .nav a { color: #fff; }
.header .nav span { padding: 0 8px; }
.header .mainNav { float: right; color: #B3B3B3; font-size: 12px; height: 24px; line-height: 24px; margin: 11px 40px 0 0; _display: inline }
.header .mainNav span { color: #747474; padding: 0 8px; }
/*Main-P-QQ*/
#Main-P-QQ { margin: 0 auto; text-align: center; font-size: 12px; color: #fff; }
#Main-P-QQ .hd { height: auto; }
#Main-P-QQ .hd h1 { color: white; font: 800 26px/22px "宋体", arial; line-height: 26px; margin: 19px auto 0 auto; }
/*toolBar*/
#toolBar { width: 100%; overflow: hidden; height: 20px; margin-top: 36px; padding: 0 20px; width: 938px }
#toolBar .left li { float: left; font-size: 12px; color: #5C5C5C; padding-right: 7px }
#toolBar .left li.full { height: 12px; background: url("/templets/default/images/icon.png") no-repeat 0 0; color: #9A9A9A; padding-left: 21px; cursor: pointer; padding-right: 16px; display: none }
#toolBar .left li.play { height: 12px; background: url("/templets/default/images/icon.png") no-repeat 0 -14px; color: #9A9A9A; padding-left: 21px; cursor: pointer; padding-right: 16px; }
#toolBar .left li.stop { height: 12px; background: url("/templets/default/images/icon.png") no-repeat -188px 0; color: #9A9A9A; padding-left: 21px; cursor: pointer; padding-right: 16px; }
#toolBar .left li.save { height: 12px; background: url("/templets/default/images/icon.png") no-repeat 0 -28px; color: #9A9A9A; padding-left: 21px; cursor: pointer; padding-right: 16px; }
#toolBar .left li.save a:hover { color: #9A9A9A; text-decoration: none }
#toolBar .right li { float: left; font-size: 12px; color: #5C5C5C; padding-right: 7px; margin-top: 2px; }
#toolBar .right li.comment { height: 18px; background: url("/templets/default/images/icon.png") no-repeat 0 -42px; color: #9A9A9A; padding-left: 22px; cursor: pointer; padding-right: 16px; margin-top: 2px; }
#toolBar .left li.save a:hover, #toolBar .right li.comment a:hover { color: #9A9A9A; text-decoration: none }
#toolBar .right li.shareQQ { height: 15px; background: url("/templets/default/images/icon.png") no-repeat 0 -60px; color: #9A9A9A; padding-left: 23px; cursor: pointer; padding-right: 16px; padding-top: 3px; margin-top: 0px; }
#toolBar .right li.shareWB { height: 15px; background: url("/templets/default/images/icon.png") no-repeat 0 -82px; color: #9A9A9A; padding-left: 23px; cursor: pointer; padding-right: 16px; padding-top: 3px; margin-top: 0px; }
/*Main-A*/
#Main-A { width: 980px; height: 600px; text-align: center; margin-top: 17px; position: relative; background: url("/templets/default/images/ajax-loader.gif") no-repeat center center; }
.pageLeft { position: absolute; left: 0; top: 0; width: 100%; cursor: pointer; z-index: 101 }
.pageLeft span { float: left; width: 102px; height: 95px; margin: 0 0 0 24px; _display: inline; background-image: url("/templets/default/images/right.png")!important;/* FF IE7 */ background-repeat: no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right.png'); /* IE6 */
_background-image: none; /* IE6 */ }
.pageLeft span a, .pageRight span a { display: block; position: relative; width: 102px; height: 95px; }
.pageRight { position: absolute; left: 0; top: 0; width: 100%; cursor: pointer; z-index: 101 }
.pageRight span { float: right; width: 102px; height: 95px; margin: 0 24px 0 0; _display: inline; background-image: url("/templets/default/images/left.png")!important;/* FF IE7 */ background-repeat: no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left.png'); /* IE6 */
_background-image: none; /* IE6 */ }
.pageLeft-bg { position: absolute; left: 0; top: 0; width: 100%; z-index: 100 }
.pageRight-bg { position: absolute; left: 0; top: 0; width: 100%; z-index: 100 }
.pageLeft-bg, .pageRight-bg { background: #fff; filter: alpha(opacity=0); /*IE*/ -moz-opacity: 0; /*MOZ , FF*/ opacity: 0;/*CSS3, FF1.5*/ }
/*Main-B*/
#Main-B { width: 900px; margin: 18px auto; text-align: left; color: #B4B4B4; font-size: 12px; overflow: hidden; }
#Main-B p { line-height: 22px; padding-bottom: 21px; }
#Main-B .TimeInfo { float: right; }
#Main-B .TimeInfo span { padding-right: 13px; }
/*Main-C*/
#Main-C { width: 978px; background: #0D0D0D; border: 1px solid #212121; height: 154px; position: relative }
.smallPic-wrap { width: 978px; position: absolute; right: 0 }
#smallPic-AD { width: 238px; position: absolute; left: 10; top: 27px; height: 77px; overflow: hidden }
.smallPic { width: 978px; overflow: hidden; font-size: 12px; color: #fff; }
.smallPic a.left { width: 20px; height: 63px; background: url("/templets/default/images/icon.png") no-repeat -180px -54px; margin: 35px 0 0 9px; _display: inline; }
.smallPic a.left:hover { background: url("/templets/default/images/icon.png") no-repeat -157px -124px; }
.smallPic a.right { width: 20px; height: 63px; background: url("/templets/default/images/icon.png") no-repeat -157px -54px; margin: 35px 9px 0 0; _display: inline; }
.smallPic a.right:hover { background: url("/templets/default/images/icon.png") no-repeat -180px -124px; }
.smallPic div.left { width: 917px; height: 100px; margin-top: 18px; overflow: hidden; margin-left: 3px; _display: inline; position: relative }
.smallPic div.left a.mask { position: absolute; width: 122px; height: 88px; display: block; background: url("/templets/default/images/icon.png") no-repeat 0 -124px; overflow: hidden; z-index: 1; left: 4px; }
.smallPic div.left ul { position: absolute; z-index: 2; left: 0; }
.smallPic div.left li { float: left; width: 131px; height: 97px; text-align: center; }
.smallPic div.left li div { width: 122px; height: 88px; margin: 0 auto; overflow: hidden; margin-top: 8px; }
.smallPic div.left li div a { display: block; width: 116px; height: 77px; overflow: hidden; margin: 0 auto; cursor: pointer; position: relative; }
.smallPic div.left li a:hover { text-decoration: none; }
.smallPic div.left li a span { position: absolute; display: block; width: 33px; height: 14px; right: 4px; bottom: 2px; background: #000; color: #fff; text-align: center; font-size: 12px; }
.smallPic div.left li a:hover span { background: #464646; text-decoration: none; color: #fff; }
.scrollLine { width: 920px; margin: 17px auto 0 auto; height: 1px; line-height: 1px; background: url("/templets/default/images/scrollline.png") no-repeat; overflow: visible; position: relative; clear: both; }
/* temp Style */
#gaoqing_F_slt_button .a_cover { display: none }
/* Button AD */
.noBtnAd .smallPic-wrap { width: 978px }
.btnAd .smallPic-wrap { width: 730px }
.noBtnAd .smallPic { width: 978px }
.btnAd .smallPic { width: 730px }
.noBtnAd .smallpic div.left { width: 917px }
.btnAd .smallpic div.left { width: 658px }
.noBtnAd .scrollLine { width: 920px }
.btnAd .scrollLine { width: 690px }
#Main-C .scrollLine .scrollButton { position: absolute; left: 0; top: -6px; display: block; width: 145px; height: 13px; background: url("/templets/default/images/icon.png") no-repeat 0 -106px; cursor: e-resize }
/*Main-D*/
#Main-D { width: 930px; _width: 978px; padding: 24px; border: 1px solid #212121; background: #0D0D0D; margin: 24px auto 0 auto; font-size: 14px; color: #8D8D8D; text-align: left; line-height: 24px; display: none }
#Main-D p { text-indent: 2em; margin: 10px auto; }
#Main-D p strong { color: #9c9c9c }
.maskAll { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=80); /*IE*/ -moz-opacity: 0.8; /*MOZ , FF*/ opacity: 0.8;/*CSS3, FF1.5*/ text-align: center; display: none }
.message { width: 200px; border: 1px dashed #fff; font-size: 12px; color: #fff; text-align: center; margin: 200px auto 0 auto; display: none }
/*end*/
#end { width: 564px; height: 362px; position: absolute; top: -564px; left: 208px; background: #1C1C1C; border: 1px solid #464646; z-index: 998; text-align: center; }
#end .close { float: right; width: 15px; height: 15px; background: url("/templets/default/images/icon.png") no-repeat -185px -18px; margin: 9px 6px 0 0; overflow: hidden; }
#end .end-inner { width: 462px; clear: both; margin: 0 auto; padding-top: 8px; }
#end .firstImg { width: 86px; height: 56px; display: block; border: 1px solid #2E2E2E }
#main-p-qq #end .end-inner .hd { border-bottom: 1px solid #444; height: 80px; }
#end .hd .right { width: 355px; text-align: left; }
#end .hd .right h2 { font-size: 14px; color: #C4C4C4 }
#end .hd .right li { float: left; margin-right: 13px; }
#end .hd .right li a { float: left; background: url("/templets/default/images/icon.png") no-repeat right bottom; line-height: 27px; padding-right: 9px; font-size: 12px; }
#end .hd .right li a span { display: block; float: left; height: 27px; padding-right: 9px; background: url("/templets/default/images/icon.png") no-repeat left bottom; }
#end .hd .right li a em { float: left; height: 27px; }
#end .hd .right li.button { margin-top: 13px; }
#end .hd .right li.line { color: #626262; margin-top: 22px; }
#end .hd .right li #replayPic em { width: 13px; background: url("/templets/default/images/icon.png") no-repeat -186px -200px; padding-right: 5px; }
#end .hd .right li #MIcblog em { width: 18px; background: url("/templets/default/images/icon.png") no-repeat 0 -77px; padding-right: 5px; }
#end .hd .right li #ShareinQQ em { width: 16px; height: 16px; background: url("/templets/default/images/icon.png") no-repeat 0 -60px; margin-top: 5px; padding-right: 5px; }
#end .bd h3 { float: left; margin: 13px 0; color: #BFBFBF; font-size: 12px; }
#end .end-inner #lastComend { width: 462px; overflow: hidden; clear: both; }
#end .end-inner #lastComend li { float: left; width: 154px; height: 154px; text-align: center; }
#end .end-inner #lastComend li div { width: 139px; height: 152px; border: 1px solid #454545; margin: 0 auto; }
#end .end-inner #lastComend li a { display: block; color: #C4C4C4; font-size: 12px; text-decoration: none; width: 122px; text-align: left; margin: 0 auto; margin-top: 9px; }
#end .end-inner #lastComend li a.img { display: block; height: 92px; margin: 0px auto; overflow: hidden; width: 122px; background: url("/templets/default/images/ajax-loader.gif") no-repeat center center; margin-top: 8px; }
#end .end-inner .ft { position: relative }
.appDownLoad { position: absolute; top: 20px; right: 0; background: url("/templets/default/images/down_icon_1.png") no-repeat right center; padding-right: 15px }
#end .end-inner #lastComend li a:hover { text-decoration: underline }
.buttonClik { display: block; width: 133px; height: 24px; background: url("/templets/default/images/icon.png") no-repeat 0 -232px; text-align: center; line-height: 24px; color: #C4C4C4; margin: 0 auto; margin-top: 15px; }
.buttonClik:hover { text-decoration: none; color: #C4C4C4; }
.global_tip_button { text-align: center; clear: both; width: 100%; }
.bt_tip_sure, .bt_tip_cancel { background-image: url("/templets/default/images/pop_bg.png"); background-repeat: no-repeat; background-position: 0 -58px; font-size: 12px; line-height: 19px; width: 48px; height: 23px; margin-right: 6px; *overflow:visible;
_padding-top: 3px; _line-height: 12px; cursor: pointer; }
*:lang(zh) .bt_tip_sure, .bt_tip_cancel { padding-top /*\**/: 4px\9 }
.bt_tip_cancel { color: #4D637F; background-color: #F3F4F5; background-position: -54px -58px; }
.icon_hint_warn, .icon_hint_succeed { background: transparent url("/templets/default/images/pop_bg.png") no-repeat; display: -moz-inline-stack; display: inline-block; height: 15px; width: 15px; vertical-align: middle; }
.icon_hint_warn { background-position: -39px -37px; _vertical-align: -2px; }
.icon_hint_succeed { background-position: -18px -37px; }
.layer_popup { background-color: #FFFFFF; border: 2px solid #6792bc; }
.icon_hint_warn span, .icon_hint_succeed span { display: none; }
/*=E 浮动层 */
.absolute { position: absolute; }