@charset "utf-8"; 
html,body{overflow-x:hidden;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.wrap{ position:relative; width:750px; height:4148px; background:url(../images/bg.jpg) center top no-repeat;}
.logo{ position:absolute; width:200px; left:10px; top:10px;}
/* info */
.server_info{ position:absolute; width:700px; height:57px; left:24px; top:627px; font:normal 22px/57px "Microsoft YaHei"; color:#25566b; text-align:center;}
.server_line{ margin:0 20px;}
.server_line span{ color:#f27e3b;}

.data_box{ position:absolute; width:620px; height:77px; left:46px; top:693px; overflow:hidden;}
.data_box li{ float:left; width:177px; height:78px; margin-left:29px;}
.data_box li .data_title{ display:block; width:177px; height:28px; font:normal 18px/28px "Microsoft YaHei"; color:#25566b; text-align:center; background-color:#fff;}
.data_box li div{ height:50px; font:normal 32px/50px "Microsoft YaHei"; color:#f27e3b; text-align:center;}
.btn_pop_times{ display:inline-block; width:60px; height:28px; margin-left:10px; background:url(../images/btn_pop_times.png); vertical-align:middle}
/* lottery_rule */
.lottery_rule{ position:absolute; width:638px; height:236px; left:63px; top:904px; overflow:hidden;}
.lottery_rule li{ margin-top:10px; overflow:hidden;}
.lottery_rule li .icon_mum{ float:left; width:22px; height:22px; margin-top:2px; font:normal 16px/22px "Microsoft YaHei"; color:#fff; text-align:center;border-radius:22px; background-color:#618aad;}
.lottery_rule li p{ float:right; width:610px; max-height:84px;font:normal 22px/28px "Microsoft YaHei"; color:#25566b;}

.lottery_list{ position:absolute;width:584px; height:96px; left:89px; top:1291px; overflow:hidden;}
.lottery_list li{width:584px; height:32px; font:normal 18px/32px "Microsoft YaHei"; color:#000000; text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.color_yellow{ color:#f27e3b;}

.lottery_box{ position:absolute; width:680px; height:680px; left:35px; top:1422px; background:url(../images/lottery_bg.png);}
.lottery_box span{ position:absolute; width:220px; height:220px;}
.lottery_box span.p1{ left:0px; top:0px;}
.lottery_box span.p2{ left:230px; top:0px;}
.lottery_box span.p3{ left:460px; top:0px;}
.lottery_box span.p4{ left:460px; top:230px;}
.lottery_box span.p5{ left:460px; top:460px;}
.lottery_box span.p6{ left:230px; top:460px;}
.lottery_box span.p7{ left:0px; top:460px;}
.lottery_box span.p8{ left:0px; top:230px;}
.lottery_box span.on{ background:url(../images/lottery_on.png);}
.lottery_img{ position:absolute; width:680px; height:680px; left:0; top:0;}
#btn_lottery{ position:absolute; width:238px; height:220px; left:231px; top:230px; background:url(../images/btn_lottery.png); z-index:5;}
.btn_pop_myinfo{ position:absolute; width:700px; height:92px; left:25px; top:2152px; background:url(../images/btn_myinfo.png); text-indent:-999px; overflow:hidden;}
/* change */
.change_rule{ height:150px; top:2382px;}
.change_box{ position:absolute; width:700px; left:25px; top:2662px;}
.change_th{ width:700px; height:47px; background-color:#e3f8fc; border-bottom:1px soild #9cd7e9; overflow:hidden;}
.change_th span{ float:left; height:47px; font:normal 18px/47px "Microsoft YaHei"; color:#25566b; text-align:center;}
.change_th span.col1{ width:254px;}
.change_th span.col2{ width:146px; margin-left:135px; text-align:left;}
.change_th span.col3{ width:165px;}
/* list */
#list_cont{ display:none; width:700px;}
.item_line{ width:700px; height:94px; margin-top:15px; border-bottom:1px solid #9cd7e9; overflow:hidden;}
.item_line .col1{ float:left; width:388px; height:94px; overflow:hidden;}
.item_line .col1 .icon{ float:left; width:79px; height:79px;}
.item_line .col1 .name_box{ float:left; width:280px; margin-left:11px; padding-top:14px;}
.item_name{ display:block; height:34px;font:normal 20px/20px "Microsoft YaHei"; color:#25566b;}
.item_beizhu{font:normal 16px/18px "Microsoft YaHei"; color:#25566b;}
.item_line .col2{ float:left; width:146px; height:94px;font:normal 30px/80px "Microsoft YaHei"; color:#f27e3b; overflow:hidden;}
.item_line .col3{ position:relative; float:left; width:165px; height:45px; margin-top:17px; overflow:hidden;}
.item_line .col3 .inp_num{ display:block; width:55px; height:45px; margin:0 auto; font:normal 24px/45px "Microsoft YaHei"; color:#f27e3b;text-align:center; background-color:#e3f8fc; border-radius:4px;}
.item_line .col3 span{ position:absolute; width:45px; height:45px; top:0;}
.btn_jian{ left:0; background:url(../images/icon_jian.png)}
.btn_jian.off{ background:url(../images/icon_jian_off.png)}
.btn_jia{ right:0; background:url(../images/icon_jia.png)}
.btn_jia.off{ right:0; background:url(../images/icon_jia_off.png)}
.btn_sub{ display:block; width:700px; height:93px; margin:36px auto 0; background:url(../images/btn_sub.png);}
.bot_tip{ height:126px; font:normal 24px/126px "Microsoft YaHei"; color:#25566b;text-align:center;}
/* nav */
.bot_nav{ position:fixed; width:725px; height:90px; padding-left:25px; left:0; bottom:0; background:url(../images/btn_nav_bg.png); z-index:10;}
.bot_nav.bottom{ position:absolute;}
.bot_nav a{ float:left; width:233px; height:90px;}
.bot_nav1{ background:url(../images/bot_nav1.png) 0 0 no-repeat;}
.bot_nav2{ background:url(../images/bot_nav2.png) 0 0 no-repeat;}
.bot_nav3{ background:url(../images/bot_nav3.png) 0 0 no-repeat;}
.bot_nav1.on{ background:url(../images/bot_nav1_on.png) 0 0 no-repeat;}
.bot_nav2.on{ background:url(../images/bot_nav2_on.png) 0 0 no-repeat;}
.bot_nav3.on{ background:url(../images/bot_nav3_on.png) 0 0 no-repeat;}
/* foot */
.foot_bot{width:750px;overflow:hidden;background:#25282d}
.foot_bot img{float:left;width:140px;margin:40px 0 0 70px}
.foot_bot p{float:left;width:465px;margin-top:47px;font:normal 16px/22px "Microsoft Yahei";color:#c0c0be;text-align:center}
.foot_bot .footer_nav{max-height:24px;color:#6f7277;font-size:24px;padding-bottom:28px;float:none;width:100%}
.foot_bot .footer_nav a{color:#6f7277;padding:0 3px}
.foot_bot .footer_logo{margin-bottom:24px;height:61px;text-align:center}
.foot_bot .footer_logo img{vertical-align:middle;max-height:100%;float:none;width:auto;margin:0 23px}
.foot_bot a{color:#2d6979}
.foot_bot .copyright{border-top:1px dashed #565656;margin:0 20px;padding:30px 0}
.copyright p{float:none;width:auto; max-height:20px;margin-top:0;color:#5a5c61;font-size:14px;padding:4px 0}

/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(49,49,49,0.9); z-index:100;}
.pop_cont_bg{ position:absolute; width:706px; height:796px; left:50%; top:50%; margin-left:-353px; margin-top:-398px; background:url(../images/pop_bg.png);}
.close_box{ position:absolute; width:466px; height:90px; left:50%; margin-left:-233px; bottom:-92px; background:url(../images/icon_close.png);}
.icon_close{ display:block; width:90px; height:90px; margin:0 auto; cursor:pointer;}
.pop_cont{ width:618px; margin-left:43px; padding-top:56px;}
.pop_t{ display:block; margin:0 auto;}
.pop_info{ width:538px; height:24px; margin:36px auto 0;font:normal 22px/24px "Microsoft Yahei"; color:#25566b;}
.ml40{ margin-left:40px;}
.pop_info .server_name,.pop_info .role_name{ color:#289283;}
.address_tip{ width:538px; max-height:52px; margin:14px auto 0;font:normal 18px/26px "Microsoft Yahei"; color:#f50b0b;}
.form_box{ width:538px; margin:0 auto; padding-top:2px;}
.form_box li{ width:538px; height:60px; margin-top:20px; overflow:hidden;}
.form_box li .sub_tag{ float:left; width:146px;font:normal 24px/60px "Microsoft Yahei"; color:#25566b;}
.form_box li input{ float:right; width:370px; height:58px; padding:0 10px;font:normal 24px/58px "Microsoft Yahei"; color:#3f6576; background-color:#fff; border:1px solid #f0e1bc; border-radius:2px; outline:0;}
.my_prize_box{ width:538px; height:104px; margin:35px auto 0; border-top:1px dashed #d9dad4;}
.myprize_scroll{ width:538px; height:90px; margin-top:14px; }
.cus_scroll{overflow-x:hidden; overflow-y:auto;}
.cus_scroll::-webkit-scrollbar{ width:13px; background-color:#efddb9;}
.cus_scroll::-webkit-scrollbar-thumb{ width:13px; background-color:#25566b;}
#my_prize_list{ width:520px;}
#my_prize_list li{ height:20px; max-height:20px; margin-bottom:14px; font:normal 18px/20px "Microsoft Yahei";overflow:hidden;}
#my_prize_list li .time{ float:left; width:292px; color:#25566b;}
#my_prize_list li p{ float:left; width:220px; color:#f27e3b;}
.conform_btns{ width:538px; height:72px; margin:32px auto 0;}
.float_l{ float:left}
.float_r{ float:right;}
.btn_sub_address{ width:260px; height:72px; background:url(../images/btn_save.png);}
.btn_cancel{ width:260px; height:72px; background:url(../images/btn_cancel.png); display: block; margin: 0 auto;}
/* pop_times */
.pop_times_th{ display:block; width:545px; margin:30px auto 0;}
.pop_times_scroll{ width:580px; height:460px; margin:32px auto 0;}
#lottery_time_list{ width:500px;}

#lottery_time_list li{height:20px; max-height:20px; margin-bottom:28px;font:normal 18px/20px "Microsoft Yahei"; overflow:hidden;}
#lottery_time_list li span{ float:left; overflow:hidden;}
#lottery_time_list li .col1{ width:200px; color:#25566b; }
#lottery_time_list li .col2{ width:232px; color:#dc511a; text-align:center;}
#lottery_time_list li .col3{ width:68px; color:#23a720; text-align:center;}
#lottery_time_list li .col3.fu{ color:#dc511a;}
/* pop_lottery_succ */
.result_img_box{ width:220px; height:220px; margin:90px auto 0;}
.result_img_box img{ width:100%;}
.gx_text{ height:38px; margin-top:42px;font:normal 22px/24px "Microsoft Yahei"; color:#000000; text-align:center;}
#result_prize_name{ height:146px;font:normal 36px/38px "Microsoft Yahei"; color:#ff0000; text-align:center;}
.btn_conform{ width:260px; height:73px; background:url(../images/btn_conform.png);}
#conform_succ{ display:block; margin:0 auto;}
/* pop_change_conform */
#pop_change_conform .pop_times_scroll{ margin-top:60px;}
#conform_list{ width:570px;}
#conform_list li{ max-height:76px; margin-bottom:18px;font:normal 22px/32px "Microsoft Yahei"; color:#000000; overflow:hidden;}
#conform_list li span{ color:#ff0101;}
#pop_change_conform  .conform_btns{ margin:10px auto 0;}
/* pop_msg */
#pop_msg{ z-index:200;}
#pop_msg2{ z-index:200;}
.pop_msg_bg{ position:absolute; width:692px; height:535px; left:50%; top:50%; margin-left:-346px; margin-top:-267px; background:url(../images/pop_msg_bg.png);}
.pop_msg_bg .pop_cont{ padding-top:38px;}
#tip_msg,#tip_msg2{ display:flex; width:538px; height:350px; margin:0 auto;font:normal 30px/45px "Microsoft YaHei"; color:#000; align-items:center; text-align:center; justify-content:center}
#conform_msg{ display:block;margin:0 auto;}
#conform_msg2{ display:block;margin:0 auto;}