@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
img{ border:none; vertical-align:top;}
a{ text-decoration:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
body{font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;}
.jiathis_style ,.meun li a ,.two_top span ,.sr ,.btn ,.sr1 ,.rule li span ,.dw_close ,.dw_c ,.dw_btn ,.video_close{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/icon.png?v=1) no-repeat;}
.icon{background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/live_icon.png?v=1) no-repeat;}
body,html{overflow-x: hidden}
#top_video{width: 1920px;height: 1046px;position: absolute;left: 50%;margin-left: -960px;}
.top{height: 688px;}
.logo{margin: 0 auto;width: 140px;padding-top: 20px;}
.main{position: relative;top: 0}

.top{ width:1001px; margin:0 auto; position:relative;}
.top1{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/top1.jpg?v=1) no-repeat;height:251px;}
.top2{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/top2.jpg?v=1) no-repeat;height:251px;}
.top3{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/top3.jpg?v=1) no-repeat;height:186px;}
.top a{ position:absolute; display:block; width:228px; height:108px; top:460px; left:371px;background:url(https://img.q1cdn.com/lw/none.gif?v=1?v=1); text-indent:-9999em;}

/*tip*/
.tip{ background:#010915; height:31px; line-height:31px; width:1001px; margin:0 auto; font-size:12px;}
.tip_left{ float:left; padding-left:20px;}
.tip a{ color:#7784b5;}
.tip a:hover{ color:#1ea3ae;}
.tip_right{ width:210px; float:right;}
.tip_right_1{ color:#62676e; width:50px; float:left;}
.jiathis_style{ background-position:0 0; width:156px; height:23px; float:left; padding-top:8px; overflow:hidden;}
.jiathis_style .jtico{background:url(https://img.q1cdn.com/lw/none.gif?v=1?=1)!important; display:inline-block;margin-right:14px;}
.jiathis_style .jtico_qzone{ margin-left:12px;}

/*meun*/
.meun{ width:1002px; margin:0 auto;border-bottom:1px solid #010915; overflow:hidden; zoom:1;}
.meun li{ width:165px; float:left; border-left:1px solid #010915; height:87px; border-right:1px solid #3d455f;}
.meun li a{ width:165px; height:60px; display:block; background-position:0 -66px; font-size:22px; color:#aec0ff; text-align:center;padding-top:20px; border-bottom:7px solid #12182a;}
.meun li.menu_list5{ width:199px; border-right:1px solid #010915}
.meun li a:hover{ text-decoration:none;}
.meun li a:hover ,.meun li.current a{ border-bottom:7px solid #00fff7; color:#00fff7;}
.meun li a:hover span{ color:#276478;}
.meun li a span{display:block; font-size:12px; color:#3c4870; margin-top:3px;}

/*one*/
.one{ height:278px; width:991px; margin:14px auto 0 auto; border:5px solid #131724; background:#131724; overflow:hidden;}
.foucs{ width:658px; height:278px; float:left;}
.one_right{ width:330px; float:right;}
.one_right li{ height:55px; line-height:55px; color:#8e9dd7; font-size:16px;background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/one_icon.png?v=1) no-repeat 15px 15px; padding-left:48px;}
.one_right li.one_right_2{background:#1a1e2c url(https://img.q1cdn.com/lw/images/huodong/wzzbs/one_icon.png?v=1) no-repeat 15px 15px;}

/*two*/
.two{ width:1001px; margin:0 auto;}
.two h2{ height:50px; line-height:45px; color:#a6baff;  font-size:22px; font-weight:normal; padding-top:30px;}
.two h2 span{ display:inline-block; width:4px; height:20px; background:#00fff7; margin:3px 10px 0 0;}
.twoN{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/new.gif?v=1) no-repeat; width:1001px; height:455px;}
.two_top{ color:#8492c9; line-height:30px; font-size:14px; height:100px; padding:10px 100px 0 25px}
.two_top span{ display:inline-block; width:16px; height:16px; line-height:15px; text-align:center; background-position:-156px 0; color:#131724; margin-right:12px; font-weight:bold;}
.two_top i{ color:#678aff;}
.two_top em{ color:#ffcc50;}
.two_top a{color: #CC9900;}
.two_btm{position:relative; height:339px;}
.list1{ position:absolute;}


/*three*/
.three{ width:1001px; margin:0 auto;}
.three h2{ height:50px; line-height:45px; color:#a6baff;  font-size:22px; font-weight:normal; padding-top:30px;}
.three h2 span{ display:inline-block; width:4px; height:20px; background:#00fff7; margin:3px 10px 0 0;}

.listN{ position:relative;}
.pic1{ position:absolute; z-index:2; background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/three_icon.png?v=1) no-repeat 0 0;width:53px; height:54px; top:0; left:0;}
.pic2{position:absolute; z-index:2; background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/three_icon.png?v=1) no-repeat 0 -54px; width:53px; height:54px; top:0; left:0;}
.listN a{ background:#353c56; width:75px; height:35px; display:block; line-height:35px; position:absolute; color:#a6baff; font-size:12px; text-align:center;}
.t1 a ,.t2 a ,.t3 a ,.t4 a ,.t5 a ,.t6 a ,.t7 a{ left:53px; top:10px;}
.t8 a ,.t9 a ,.t10 a ,.t11 a ,.t12 a ,.t13 a ,.t14 a{ right:53px; top:9px}
.listN a:hover{ color:#00fff7;}
.t1 ,.t2 ,.t3 ,.t4 ,.t5 ,.t6 ,.t7 ,.t8 ,.t9 ,.t10 ,.t11 ,.t12 ,.t13 ,.t14{position:absolute;}
.t1{left:23px; top:27px;}
.t2{ top:107px;left:23px;}
.t3{ top:183px;left:23px;}
.t4{ top:266px;left:23px;}
.t5{ top:65px;left:188px;}
.t6{ top:227px;left:188px;}
.t7{ top:187px; left:357px;}
.t8{ top:187px; left:588px;}
.t9{ top:65px; left:758px;}
.t10{top:227px;left:758px;}
.t11{left:922px; top:27px;}
.t12{left:922px; top:107px;}
.t13{left:922px; top:183px;}
.t14{left:922px; top:266px;}
.promotion1{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/promotion.png?v=1) no-repeat;width:51px; height:37px; position:absolute; top:25px; left:35px; z-index:3;}
.promotion2{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/promotion.png?v=1) no-repeat 0 -37px; width:53px; height:45px; position:absolute; top:25px; right:35px; z-index:3;}

/*three*/
.threeN{ border:1px solid #262a39;}
.three h3{ font-size:16px; color:#a6baff; padding-left:20px;}
.three h3 span{display:inline-block; width:4px; height:16px; background:#00fff7; margin:3px 10px 0 0;}
.quiz{ width:666px; float:left; height:360px; background:#292f44; border-right:1px solid #3a4260;}
.quiz h3{ height:46px; line-height:46px; background:#131724;}
.quizN{ padding:0 45px;}
.quizN p{ font-size:14px; color:#00fff7; border-bottom:1px dotted #3d435c; margin-top:27px; padding-bottom:21px;}

.hm{ color:#a6baff; padding-top:29px; overflow:hidden; zoom:1; border-bottom:1px dotted #3d435c; padding-bottom:20px;}
.hm_left{ font-size:14px; width:70px; float:left; line-height:26px}
.hm_right{ width:504px; float:left;}
.sr{ width:150px; height:26px; background-position:0 -146px; border:none; line-height:26px; color:#aeb5cd; font-size:12px; padding:0 5px;}
.hm_rightB{ margin-top:22px;}
.btn{ background-position:0 -31px; width:90px; height:35px; border:none; cursor:pointer; vertical-align:middle; margin-right:5px;}
.hm_rightB a{color:#a6baff; font-size:12px;}
.hm_rightC{ font-size:12px; margin-top:18px;}
.quiz_btm{font-size:14px;color:#a6baff; margin-top:28px;}
.sr1{ width:73px; height:31px; line-height:31px; border:none; padding:0 3px; background-position:-90px -31px;color:#a6baff; font-size:12px;}
.dynamic{ width:331px;height:360px; float:left; border-left:1px solid #000; background:#292f44;}
.dynamic h3{ height:46px; line-height:46px; background:#131724;}
.gonghui_text{ height:310px; overflow:hidden;}
.gonghui_text li{ padding-left:38px; background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/dian.gif?v=1) no-repeat 21px 14px; height:31px; line-height:31px; font-size:12px; color:#8492c9; overflow:hidden;}
.gonghui_text li span{ display:inline-block;}
.sp1{ width:115px;}
.sp2{ width:62px; margin:0 10px;}
.gonghui_text li.list_odd{background:#2f3549 url(https://img.q1cdn.com/lw/images/huodong/wzzbs/dian.gif?v=1) no-repeat 21px 14px;}

.rule{ width:949px; background:#131724;clear:both; padding:20px 40px 20px 10px; color:#8392c8; font-size:12px; line-height:23px;}
.rule h3{ margin-bottom:10px;}
.rule li{ padding-left:20px;}
.rule li span{ display:inline-block; width:16px; height:16px; background-position:-156px 0; text-align:center; line-height:16px; color:#131724; font-weight:bold; margin-right:8px;}
.rule li i{ color:#ffcc50;}
.rule li em{ color:#678aff;}

/*copyright*/
.copyright{ padding:30px 0; background:#000;text-align:center; color:#5565a5; line-height:24px; font-size:12px;}
.copyright span{ display:block;}
.copyright a{color:#5565a5;}

/*video*/
.btm{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/btm.jpg?v=1) no-repeat center bottom; padding-bottom:122px;}
.mian{ width:981px; margin:0 auto; border:5px solid #131724; background:#010915; padding-left:10px; overflow:hidden; zoom:1; margin-top:15px; padding-bottom:70px; min-height:625px; _height:500px;}
.video ul{ width:1200px;}
.video li{ width:312px; float:left; margin:24px 0 0 10px; display:inline;position:relative; }
.video_img { width:312px; height:215px; cursor:pointer;}
.video_img span{ display:block; background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/video.png?v=1) no-repeat;_background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/video.gif?v=1) no-repeat; width:54px; height:54px; position:absolute; left:123px; top:80px; z-index:1}
.video li p{font-size:12px; color:#8492c9; text-align:center; margin-top:20px;}

/*schedule*/
.schedule{ padding-left:28px;color:#5467a6; }
.schedule_top{ font-size:16px;  margin-top:45px;}
.schedule_top span{ display:inline-block; text-align:center; line-height:60px;width: 131px;margin-left:23px;}
.schedule_top span.sc_sp1{margin-left: 2px}

.schedule_btm{ color:#5467a6;line-height:22px; font-size:16px; margin-top:40px; padding-right:40px}
.schedule_btm p em{color: #CC9900;}
.schedule_btm p{margin-bottom: 10px;}

/*awards*/
.awards{ padding:24px 20px 70px 30px; width:941px;}
.awards table{ border:1px solid #2d3655;border-collapse:collapse;}
.awards table td{ border-bottom:1px solid #2f3956; height:108px; font-size:12px; color:#8594c7;}
.awards table td span{ display:block; margin:5px 0 10px 0;}
.awards table td.awards_left{ font-size:18px; color:#97a7e0; line-height:108px; background:#212a43; text-align:center;}
.awards ul{margin-left: 10px;}
.awards li{display: inline-block;text-align: center;margin: 0 10px}

/*选择队伍*/
.zhezhao{position:absolute;z-index:99;filter:alpha(opacity=60);background:#000;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;width:100%; display:none;}
.dw{ background:#435080; padding:30px; width:618px; position:fixed; _position:absolute; left:50%; margin-left:-309px; top:200px; _top:1300px; z-index:100;font-size:12px; display:none}
.dw_close{ width:59px; height:59px; position:absolute; top:0; right:-59px; background-position:0 -221px; text-indent:-9999em; cursor:pointer;}
.dwA{ border-bottom:1px solid #2b345c; padding-bottom:20px; overflow:hidden; zoom:1;}
.dw_left{ width:246px; float:left; }
.dw_right{width:246px; float:right;}
.dw_listN{background:#313b5e; padding-bottom:30px;}
.dwA h3{ font-size:22px; font-weight:normal; color:#6c91ff; height:72px; line-height:72px; text-align:center; background:#232a49;}
.dw_list{color:#7b8abd; line-height:24px; padding:30px 15px 0 15px;}
.dwA_btm{color:#adbffd; margin:20px 0 0 90px;}
.dwA_btm1{ vertical-align:middle;}
.dw_c{ width:65px; height:37px; background-position:-59px -221px; float:left; margin:151px 0 0 27px; display:inline;}
.dwB{ border-top:1px solid #54608b; padding-top:29px; text-align:center;}
.dw_btn{ width:168px; height:49px; border:none; background-position:0 -172px; cursor:pointer;}
.dwB p{ color:#adbffd; margin-top:15px;}

/*视频弹窗*/
.tc_video{ background:#435080;  width:700px; position:fixed; _position:absolute; left:50%; margin-left:-350px; top:200px; _top:1200px; z-index:100;font-size:12px; display:none; height:400px; border:5px solid #435080;}
.tc_video_v{width:529px;height:338px;}
.video_close{ width:59px; height:59px; position:absolute; top:-5px; right:-62px; background-position:0 -221px; text-indent:-9999em; cursor:pointer;}

.rule{padding: 50px;font-size: 14px;line-height: 26px;width: 890px;}
.rule h3{margin-top: 30px;}
.rule span{color: #CC9900;}

.live{width: 991px;padding: 0 0 20px 0;min-height: 565px;position: relative;}
.live h2 ,.luck h2 ,.forecast h2 ,.jcb h2 ,.live_rule h2{font-size: 22px;color: #a6baff;font-weight: normal;border-left: 4px solid #00fff7;height: 25px;line-height: 25px;padding-left: 15px;margin: 10px 0 0 10px;}
.luck h2 ,.forecast h2{display: inline-block}

.iframe_live{width: 945px;height: 568px;background: #fff;margin: 30px auto 0;position: relative}
.iframe_live .tit{line-height: 36px;height: 47px;background-color: rgba(0,0,0,0.5);padding: 10px 0 0 10px;font-size: 16px;color: #fff;position: absolute;top: 0;left: 0;width: 935px;z-index: 1}
.iframe_live .tit .icon{width: 55px;height: 36px;display: inline-block;vertical-align: top;margin-right: 10px;}
.iframe_live .tit em{color: #ffe5b7;font-weight: bold}
.iframe_live .tit i{color: #fe3700;font-weight: bold;display: inline-block;margin: 0 10px;}
#div_live{width: 945px;height: 568px;}
.live_btm{margin: 16px 20px 0 20px;}
.live_btm p{display: inline-block;font-size: 16px;color: #fff;width: 290px;}
.live_right{width: 650px;float: right}
.switch{width: 41px;height: 23px;background: #686868;border-radius: 9px;cursor: pointer;position: relative;vertical-align: middle;float: left}
.live_btm .off{background: #409eff;color: #409eff}
.live_btm .on{background: #686868;color: #757575}
.switch span{width: 23px;height: 23px;background: #fff;display: block;border-radius: 23px;text-align: center;font-size: 14px;top: 0;left: 0;position: absolute}
.live_input{width: 486px;height: 26px;border: none;border-radius: 10px;background: #686868;margin:0 10px 0 20px;outline:none;display: block;float: left;padding: 0 10px;color: #fff;}
.live_btn{width: 68px;height: 26px;background: #315798;line-height: 26px;text-align: center;border-radius: 10px;float: left;font-size: 16px;color: #fff;cursor: pointer;}
.tanmuBox{width:945px;height:230px;text-align:center;font-size:18px;position:absolute;top:50px;left:0;z-index: 5;pointer-events:none;overflow: hidden}
.barrage_list li{position: absolute;text-align: left; font-size:20px;width: 945px;left:945px;}
.live_tips{font-size: 14px;color: #a6baff;margin: 0 auto;width:1001px;height: 40px;line-height: 40px;}
.live_tips p{display: inline-block;padding-right: 20px;}
.live_tips p a{color: #a6baff;}
.tit_right{float: right;font-size: 14px;color: #fff;margin: 15px 25px 0 0}
.tit_right span{display: inline-block;background: #20263b;height: 26px;line-height: 26px;padding: 0 15px;margin-left: 20px;cursor:pointer}
.tit_right em{display: inline-block;height: 21px;line-height: 21px;padding: 0 15px; border-radius: 6px;background: #151c2d;color: #fee7b2}

.luck{color: #95a1e3}
.luck h3{font-size: 16px;font-weight: normal;margin: 10px 0 0 10px;}
.load{width: 948px;margin: 10px auto 0;position: relative}
.load ul{overflow: hidden;zoom:1;position: relative;z-index: 1}
.load_line{background: #182443;height: 5px;position: absolute;top: 10px;left: 0;width: 100%}
.load li{width: 316px;float: left;text-align: center}
.load .icon{width: 23px;height: 23px;background-position:  -97px -1px;margin: 0 auto 10px}
.load li.on{color: #ffe786}
.load li.on .icon{background-position: -71px -1px;}
.luck_cent{margin: 20px 20px 0 10px;}
.luck_text{width: 258px;height: 460px;background: #111829;float: left;font-size: 15px;padding: 10px 0 0 10px;overflow: hidden;}
.luck_text li{height: 50px;line-height: 50px;}
.luck_text i{padding: 0 5px;}
.luck_text em{color: #00fff7}
.prize{width: 664px;height: 470px;background: #20263b;float:right;position: relative;}


.prize_list{height: 140px;position: absolute;text-align: center;font-size: 14px;background: url(https://img.q1cdn.com/lw/images/huodong/wzzbs/live_icon.png?v=1) 0 -45px;width: 194px;}
.prize_hover{background: url(https://img.q1cdn.com/lw/images/huodong/wzzbs/live_icon.png?v=1) -198px -45px;}
.prize_list span{display: block;line-height: 18px;font-size: 14px;color: #121f38;}
.prize_1{left: 14px;top: 16px;}
.prize_2{left: 237px;top: 16px;}
.prize_3{left:458px;top: 16px;}
.prize_4{left:458px;top: 169px;}
.prize_5{left:458px;top: 323px;}
.prize_6{left: 237px;top: 323px;}
.prize_7{left: 14px;top: 323px;}
.prize_8{left: 14px;top: 169px;}
.i-prize_btn{position: absolute;left: 237px;top: 169px;cursor: pointer;width: 190px;height: 136px;background-position: -394px -46px;text-indent: -9999px;}
.forecast_top{overflow: hidden;zoom:1;width: 930px;margin: 20px auto 0}
.forecast_top .icon{float: left;}
.icon_btn{width: 151px;height: 38px;background-position: -138px 0;line-height: 33px;text-align: center;cursor: pointer;text-shadow: 1px 1px 1px #20ebe9;color: #005351}
.forecast_grayscale{filter:grayscale(100%);cursor: default}
.forecast_top_my{display: inline-block;float: right;background: #151c2d;height: 24px;line-height: 24px;padding: 0 10px;border-radius: 10px;color: #ffeea8;}
.forecast_tit{font-size: 20px;color: #ffe6b8;width: 930px;margin: 30px auto 20px}
.forecast_line{height: 1px;background: #182443;display: inline-block;width: 800px;vertical-align: middle}
.forecast_list ul{margin-top: 20px;overflow: hidden;zoom:1}
.forecast_list li{background: #20263b;width: 404px;height: 162px;text-align: center;overflow: hidden;zoom:1;padding: 0 10px;margin: 0 30px 15px;float: left}
.forecast_list li h4{color:#03f8f1;line-height: 30px;margin-top: 5px;font-size: 18px;font-weight: normal}
.forecast_list li p{font-size: 14px;color: #a6baff;border-bottom: 1px solid #010915;padding-bottom: 5px;}
.forecast_list .vs{font-size: 18px;color: #fee8b2;line-height: 50px;}
.forecast_list .vs span{display: inline-block;font-size: 20px;color: #ffbb44;padding: 0 5px;}
.forecast_list .vs em{width:45%;display: inline-block;text-align: center;}
.forecast_list .vs em:first-child{text-align: right;}
.forecast_list .vs em:last-child{text-align: left;}
.forecast_list li .icon_btn{margin: 0 auto}
.forecast_btn_on{font-size: 20px;color: #8fa1de;cursor: pointer;}

.jcb{min-height: 100px;padding-bottom: 20px;}
.jcb li{width: 177px;float: left;margin: 25px 0 0 15px}
.jcb_top{height: 82px;background: #20263b;width: 177px;}
.jcb_img{width: 62px;float: left;height: 82px;text-align: center;background-position: 0 -188px}
.jcb_img img{width: 42px;height: 42px;margin: 16px auto;display: block;border: 1px solid #00fff7;}
.jcb_text{width: 110px;float: left;font-weight: bold;font-size: 13px;color: #d6ddf7;padding-left: 5px;}
.jcb_text b{font-size: 14px;color: #fee8b2;line-height: 16px;padding: 5px 0 5px;display: block}
.jcb_btn{width: 86px;height: 32px;background-position: -299px -1px;text-align: center;line-height: 28px;text-shadow: 1px 1px 1px #20ebe9;color: #005351;font-weight: bold;cursor: pointer;margin: 10px auto 0}
.jcb_on{width: 86px;height: 32px;background:#20263b;text-align: center;line-height: 28px;color: #8799d3;font-weight: bold;margin: 10px auto 0}

.live_rule{min-height: 100px;padding-bottom: 40px;}
.live_rule li{font-size: 15px;color: #d6ddf7;line-height: 30px;}
.live_rule ul{margin-top: 20px;}
.live_rule li span{display: inline-block;width: 18px;height: 18px;background: #414d6e;border-radius: 20px;line-height: 18px;text-align: center;margin: 0 8px 0 20px;}

.mask{width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;opacity: .8;background: #000;display: none;}
.popup_tips{position: fixed;top: 50%;left: 50%;margin: -300px 0 0 -225px;z-index: 101;background: #435080;width:450px;display: none;padding-bottom: 50px}
.popup_close{ background:url(https://img.q1cdn.com/lw/images/huodong/wzzbs/icon.png?v=1) no-repeat 0 -221px;width:59px; height:59px; position:absolute; top:0; right:-62px;text-indent:-9999em; cursor:pointer;}
.popup_tips h2{font-size: 36px;color: #ffda9e;text-align: center;line-height: 30px;margin-top: 50px;font-weight: normal}
.popup_tips h3{font-size: 20px;color: #c5d4ff;line-height: 35px;padding: 40px 40px 20px;text-align: center}
.popup_tips span{color: #ffda9e;}
.popup_line{background: url(https://img.q1cdn.com/lw/images/huodong/wzzbs/popup_line.png?v=1) repeat-x;height: 2px;margin: 20px}
.popup_btn{width: 169px;height: 49px;background-position: -71px -194px;line-height: 45px;text-align: center;text-shadow: 1px 1px 1px #20ebe9;color: #010915;font-weight: bold;cursor: pointer;margin: 0 auto;font-size: 16px;}
.popup_tips ul{margin: 20px}
.popup_tips li{margin-bottom: 10px;}
.popup_tips li b{display: inline-block;width: 100px;text-align: right;font-size: 18px;color: #ffddaa;vertical-align: top}
.popup_tips li input{width: 280px;height: 35px;background: #7d8aba;border: none;outline: none;color: #fff;font-size: 14px;padding: 0 10px;}
.popup_tips li textarea{width: 280px;height: 72px;background: #7d8aba;border: none;outline: none;color: #fff;font-size: 14px;padding: 0 10px;}
.record_top{margin: 0 20px;font-size: 18px;}
.record{height: 200px;overflow-y: auto}
.record_top em ,.record em{display: inline-block;width: 200px;color: #c5d4ff;font-weight: bold}
.record_top i,.record i{display: inline-block;width: 180px;color: #c5d4ff;text-align: center;font-weight: bold}
.record li{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;}
.record::-webkit-scrollbar {width: 13px;background-color: #435080;overflow-y:scroll}
.record::-webkit-scrollbar-thumb {background-color: #536295;}

.popup{position: fixed;top: 50%;left: 50%;margin: -300px 0 0 -285px;z-index: 101;background: #435080;width:570px;padding-bottom: 50px;display: none;text-align: center;color: #c5d4ff;font-size: 16px;}
.popup h2{font-size: 36px;color: #ffda9e;text-align: center;line-height: 30px;margin-top: 30px;font-weight: normal}
.popup .vs{font-size: 18px;text-align: center}
.popup .vs span{display: inline-block;height: 51px;line-height: 51px;background: #293359;border-radius: 10px;padding: 0 20px;border: 3px solid #293359}
.popup .vs span.on{border: 3px solid #ffda9e}
.popup .victory span{line-height: 26px;}
.popup .vs i{display: block;font-size: 14px;color: #ffda9e}
.popup .vs em{padding: 0 15px;vertical-align: top;line-height: 57px;}
.popup_text{display: inline-block;height: 45px;line-height: 45px;background: #293359;padding: 0 20px;font-size: 18px;margin: 35px auto 20px}
.popup p{font-weight: bold;line-height: 25px}
.mbtm20{margin-bottom: 20px;}
.popup .popup_btn{margin: 20px auto 10px}
.guessing_score{margin-bottom: 20px;}
.guessing_score li{width: 141px;height: 31px;background: #293359;font-size: 16px;color: #c5d4ff;border: 2px solid #293359;line-height: 31px;margin: 20px 40px 0;display: inline-block;padding: 0 10px;text-align: left;cursor: pointer;}
.guessing_score li.alignRight{text-align: right}
.guessing_score li.on{border: 2px solid #ffddaa}
.guessing_score span{color: #fad9a9;float: right}
.guessing_score em{color: #fad9a9;float: left}
.guessing_choice{font-size: 0;}
.guessing_choice_list{border: 1px solid #293359;font-weight: bold}
.guessing_choice_list.on{border: 1px solid #ffddaa}
.guessing_choice span{display: inline-block;width: 45px;height: 35px;line-height: 35px;text-align: center;background: #293359;cursor: pointer;font-size: 18px;margin: 0 30px;}
.guessing_choice_add{display: inline-block;font-size: 16px;background: #293359;height: 35px;width: 100px;vertical-align: top;line-height: 35px;cursor: pointer;}
.guessing_choice_add em,.guessing_choice_add i{font-size: 30px;vertical-align: middle}
.guessing_choice_add b{vertical-align: middle;display: inline-block;width: 50px;}

.jcb_mx_tit{font-size: 18px;font-weight: bold;}
.jcb_mx{height: 240px;overflow-y: auto;font-size: 14px;margin-top: 10px;}
.jcb_mx::-webkit-scrollbar {width: 13px;background-color: #435080;overflow-y:scroll}
.jcb_mx::-webkit-scrollbar-thumb {background-color: #536295;}
.jcb_mx li{height: 30px;line-height: 30px;overflow: hidden}
.popup .jcb_mx span, .popup .jcb_mx_tit span{font-weight: bold;display: inline-block;}
.popup .las_1{width: 170px;}
.popup .las_2{width: 190px}
.popup .las_3{width: 120px;}

.popup_forecast{position: fixed;top: 50%;left: 50%;margin: -300px 0 0 -450px;z-index: 101;background: #435080;width:900px;padding-bottom: 50px;text-align: center;color: #c5d4ff;font-size: 16px;display: none}
.popup_forecast h2{font-size: 36px;color: #ffda9e;text-align: center;line-height: 30px;margin-top: 30px;font-weight: normal}
.forecast_mx_tit{font-size: 18px;font-weight: bold;}
.popup_forecast .forecast_mx_tit span{font-size: 18px;}
.forecast_mx{height: 240px;overflow-y: auto;margin-top: 10px;}
.forecast_mx::-webkit-scrollbar {width: 13px;background-color: #435080;overflow-y:scroll}
.forecast_mx::-webkit-scrollbar-thumb {background-color: #536295;}
.forecast_mx li{height: 30px;line-height: 30px;overflow: hidden;font-size: 0;}
.popup_forecast span{font-weight: bold;display: inline-block;font-size: 14px;}
.popup_forecast .las_1{width: 155px;}
.popup_forecast .las_2{width: 300px}
.popup_forecast .las_3{width: 170px;}
.popup_forecast .las_4{width: 100px;}
.popup_forecast .las_5{width: 100px;}
.popup_forecast_top{text-align: left;margin-left: 20px;}
.popup_forecast_top b{display: inline-block;width: 320px;padding-left: 20px;}
.popup_forecast_top em{display: inline-block;width: 140px;}

.popup_rule{position: fixed;top: 50%;left: 50%;margin: -400px 0 0 -520px;z-index: 101;background: #435080;width:1040px;padding-bottom: 50px;color: #c5d4ff;font-size: 16px;display: none}
.popup_rule h2{font-size: 36px;color: #ffda9e;text-align: center;line-height: 30px;margin-top: 30px;font-weight: normal;}
.popup_rule h3{font-size: 18px;color: #ffddaa;padding: 0 20px;margin-bottom: 20px}
.popup_rule p{margin-bottom: 25px;line-height: 24px;padding: 0 20px;font-weight: bold;font-size: 16px;}