@charset "UTF-8";
@import url(../style/reset.css);
/*  
* Theme Name: 4399第四期主站内容栏目专题
* Description:
* Author:lisaYang
* Update: 2015-11-30
* 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-color: #0d8cd3; }

.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; overflow:hidden;}
.wrapper_01 .content { height: 665px; }
.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: 1550px; }
.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: 1231px; }
.wrapper_04 { background: url('../images/bg04.jpg') no-repeat center 0; }
.wrapper_04 .content { background: url('../images/4.jpg') no-repeat; }

.topBar { height: 45px; }
.topBar .logo { width: 165px; height: 35px; margin: 5px 0 0 15px; background: url('../images/sprite.png') no-repeat -324px 0px; }
.topBar .home { width: 100px; height: 31px; margin: 8px 0 0 10px; background: url('../images/sprite.png') no-repeat -494px 0; text-align: center; font-size: 14px; line-height: 31px; }
.topBar .share { position: relative; width: 130px; color: #ffffff; margin: 10px 0 0 6px; }
.topBar .share a { float: left; width: 24px; height: 24px; margin-left: 5px; background: url('../images/sprite.png') no-repeat; }
.topBar .share .bds_tsina { background-position: -415px -38px; }
.topBar .share .bds_weixin { background-position: -440px -38px; }
.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; color: #fff; line-height: 1.2; }
.topBar .share .code img { display: block; margin: 0 auto 5px; }
.topBar .review { width: 200px; margin: 10px 0 0 10px; }
.topBar .review select { width: 200px; height: 24px; border: 0 none; font-size: 14px; line-height: 24px; color: #555; }
.topBar .userInfo { margin: 10px 0 0 0; color: #ffffff; 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 .username a{ box-shadow:none;}
.topBar .userInfo .regBtn { background-color: #32b58e; }
.topBar .userInfo .logBtn { background-color: #ff6f28; }
.topBar .userInfo .exitBtn { color: #6d0d0d; box-shadow: none; text-decoration: underline; }

.intro { padding: 240px 0 0 115px; width: 400px; font-size: 12px; line-height: 1.3; }

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

.box_list_intro { width: 575px; margin: 10px 0 0 37px; display: inline; }
.box_list_intro .img { width: 220px; height: 270px; margin-top: -22px; overflow: hidden; }
.box_list_intro h4 { margin-left: 234px; font-size: 18px; line-height: 1; text-shadow: 3px 0 1px #006fbc,0 3px 1px #006fbc,-3px 0 1px #006fbc,0 -3px 1px #006fbc; }
.box_list_intro p { margin-left: 234px; }
.box_list_intro b { font-size: 14px; }

.flagBox { margin: 10px 0 0 234px; }
.flagBox h4 { margin: 0; }
.flagBox .gameImg { width: 96px; height: 84px; margin-top: 10px; border: 3px #39a9ee solid; border-radius: 5px; }
.flagBox .gameName { margin: 10px 0 0 110px; font: bold 20px/2 "微软雅黑"; color: #fffc00; }
.flagBox .gameBtns { margin: 0 0 0 110px; }
.flagBox .gameBtns a { float: left; width: 90px; height: 40px; background: url('../images/sprite.png') no-repeat; line-height: 36px; text-align: center; }
.flagBox .gameBtns .startBtn { background-position: 0 -120px; }
.flagBox .gameBtns .getGift { background-position: -92px -120px; }

.box_list_ad { position: relative; width: 299px; height: 179px; margin: 83px 0 0 30px; 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 { position:relative; height: 52px; padding-left: 50px; margin-left: 10px; font-size: 28px; line-height: 36px; color: #ffea00; }
.tit .tips { display: block; font: bold 12px/1 "微软雅黑"; }
.tit_01 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px 0; }
.tit_02 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px -61px; }
.tit_03 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px -122px; }
.tit_04 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px -183px; }
.tit_05 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px -244px; }
.tit_06 { background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -597px -305px; }

.arrow { font-size: 0; width: 0; height: 0; line-height: 0; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: -2px; border: 0 dashed transparent; border-width: 10px; }

.speakBox { position: relative; width: 815px; height: 58px; padding: 5px 15px; margin: 10px 0 0 120px; border: 3px #389eeb solid; border-radius: 5px; background-color: #006db8; font: 14px/1.5 "微软雅黑"; }
.speakBox .ico { position: absolute; left: -105px; top: -10px; width: 90px; height: 90px; background: url('../images/sprite.png') no-repeat -426px -69px; }
.speakBox .arrow { position: absolute; left: -20px; top: 20px; border-right-style: solid; border-right-color: #006db8; }

.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; }

.wantedBox { width: 645px; margin: 30px 0 0 8px; display: inline; _overflow: hidden; }
.wantedBox ul { width: 700px; }
.wantedBox li { float: left; width: 202px; height: 380px; margin: 0 18px 22px 0; }
.wantedBox .img { position: relative; width: 202px; height: 280px; }
.wantedBox .img .ico { position: absolute; left: -16px; top: -16px; height: 62px; background: url('../images/sprite.png') no-repeat; font: 0/0 "微软雅黑"; overflow: hidden; }
.wantedBox .img .ico_1 { width: 83px; background-position: -1px -163px; }
.wantedBox .img .ico_2 { width: 81px; background-position: -84px -163px; }
.wantedBox .img .ico_3 { width: 76px; background-position: -165px -163px; }
.wantedBox .img .ico_4 { width: 83px; background-position: -1px -225px; }
.wantedBox .img .ico_5 { width: 81px; background-position: -84px -225px; }
.wantedBox .img .ico_6 { width: 76px; background-position: -165px -225px; }
.wantedBox .num { position: absolute; left: 37px; top: 237px; font: bold 24px/30px "微软雅黑"; color: #b70101; }
.wantedBox .vote3{ padding-left:4px;}
.wantedBox .btn { display: block; width: 160px; height: 59px; margin: 5px auto 0; background: url('../images/sprite.png') no-repeat -161px 0; text-indent: 70px; font: 20px/56px "微软雅黑"; }
.wantedBox .btn:hover { background-position: -161px -60px; }
.wantedBox .txt { width: 192px; height: 30px; padding: 3px 5px; background-color: #006db8; line-height: 1.3; }

.matchBox { position: relative; width: 1000px; height: 420px; margin-top: 20px; }
.matchBox .tips { position: absolute; left: 420px; top: 320px; padding: 3px 10px; background-color: #006db8; }
.matchBox .tips em { font-style: normal; color: #f0d154; }
.matchBox .matchBtn { position: absolute; left: 425px; top: 355px; width: 124px; height: 110px; background: url('../images/sprite.png') no-repeat -306px -167px; font: bold 16px/80px "微软雅黑"; color: #ffea00; text-align: center; }

.matchBig { width: 900px; margin-left: 100px; overflow: hidden; }
.matchBig ul { width: 1200px; }
.matchBig li { position: relative; float: left; width: 230px; height: 350px; margin: 0 310px 0 0; display: inline; border: 3px #389eeb solid; border-radius: 5px; }
.matchBig .tabs { position: absolute; left: 0; top: 0; width: 60px; height: 32px; font: bold 14px/32px "微软雅黑"; color: #094d93; background-color: #389eeb; text-align: center; }
.matchBig .mask { position: absolute; left: -18px; top: 308px; width: 266px; height: 60px; background: url('../images/sprite.png') no-repeat 0 -293px; }

.matchSmall { position: absolute; left: 385px; top: 0; width: 260px; }
.matchSmall li { float: left; width: 84px; height: 105px; margin-right: 40px; text-align: center; font-size: 14px; line-height: 1; }
.matchSmall li a{ display:block; width:84px; height:84px;}
.matchSmall li a.on{opacity:.3; filter:Alpha(opacity=30);}

.sub_com { width: 328px; margin: 30px 0 0; }

.subject { width: 288px; height: 124px; padding: 20px; background: url('../images/lzbg.png') no-repeat; font: bold 18px/1.5 "微软雅黑"; color: #9ed5fd; }

.subBtn { display: block; width: 160px; height: 59px; margin: 0 auto; background: url('../images/sprite.png') no-repeat; font: 18px/56px "微软雅黑"; text-align: center; }
.subBtn:hover { background-position: 0 -60px; }

.comment_slide { position: relative; width: 328px; height: 600px; padding: 10px 0 5px; margin-top: 5px; background-color: #006db8; }
.comment_slide .txtarea { display: block; width: 284px; height: 100px; padding: 5px 10px; margin: 20px auto 0; background-color: #9ed5fd; border: 0 none; font-size: 14px; color: #888; }
.comment_slide .subBtn { margin-top: 10px; }

.comment_slide_list { width: 300px; height: 400px; margin: 0 auto; background-color: #9ed5fd; 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 #ccc 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: 460px; margin-top: 10px; overflow: hidden; }
#swiper ul { width: 10000px; margin-left: 200px; }
#swiper li { position: relative; float: left; width: 606px; margin: 0 500px 0 0; display: inline; }
#swiper li img { width: 586px; height: 327px; border: 5px #134363 solid; border-radius: 6px; }
#swiper li .speakBox { position: absolute; left: -75px; top: 330px; width:520px; height:40px;}
#swiper li .speakBox .arrow{ top:15px;}

.swiper_btns span { position: absolute; top: 165px; z-index: 10; width: 58px; height: 58px; background: url('../images/sprite.png') no-repeat; cursor: pointer; }
.swiper_btns .swiper_btn--pre { left: 100px; background-position: -527px -66px; }
.swiper_btns .swiper_btn--next { right: 100px; background-position: -527px -125px; }
.swiper_btns .swiper-button-disabled { display: none; }

.title, .webTj .title, .smallGame .title { text-shadow: 3px 0 2px #51b6ff,0 3px 2px #51b6ff,-3px 0 2px #51b6ff,0 -3px 2px #51b6ff; }

.webTj { width: 973px; height: 380px; margin: 20px auto 0; background-color: #006db8; overflow: hidden; }
.webTj .title { float: left; padding: 10px 0 0 15px; height: 44px; font-size: 18px; line-height: 44px; }
.webTj ul { float: left; width: 100%; margin: 10px 0 0 30px; display: inline; color: #ebf9fe; }
.webTj li { float: left; width: 440px; height: 140px; margin: 0 15px 20px 0; display: inline; }
.webTj .img { position: relative; width: 150px; height: 132px; border: 3px #2f97e1 solid; border-radius: 5px; overflow: hidden; }
.webTj h4 { font-size: 20px; line-height: 2; text-shadow: 2px 0 2px #51b6ff,0 2px 2px #51b6ff,-2px 0 2px #51b6ff,0 -2px 2px #51b6ff; }
.webTj .cont { position: relative; margin-left: 165px; line-height: 1.5; }
.webTj .btns { display: block; height: 40px; }
.webTj .btns a { display: block; width: 91px; height: 40px; background: url('../images/sprite.png') no-repeat; text-align: center; line-height: 38px; }
.webTj .btns .startBtn { background-position: 0 -120px; }
.webTj .btns .getGift { background-position: -92px -120px; }

.smallGame { width: 973px; margin: 0 auto; background: #006db8 url('../images/tjBG.png') no-repeat left bottom; }
.smallGame .title { padding: 10px 0 0 15px; height: 44px; font-size: 18px; line-height: 44px; }

.s_smallGame { width: 973px; height: 150px; margin-top: 10px; overflow: hidden; }
.s_smallGame ul { width: 1000px; }
.s_smallGame li { float: left; width: 100px; margin: 0 0 0 6px; text-align: center; display: inline; }
.s_smallGame li img { display: block; margin: 0 auto; }
.s_smallGame li a { color: #cbe9fe; }

.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 -465px -39px; }
.comment_notice p { margin: 0 10px 0 30px; }

.awardWeixin { width: 315px; height: 150px; margin-bottom: 10px; background-color: #1480c9; text-align: center; }
.awardWeixin .fl { width: 160px; }
.awardWeixin .fr { width: 155px; }
.awardWeixin .title { font-size: 16px; line-height: 2; color: #fff; }
.awardWeixin .info { width: 100px; display: block; margin: 5px auto 0; }

.getTop { position: absolute; right: 130px; bottom: -20px; width: 85px; height: 85px; background: url('../images/sprite.png') no-repeat -323px -70px; font: bold 28px/85px "微软雅黑"; text-align: center; z-index: 100; color: #d61b12; }
/*评论*/
.comments { width: 924px; margin: 15px auto 0; padding: 0 25px 20px; background-color: #51b6ff; border: 3px #006db8 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 -324px -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 { position:relative; 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: #b4ecff; }

.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; font-size: 0; line-height: 0; overflow: hidden; }

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

.comBtns a .noIco { background-position: -503px -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 -522px -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: -346px -40px; }

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

.replayCont .atFloor { color: #eee; }

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

/*版权*/
.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: 20px; top: 50%; width: 134px; height: 528px; margin-top: -264px; padding: 0 0 0 108px; background: url(../images/slide.png) no-repeat; _position: absolute; _top: expression(eval(document.documentElement.scrollTop +380)); z-index: 10; }

#slides a { display: block; width: 45px; height: 45px; }

#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 -45px; }

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

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

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

#slides a.s06, #slides a.s06:hover { background-position: 0 -225px; }

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

/*弹窗*/
.msg { position: absolute; left: 50%; top: 50%; margin: -237.5px 0 0 -241px; width: 482px; height: 465px; z-index: 1000; font-size: 18px; background: url('../images/msg.jpg') no-repeat; _top: expression(eval(document.documentElement.scrollTop +300)); }
.msg .tit { height: 100px; padding: 0; text-align: center; font-size: 30px; line-height: 100px; color: #ffb54c; }
.msg p { position: relative; z-index: 10; margin: 0 40px; }
.msg .code { padding-top: 20px; font-size: 16px; }
.msg .code span { padding: 8px; background-color: #FFF; border: 1px #eaeaea solid; line-height: 1; color: #000; vertical-align: middle; }
.msg .code a { padding: 10px; background-color: #f9a400; font-size: 14px; line-height: 1; vertical-align: middle; }
.msg .startBtn { position: relative; z-index: 10; display: block; width: 160px; height: 59px; margin: 30px auto; font-size: 18px; line-height: 59px; background: url('../images/sprite.png') no-repeat 0 0; text-align: center; }
.msg .startBtn:hover { background-position: 0 -60px; text-decoration: none; }
.msg .backBtn { width: 124px; height: 110px; margin: 130px 0 0 24px; display: inline; background: url('../images/sprite.png') no-repeat -306px -167px; font: bold 16px/80px "微软雅黑"; color: #ffea00; text-align: center; }
.msg .macthResult { width: 314px; height: 406px; margin: 15px 0 0 10px; }
.msg .boat { position: absolute; left: -18px; top: 287px; width: 232px; height: 179px; background: url('../images/boat.png') no-repeat; z-index: 0; }
.msg .dog { position: absolute; left: 34px; top: 288px; width: 96px; height: 134px; background: url('../images/sprite.png') no-repeat -432px -177px; z-index: 0; }
.msg a.closeBtn { position: absolute; right: -52px; top: 3px; width: 42px; height: 42px; background: url('../images/sprite.png') no-repeat -530px -190px; cursor: pointer; }

.msgMacth { height: 534px; margin-top: -267px; }
.msgMacth .ps { width: 424px; padding: 5px 10px; margin: 10px 0 0 30px; display: inline; background-color: #016db8; font-size: 12px; line-height: 1.3; }

.layer { position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.7) !important; background-color: #000; filter: Alpha(opacity=70); z-index: 999; }