@charset "UTF-8";
@import url(../style/reset.css);
/*  
* Theme Name: 4399第三期主站内容栏目专题
* Description:
* Author:lisaYang
* Update: 2015-11-16
* Author URI: http://weibo.com/yangliping137
*Update By who: 
*/
.txthide { font-size: 0; line-height: 0; overflow: hidden; }

body { font: 12px/2 "微软雅黑"; color: #ffffff; background: url('../images/repeat.png') repeat; }

.content { position: relative; width: 1000px; margin: 0 auto; }

.wrapper { width: 100%; }
.wrapper_01 { background: url('../images/bg01.jpg') no-repeat center 0; }
.wrapper_01 .content { background: url('../images/1.jpg') no-repeat; }
.wrapper_01 .content { height: 630px; }
.wrapper_02 { background: url('../images/bg02.jpg') no-repeat center 0; }
.wrapper_02 .content { background: url('../images/2.jpg') no-repeat; }
.wrapper_02 .content { height: 1905px; }
.wrapper_03 { background: url('../images/bg03.jpg') no-repeat center 0; }
.wrapper_03 .content { background: url('../images/3.jpg') no-repeat; }
.wrapper_03 .content { height: 576px; }
.wrapper_04 { background: url('../images/bg04.jpg') no-repeat center 0; }
.wrapper_04 .content { background: url('../images/4.jpg') no-repeat; }
.wrapper_04 .content { height: 575px; }

.topBar { height: 45px; }
.topBar .logo { width: 165px; height: 35px; margin: 10px 0 0 15px; background: url('../images/sprite.png') no-repeat -530px 0px; _background: url('../images/sprite-ie6.png') no-repeat -530px 0px; }
.topBar .home { width: 100px; height: 31px; margin: 13px 0 0 10px; background: url('../images/sprite.png') no-repeat -700px 0; _background: url('../images/sprite-ie6.png') no-repeat -700px 0; text-align: center; font-size: 14px; line-height: 31px; }
.topBar .share { position: relative; width: 130px; color: #666; margin: 15px 0 0 6px; }
.topBar .share a { float: left; width: 22px; height: 22px; margin-left: 5px; background: url('../images/sprite.png') no-repeat; _background: url('../images/sprite-ie6.png') no-repeat; }
.topBar .share .bds_tsina { background-position: -509px -39px; }
.topBar .share .bds_weixin { background-position: -533px -39px; }
.topBar .share .code { display: none; position: absolute; left: 108px; top: 26px; width: 105px; height: 120px; padding-top: 5px; font-weight: bold; text-align: center; background-color: rgba(62, 157, 39, 0.9) !important; background-color: #3e9d27;*filter: Alpha(opcity=90); color: #fff; line-height: 1.2; }
.topBar .share .code img { display: block; margin: 0 auto 5px; }
.topBar .review { width: 200px; margin: 15px 0 0 10px; }
.topBar .review select { width: 200px; height: 24px; border: 0 none; font-size: 14px; line-height: 24px; color: #555; }
.topBar .userInfo { margin: 15px 0 0 0; color: #666; line-height: 20px; display: inline; text-align: right; }
.topBar .userInfo a { display: inline-block; width: 58px; height: 20px; margin-left: 1px; text-align: center; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); }
.topBar .userInfo .regBtn { background-color: #32b58e; }
.topBar .userInfo .logBtn { background-color: #ff6f28; }
.topBar .userInfo .username a{box-shadow:none;  color:#666;}
.topBar .userInfo .exitBtn { color: #6d0d0d; box-shadow: none; text-decoration: underline; }

a.ball { position: absolute; left: -50px; top: -7px; width: 77px; height: 77px; background: url('../images/lz.png') no-repeat; }
a.ball .clicked { display: none; width: 100%; height: 100%; background: url('../images/lz.png') no-repeat 0 -444px; }
a.ball_01 { position: absolute; left: 241px; top: 134px; width: 48px; height: 48px; background: none; }
a.ball_01 .clicked { background-position: 0 -394px; }
a.ball_02 { background-position: 0 0px; }
a.ball_03 { background-position: 0 -79px; }
a.ball_04 { background-position: 0 -158px; }
a.ball_05 { background-position: 0 -237px; }
a.ball_06 { background-position: 0 -316px; }
a.ball_06 { position: absolute; left: 0; top: 428px; }

.intro { padding: 210px 0 0 50px; width: 430px; color: #000; font-size: 12px; line-height: 1.3; }

.box_list { width: 1000px; padding-top: 20px; }

.box_list_intro { width: 610px; margin: 10px 0 0 45px; display: inline; }
.box_list_intro .img { width: 202px; height: 202px; border: 3px #000 solid; border-radius: 20px; overflow: hidden; }
.box_list_intro label { display: block; margin-left: 234px; font: italic bold 24px/30px "微软雅黑"; }
.box_list_intro h4 { margin-left: 234px; font-size: 28px; line-height: 62px; }
.box_list_intro p { margin-left: 234px; width: 360px; line-height: 1.8; }
.box_list_intro b { font-size: 14px; }

.box_list_ad { position: relative; width: 200px; height: 205px; margin-left: 35px; display: inline; }
.box_list_ad .tips { display: none; position: absolute; left: 50%; top: -35px; width: 190px; height: 80px; padding: 5px 10px; margin-left: -105px; background: rgba(255, 255, 255, 0.9) !important; background: #fff; *filter: Alpha(opcity=90); color: #000; }

.tit { height: 58px; margin-left: 15px; }
.tit_01 { background-image: url('../images/sprite.png'); _background: url('../images/sprite-ie6.png') no-repeat; width: 225px; background-position: 0 0; }
.tit_02 { background-image: url('../images/sprite.png'); _background: url('../images/sprite-ie6.png') no-repeat; width: 369px; background-position: 0 -59px; }
.tit_03 { background-image: url('../images/sprite.png'); _background: url('../images/sprite-ie6.png') no-repeat; width: 296px; background-position: 0 -118px; }
.tit_04 { background-image: url('../images/sprite.png'); _background: url('../images/sprite-ie6.png') no-repeat; width: 496px; background-position: 0 -177px; }
.tit_05 { background-image: url('../images/sprite.png'); _background: url('../images/sprite-ie6.png') no-repeat; width: 718px; background-position: 0 -236px; }

.firstVs { width: 961px; height: 455px; margin: 6px auto 0; background: url('../images/vsBg.png') no-repeat; }
.firstVs div { position: relative; width: 480px; height: 455px; }
.firstVs .bar { position: absolute; left: 343px; top: 77px; width: 51px; height: 233px; }
.firstVs .bar .mask { position: absolute; left: 13px; top: 0; width: 25px; height: 184px; background: url('../images/bar.png') no-repeat; }
.firstVs .num { position: absolute; left: 345px; top: 315px; width: 80px; text-align: center; font: bold 18px/1.8 "微软雅黑"; color: #fa1012; }
.firstVs .vsBtn { position: absolute; left: 317px; top: 347px; width: 110px; height: 37px; }
.firstVs .ps { position: absolute; left: 8px; top: 405px; width: 400px; height: 50px; font-size: 14px; line-height: 1.5; color: #000; }
.firstVs .vsRight .bar { left: 78px; }
.firstVs .vsRight .num { left: 76px; }
.firstVs .vsRight .vsBtn { left: 52px; }
.firstVs .vsRight .ps { left: 80px; }

.pkBox { width: 669px; margin: 10px 0 0 0; }

.pkBox_list { width: 669px; }
.pkBox_list .props { margin: 5px 0 0 8px; overflow: hidden; }
.pkBox_list .speak { width: 569px; height: 48px; }

.speak { position: relative; width: 900px; height: 48px; padding: 10px 4px 0 40px; margin-left: 50px; background-color: #e98017; border: 3px #000 solid; border-radius: 5px; font-size: 16px; line-height: 1.3; color: #000; }

.sub_com { width: 320px; margin: 10px 0 0; }

.subject { position: relative; width: 245px; height: 308px; padding: 80px 40px 0 30px; background: url('../images/lzInfo.png') no-repeat; font: bold 18px/1.5 "微软雅黑"; color: #fed010; text-shadow: 2px 0 2px #000,0 2px 2px #000,-2px 0 2px #000,0 -2px 2px #000; }
.subject .num { color: #ffffff; }

.ballFl { position: absolute; left: 125px; top: 260px; }

.subBtn { display: block; width: 188px; height: 52px; margin: 0 auto; background: url('../images/sprite.png') no-repeat -227px 0; _background: url('../images/sprite-ie6.png') no-repeat -227px 0; }

.comment_slide { position: relative; width: 304px; height: 950px; padding: 5px; margin-top: 5px; background-color: #a25101; border: 3px #000 solid; }
.comment_slide .txtarea { display: block; width: 284px; height: 100px; padding: 5px 10px; margin: 10px 0 0; background-color: #ffd877; border: 0 none; font-size: 14px; color: #888; resize:none; }
.comment_slide .subBtn { margin-top: 30px; }

.comment_slide_list { width: 304px; height: 710px; margin: 0 auto; background-color: #ffd878; color: #000; overflow: hidden; }
.comment_slide_list ul { padding: 10px; }
.comment_slide_list li { padding-bottom: 10px; border-bottom: 1px #9d9d9d solid; margin-bottom: 20px; }
.comment_slide_list .img { width: 40px; height: 40px; margin-right: 5px; border: 1px #cecece solid; overflow: hidden; }
.comment_slide_list .img img { display: block; width: 40px; height: 40px; }
.comment_slide_list .cont { display: inline; }
.comment_slide_list .astar { font-weight: bold; }
.comment_slide_list .time { padding-left: 10px; color: #999; }

#swiper { position: relative; width: 1000px; height: 515px; background: url('../images/focusBg.png') no-repeat 80px 0; overflow: hidden; }
#swiper ul { width: 10000px; }
#swiper li { position: relative; float: left; width: 840px; margin: 0 80px; display: inline; }
#swiper li .imgL, #swiper li .imgR { position: relative; width: 300px; height: 380px; margin: 23px 0 0 23px; display: inline; }
#swiper li .imgL .ps, #swiper li .imgR .ps { position: absolute; right: -20px; top: 328px; width: 117px; height: 66px; padding-top: 10px; background: url('../images/sprite.png') no-repeat -683px -39px; _background: url('../images/sprite-ie6.png') no-repeat -683px -39px; text-align: center; font: bold 18px/1.5 "微软雅黑"; }
#swiper li .imgL em, #swiper li .imgR em { font-style: normal; color: #f9cb10; }
#swiper li .imgR .ps { right: -24px; top: 320px; }
#swiper li .txt { width: 148px; height: 200px; padding: 215px 0 0 20px; font: bold 32px/40px "微软雅黑"; color: #fed610; text-align: center; }
#swiper li .item_comment { position: absolute; left: -40px; top: 435px; width: 890px; height: 48px; padding: 10px 4px 0 50px; background-color: #e98017; border: 3px #000 solid; border-radius: 5px; transform: skewX(5deg); font-size: 16px; line-height: 1.3; color: #000; }

.swiper_btns span { position: absolute; top: 165px; width: 67px; height: 72px; background: url('../images/sprite.png') no-repeat; _background: url('../images/sprite-ie6.png') no-repeat; cursor: pointer; }
.swiper_btns .swiper_btn--pre { left: 12px; background-position: -460px -70px; }
.swiper_btns .swiper_btn--next { right: 12px; background-position: -536px -70px; }

.webTj { width: 980px; height: 280px; margin: 10px auto 0; background-color: #a25101; border: 3px #000 solid; border-radius: 5px; }
.webTj .title { float: left; width: 155px; height: 44px; margin: 6px 0 0 -3px; background-color: #066fb0; text-align: center; font-size: 18px; line-height: 44px; }
.webTj ul { float: left; width: 100%; margin: 10px 0 0 15px; display: inline; color: #ebf9fe; }
.webTj .img { position: relative; border: 3px #000 solid; border-radius: 5px; overflow: hidden; }
.webTj h4 { line-height: 2; text-shadow: 2px 0 2px #000,0 2px 2px #000,-2px 0 2px #000,0 -2px 2px #000; }
.webTj .cont { position: relative; line-height: 1.5; }
.webTj .hot { position: absolute; left: 0; top: 0; width: 51px; height: 48px; background: url('../images/sprite.png') no-repeat -612px -70px; _background: url('../images/sprite-ie6.png') no-repeat -612px -70px; }
.webTj .startBtn { display: block; width: 110px; height: 37px; background: url('../images/sprite.png') no-repeat -417px 0; _background: url('../images/sprite-ie6.png') no-repeat -417px 0; }
.webTj .gameHot li { float: left; width: 465px; height: 140px; margin: 0 15px 20px 0; display: inline; }
.webTj .gameHot .img { width: 150px; height: 132px; }
.webTj .gameHot .cont { margin-left: 165px; }
.webTj .gameHot h4 { font-size: 20px; }
.webTj .gameList li { float: left; width: 236px; height: 95px; }
.webTj .gameList .img { width: 102px; height: 86px; }
.webTj .gameList .cont { margin: 10px 0 0 115px; }
.webTj .gameList h4 { font-size: 16px; }

.smallGame { width: 980px; margin: 6px auto 0; }
.smallGame .title { width: 170px; height: 44px; background-color: #a25101; border: 3px #000 solid; border-radius: 5px; color: #fed10e; text-shadow: 2px 0 2px #000,0 2px 2px #000,-2px 0 2px #000,0 -2px 2px #000; text-align: center; font-size: 18px; line-height: 44px; }

.s_smallGame { width: 974px; height: 140px; margin-top: 5px; background-color: #a25101; border: 3px #000 solid; border-radius: 5px; }
.s_smallGame li { float: left; width: 100px; margin: 20px 10px 0; text-align: center; display: inline; }
.s_smallGame li img { display: block; margin: 0 auto; }
.s_smallGame li a { color: #000; font: bold 14px/2 "微软雅黑"; }

.comment_notice { width: 541px; height: 45px; border: 2px #000 dashed; color: #000; }
.comment_notice .ico { width: 17px; height: 15px; float: left; margin: 5px 0 0 5px; background: url('../images/sprite.png') no-repeat -558px -39px; _background: url('../images/sprite-ie6.png') no-repeat -558px -39px; }
.comment_notice p { margin: 0 10px 0 30px; }

.awardWeixin { width: 315px; height: 130px; margin-bottom: 10px; background-color: #a25101; border: 3px #000 solid; border-radius: 5px; text-align: center; }
.awardWeixin .fl { width: 160px; }
.awardWeixin .fr { width: 155px; }
.awardWeixin .title { font-size: 16px; line-height: 2; color: #ffb400; text-shadow: 2px 0 2px #000,0 2px 2px #000,-2px 0 2px #000,0 -2px 2px #000; }
.awardWeixin .info { width: 100px; display: block; margin: 5px auto 0; }

/*评论*/
.comments { width: 924px; margin: 15px auto 0; padding: 0 25px 20px; background-color: #c38649; border: 3px #000 solid; border-radius: 5px; border-bottom: 0 none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #000; }

.commentInput { width: 924px; margin: 10px auto; }

.commentArea { width: 545px; position: relative; }

.commentArea .txtArea { width: 525px; height: 140px; padding: 5px 10px; margin: 10px 0 3px; border: 0 none; resize: none; font-size: 12px; color: #666; }

.sendBtn, .replayBtn { width: 90px; height: 29px; border: 0 none; background: url('../images/sprite.png') no-repeat -417px -39px; _background: url('../images/sprite-ie6.png') no-repeat -417px -39px; color: #fff; cursor: pointer; overflow: hidden; }

.sendBtn:hover, .replayBtn:hover { opacity: .9; }

.comment_intro { margin-left: 590px; line-height: 1.5; }

.commentsLists { width: 924px; margin: 0 auto; }

.commentsLists .hd { width: 895px; height: 30px; font-size: 14px; line-height: 30px; }

.commentsLists .hd span { font-size: 12px; font-weight: normal; }

.comLists li { padding: 18px 0 25px; border-top: 1px #000 solid; }

.touxiang img { display: block; width: 40px; height: 40px; border: 1px #ccc solid; }

.userComments { position: relative; margin-left: 50px; }

.userComments .name { font-weight: bold; }

.userComments .comTime { padding-top: 10px; color: #d8b04d; }

.comBtns { padding-top: 10px; }

.comBtns a { display: block; float: left; width: 55px; height: 21px; margin-left: 5px; border: 1px #000 solid; background-color: #fea403; text-align: center; color: #742200; }

.comBtns a span { display: inline-block; width: 13px; height: 15px; margin: 3px 3px 0 0; background: url(../images/sprite.png) no-repeat; _background: url(../images/sprite-ie6.png) no-repeat; font-size: 0; line-height: 0; overflow: hidden; }

.comBtns a .yesIco { background-position: -578px -39px; }

.comBtns a .noIco { background-position: -596px -39px; }

.red { color: #fe0000; }

.replyArea { position: relative; width: 770px; height: 118px; margin-top: 30px; margin-left: 20px; border: 0 none; background-color: #fff; }

.replyArea .closeBtn { position: absolute; right: -30px; top: 5px; width: 19px; height: 19px; background: url(../images/sprite.png) no-repeat -615px -39px; _background: url(../images/sprite-ie6.png) no-repeat -615px -39px; font-size: 0; line-height: 0; overflow: hidden; cursor: pointer; }

.replyArea .txtArea { width: 760px; height: 70px; padding: 5px; border: 0 none; resize: none; font-size: 12px; vertical-align: middle; }

.replayBtn { float: right; width: 40px; height: 26px; margin-right: 10px; border: 1px #cf871f solid; background-position: -436px -40px; }

.replayCont { width: 740px; margin-top: 15px; margin-left: 20px; padding: 5px 15px 15px; background-color: #ffd878; }

.replayCont .atFloor { color: #999; }

.getTop { position: absolute; right: 130px; top: 20px; width: 85px; height: 85px; background: url('../images/sprite.png') no-repeat -371px -70px; _background: url('../images/sprite-ie6.png') no-repeat -371px -70px; font: bold 28px/85px "微软雅黑"; text-align: center; z-index: 100; color: #d61b12; }

/*分页*/
#pages { width: 770px; margin: 30px auto 0; text-align: center; line-height: 3; }
#pages a { padding: 3px 6px; border: 1px #000 solid; background-color: #a25101; border-radius: 5px; color: #ffffff; margin: 3px 5px; font-family: "simsun"; }
#pages a.pagecurrent { color: #ffe400; }

/*版权*/
.footer { width: 100%; background: #000; }
.footer p { position: relative; margin: 0 auto; padding: 20px 0 10px 250px; width: 750px; color: #4d4d4d; }
.footer p .flogo { position: absolute; left: 40px; top: 20px; width: 185px; height: 45px; padding-right: 10px; border-right: 1px solid #4d4d4d; padding-bottom: 3px; background: url('../images/s_logo.png') no-repeat; }
.footer a { color: #4d4d4d; }

#slides { position: fixed; right: 50px; top: 50%; width: 107px; height: 354px; margin-top: -280px; padding: 206px 0 0 50px; background: url(../images/slide.png) no-repeat; _position: absolute; _top: expression(eval(document.documentElement.scrollTop +380)); }

#slides a { float: left; width: 68px; height: 56px; }

#slides a:hover, #slides a.on { background: url(../images/slide_hover.png) no-repeat; }

#slides a.s01:hover { background-position: 0 0; }

#slides a.s02, #slides a.s02:hover { background-position: 0 -58px; }

#slides a.s03, #slides a.s03:hover { background-position: 0 -114px; }

#slides a.s04, #slides a.s04:hover { background-position: 0 -170px; }

#slides a.s05, #slides a.s05:hover { background-position: 0 -226px; }

#slides a.s06:hover { background: none; }