body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; background-color: #000; overflow-x: hidden;}
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;}
span{outline:none;}

.wrap{ width: 100%; max-width: 1920px; height: 8038px; margin: 0 auto; background: url(../images/bg.jpg) center bottom no-repeat; overflow: hidden;}
/* float_bar */
.float_bar{ position: fixed; width: 241px; height: 686px; top: 50%; margin-top: -343px; right: 8px; background: url(../images/float_bar.png); z-index: 20;}
.ewm{ position: absolute; width: 136px; height: 136px; left: 55px; top: 244px;}
.nav_box{ position: absolute; width: 108px; left: 70px; top: 440px;}
.nav_box span{ display: block; width: 108px; height: 18px; margin-bottom: 33px; cursor: pointer;}
.nav_box span.on{ background-position: 0 -18px;}
.nav1{ background: url(../images/nav1.png);}
.nav2{ background: url(../images/nav2.png);}
.nav3{ background: url(../images/nav3.png);}
.btn_gtt{ position: absolute; width: 54px; height: 62px; left: 88px; bottom: 0; cursor: pointer;}
/* head */
.section_head{ position: relative; height: 1237px; background: url(../images/head_bg.jpg) center top no-repeat;}

.log_box{ position: absolute; width: 100%; height: 48px; left: 0; top: 1124px;}
#btn_login{ position: absolute; width: 199px; height: 48px; left: 50%; margin-left: -100px; top: 0; background: url(../images/btn_login.png); cursor: pointer;}
#btn_login:hover{ background-position: 0 -48px;}
.user_box{ display: none; font-size: 16px; line-height: 48px; color: #fff; text-align: center;}
#btn_logout{ margin: 0 16px; color: #f6eab5; cursor: pointer;}
.bind_info{ display: none;}
/* gift */
.section_gift{ position: relative; width: 1360px; height: 2268px; margin: 0 auto; overflow: hidden;}
.section_t{ display: block; margin: 0 auto;}
.gift_info{ width: 1035px; height: 60px; padding-top: 6px; margin: 18px auto 0; font-size: 16px; line-height: 28px; color: #f2e6b1; text-align: center; background: url(../images/gift_info_line.png);}
.gift_list{ width: 1443px; height: 1854px; margin: 126px 0 0 -41px;}
.gift_list li{ position: relative; float: left; width: 443px; height: 458px; margin: 0 19px 66px; }
.gift_list li.ml{ margin-left: 262px;}
.btn_get{ position: absolute; width: 219px; height: 66px; left: 50%; margin-left: -110px; bottom: 42px;}
.gift_list li.long .btn_get{ bottom: -8px;}
.btn_get.none{ background: url(../images/btn_get_none.png);}
.btn_get.done{ background: url(../images/btn_get_done.png);}
.btn_get.on{ background: url(../images/btn_get.png); cursor: pointer;}
.btn_get.on:hover{ background-position: 0 -66px;}
/* team */
.section_team{ width: 1360px; height: 2206px; margin: 0 auto; overflow: hidden;}
.team_btn_box{ display: flex; position: relative; height: 71px; margin-top: 66px; justify-content: center; z-index: 2;}
.team_btn_box span{ display: block; width: 242px; height: 71px; margin: 0 17px; cursor: pointer;}
.btn_pop_create{ background: url(../images/btn_pop_create.png);}
.btn_pop_join{ background: url(../images/btn_pop_join.png);}
.btn_pop_sq{ background: url(../images/btn_pop_sq.png);}
.btn_pop_myteam{ background: url(../images/btn_pop_myteam.png);}
.team_btn_box span:hover{ background-position: 0 -71px;}
.team_list{ width: 1360px; height: 1632px; padding-top: 6px; overflow: hidden;}
.team_list li{ position: relative; width: 1360px; height: 196px; margin-top: 65px; background: url(../images/team_item_bg.png);}
.team_num_box{ position: absolute; width: 654px; height: 68px; left: 96px; top: 8px; color: #b1423c; font-weight: bold; line-height: 68px;}
.team_sort{ float: left; font-size: 48px;}
.team_num{ float: left; font-size: 36px; margin-left: 26px;}
.btn_pop_detail{ position: absolute; width: 131px; height: 35px; left: 790px; top: 25px; background: url(../images/btn_pop_detail.png); cursor: pointer;}
.btn_pop_detail:hover{ background-position: 0 -35px;}
.member_list{ position: absolute; width: 894px; height: 71px; left: 100px; top: 98px;}
.member_list div{ position: relative; float: left; width: 71px; height: 71px; margin-right: 74px; background: url(../images/user_tx_normal_bg.png);}
.member_list div img{ position: absolute; width: 63px; height: 63px; left: 4px; top: 4px;}
.btn_team_sq,.team_tag_sqed,.team_tag_full{ position: absolute; width: 330px; height: 211px; left: 962px; top: -7px; background: url(../images/btn_team_sq.png); cursor: pointer;}
.btn_team_sq:hover{ background-position: 0 -211px;}
.team_tag_sqed{ background: url(../images/team_tag_sqed.png); cursor: default;}
.team_tag_full{ background: url(../images/team_tag_full.png); cursor: default;}
.team_page{ height: 30px; text-align: center;}
.team_page span{ display: inline-block; width: 30px; height: 30px; margin: 0 10px; font-size: 20px; line-height: 30px; color: #97979e; text-align: center; cursor: pointer; vertical-align: middle;}
.team_page span.active{ color: #ffe025;}
.btn_prev_page{ background: url(../images/btn_prev_page.png);}
.btn_next_page{ background: url(../images/btn_next_page.png);}
.btn_prev_page:hover,.btn_next_page:hover{ background-position: 0 -30px;}
/* lottery */
.section_lottery{ width: 1360px; height: 1334px; margin: 0 auto; overflow: hidden;}
.lottery_info{ position: relative; width: 1385px; height: 60px; padding-top: 6px; margin: 60px 0 0 12px; font-size: 16px; line-height: 28px; color: #f2e6b1; text-align: center; background: url(../images/lottery_info_line.png); z-index: 2;}
.btn_myprize{ display: block; width: 260px; height: 63px; margin: 33px auto 0; background: url(../images/btn_pop_myprize.png); cursor: pointer;}
.btn_myprize:hover{ background-position: 0 -63px;}
.lottery_box{ position: relative; width: 1360px; height: 569px; margin-top: 50px;}
.lottery_cont{ position: relative; width: 1360px; height: 569px; background: url(../images/lottery_img.png);}
.lottery_cont li{ position: absolute; width: 429px; height: 169px;}
.lottery_cont li#icon1{ left: 0px; top: 0px;}
.lottery_cont li#icon2{ left: 466px; top: 0px;}
.lottery_cont li#icon3{ left: 931px; top: 0px;}
.lottery_cont li#icon4{ left: 931px; top: 200px;}
.lottery_cont li#icon5{ left: 931px; top: 400px;}
.lottery_cont li#icon6{ left: 466px; top: 400px;}
.lottery_cont li#icon7{ left: 0px; top: 400px;}
.lottery_cont li#icon8{ left: 0px; top: 200px;}
.lottery_cont li span{ display: none; position: absolute; width: 425px; height: 165px; left: 2px; top: 2px; background: url(../images/lottery_on.png);}
.lottery_cont li.on span{ display: block;}
.btn_lottery{ position: absolute; width: 429px; height: 50px; padding-top: 122px; left: 466px; top: 199px; font-size: 16px; font-weight: bold; line-height: 18px; color: #b1423c; text-align: center; background: url(../images/btn_lottery.png); cursor: pointer;}
.btn_lottery:hover{ background-position: 0 -172px;}
.lottery_tip{ margin-top: 58px; font-size: 16px; color: #fff; text-align: center;}
/* rule */
.section_rule{ width: 1360px; height: 993px; margin: 0 auto; overflow: hidden;}
.rule_cont{ width: 1360px; height: 595px; padding-top: 50px; margin-top: 102px; background: url(../images/rule_cont_bg.png);}
.rule_cont ul{ width: 1248px; margin: 0 auto;}
.rule_cont li{ margin-top: 12px; overflow: hidden;}
.rule_cont li .rule_num{ float: left; width: 56px; font-size: 30px; line-height: 40px; color: #b1423c; font-style: italic;}
.rule_cont li p{ float: right; width: 1190px; font-size: 18px; line-height: 46px; color: #363636;}
/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:100;}
/* pop_bind */
.pop_cont1{ position:absolute; width: 876px; height: 482px; left:50%; top:50%; margin:-241px 0 0 -438px; background:url(../images/pop_bg1.png); }
.icon_close{ position:absolute; width: 68px; height: 66px; right:-72px; top:0; background:url(../images/icon_close.png); cursor:pointer;}
.icon_close:hover{ background-position: 0 -66px;}
.bind_cont{ width: 600px; height: 246px; margin: 99px auto 0;}
.bind_tag{ float: left; width: 103px; margin-top: 12px;}
.bind_form{ float: right; width: 484px;}
.bind_form li{width: 484px; height: 48px; margin-bottom: 28px;}
.bind_form li select{ display: block; width: 484px;; height: 48px; padding-left: 20px; font-size: 20px; line-height: 48px; color: #363636; background-color: #f1d2bb; border: 0; outline: 0;}
#btn_sub_bind{ display: block; width: 219px; height: 66px; margin: 0 auto; background: url(../images/btn_sub_bind.png); cursor: pointer;}
#btn_sub_bind:hover{ background-position: 0 -66px;}
/* pop_msg */
#pop_msg{ z-index: 101;}
.pop_cont2{ position:absolute; width: 596px; height: 362px; left:50%; top:50%; margin: -181px 0 0 -298px; background:url(../images/pop_bg2.png);}
.pop_text1{ font-size: 30px; line-height: 40px; font-weight: bold; color: #b1423c; text-align: center;}
.pop_text2{ font-size: 24px; line-height: 40px; font-weight: bold; color: #363636; text-align: center;}
#msg{ display: flex; width: 478px; height: 142px; margin: 85px auto 0; justify-content: center; align-items: center;}
.btn_conform{ display: block; width: 219px; height: 66px; margin:18px auto 0; background: url(../images/btn_conform.png); cursor: pointer;}
.btn_conform:hover{ background-position: 0 -66px;}
/* pop_create */
#pop_create_conform .pop_text2{ margin-top: 65px;}
#pop_create_conform .pop_text1{ margin-top: 25px;}
.pop_btn_wrap{ width: 480px; height: 66px; margin: 30px auto 0; overflow: hidden;}
.pop_btn_wrap .btn_conform{ float: left; margin: 0;}
.btn_cancel{ float: right; width: 219px; height: 66px; background: url(../images/btn_cancel.png); cursor: pointer;}
.btn_cancel:hover{ background-position: 0 -66px;}

.create_succ_t{ margin-top: 47px; font-size: 40px; line-height: 46px; font-weight: bold; color: #b1423c; text-align: center;}
.last_time{ width: 836px; height: 60px; margin: 26px auto 0; font-size: 24px; font-weight: bold; line-height: 26px; color: #363636; text-align: center; background: url(../images/time_line.png) center bottom no-repeat;}
.pop_team_box{ position: relative; width: 774px; height: 71px; margin: 0 auto;}
#pop_create_succ .pop_team_box{ margin-top: 35px;}
.icon_leader{ position: absolute; width: 40px; height: 32px; left: -14px; top: 8px; background: url(../images/icon_leader.png);}
.pop_member_list{ width: 774px; height: 71px;}
.pop_member_list li{ position: relative; float: left; width: 71px; height: 71px; margin: 0 29px; background: url(../images/user_tx_normal_bg.png);}
.pop_member_list li img{ display: none; position: absolute; width: 63px; height: 63px; left: 4px; top: 4px;}

.team_code_wrap{ width: 652px; height: 48px; overflow: hidden;}
#pop_create_succ .team_code_wrap{ margin: 48px auto 0;}
.team_code_cont{ position: relative; width: 504px; height: 48px; background: url(../images/team_code_bg.png);}
.team_code_wrap .team_code_cont{ float: left;}
.team_code_num{ position: absolute; width: 403px; height: 48px; right: 0; top: 0; font-size: 30px; line-height: 48px; font-weight: bold; color: #b1423c; text-align: center;}
.btn_copy{ float: right; width: 126px; height: 48px; background: url(../images/btn_copy.png); cursor: pointer;}
.btn_copy:hover{ background-position: 0 -48px;}
/* pop_myteam */
.pop_t{ display: block; height: 39px; margin: 37px auto 0;}
#pop_myteam .team_code_wrap{ margin: 18px auto 0;}
#pop_myteam .pop_team_box{ margin: 40px auto 30px;}
/* pop_join */
#pop_join_code .pop_t{ margin-top: 52px;}
#pop_join_code .team_code_wrap{ width: 504px; margin: 68px auto 0;}
.input_code{ position: absolute; width: 403px; height: 48px; right: 0; top: 0; font-size: 30px; line-height: 48px; font-weight: bold; color: #b1423c; text-align: center; background: none; border: 0; outline: 0;}
.btn_sub_join_code,.btn_sub_join_team{ display: block; width: 219px; height: 66px; margin: 50px auto 0; background: url(../images/btn_sub_join_code.png); cursor: pointer;}
.btn_sub_join_code:hover,.btn_sub_join_team:hover{ background-position: 0 -66px;}
.join_code_tip{ margin-top: 40px; font-size: 18px; font-weight: bold; color: #363636; text-align: center;}

#pop_join_team .team_code_wrap{ width: 504px; margin: 18px auto 0;}
#pop_join_team .pop_team_box{ margin: 40px auto 30px;}
.btn_sub_join_team{ margin-top: 18px; background: url(../images/btn_sub_join_team.png);}
/* pop_apply */
.table_box{ width: 828px; height: 222px; margin: 45px 0 0 41px;}
.th_img{ display: block; height: 47px;}
.table_scroll{ width: 828px; height: 175px; overflow-x: hidden; overflow-y: auto;}
.table_scroll::-webkit-scrollbar{ width: 10px; border-radius: 10px; background: none;}
.table_scroll::-webkit-scrollbar-thumb{ width: 10px; border-radius: 10px; background: #b1423c;}
.table_list{ width: 800px; background-color: #deb3a5;}
.table_list li{ width: 100%; height: 42px; font-size: 16px; line-height: 42px; color: #232323; text-align: center; overflow: hidden;}
.table_list li:nth-child(odd){ background-color: #e9d1b3;}
.table_list li:nth-child(even){ background-color: #fdeedb;}
.table_list li .col{ float: left; height: 42px;}
#apply_member_table .col1{ width: 398px; border-right: 2px solid #f5ebd9;}
#apply_member_table .col2{ width: 400px;}
.color_red{ color: #b1423c;}

#apply_leader_table .col1{ width: 398px; border-right: 2px solid #f5ebd9;}
#apply_leader_table .col2{ display: flex; width: 400px; justify-content: center; align-items: center;}
.btn_accpet,.btn_reject{ display: block; width: 58px; height: 29px; margin: 0 20px; cursor: pointer;}
.btn_accpet{ background: url(../images/btn_accpet.png);}
.btn_reject{ background: url(../images/btn_reject.png);}
.btn_accpet:hover,.btn_reject:hover{ background-position: 0 -29px;}
/* lottery_result */
.lottery_prize{ display: block; height: 139px; margin: 25px auto 0;}
#pop_lottery_result_sw .pop_text1{ margin-top: 10px;}
.btn_lottery_address,.btn_lottery_card{ display: block; width: 219px; height: 66px; margin: 18px auto 0; background: url(../images/btn_lottery_address.png); cursor: pointer;}
.btn_lottery_card{ background: url(../images/btn_lottery_card.png);}
.btn_lottery_address:hover,.btn_lottery_card:hover{ background-position: 0 -66px;}
/* pop_myprize */
#myprize_table .col1{ width: 248px; border-right: 2px solid #f5ebd9;}
#myprize_table .col2{ width: 356px; border-right: 2px solid #f5ebd9;}
#myprize_table .col3{ display: flex; width: 192px; justify-content: center; align-items: center;}
.btn_check_card,.btn_pop_address{ display: block; width: 128px; height: 29px; cursor: pointer;}
.btn_check_card{ background: url(../images/btn_check_card.png);}
.btn_pop_address{ background: url(../images/btn_pop_address.png);}
.btn_check_card:hover,.btn_pop_address:hover{ background-position: 0 -29px;}
/* pop_address */
.address_cont{ width: 610px; height: 246px; margin: 42px auto 0;}
.address_tag{ float: left; width: 96px; margin-top: 11px;}
.address_form{ float: right; width: 483px;}
.address_form li{ width: 483px; height: 48px; margin-bottom: 25px;}
.address_form li input,.address_form li textarea{ display: block; width: 463px; height: 48px; padding: 0 10px; font-size: 18px; line-height: 48px; color: #363636; background-color: #f1d2bb; border:0; outline: 0;}
.address_form li textarea{ height: 80px; resize: none; line-height: 36px;}
.btn_sub{ display: block; width: 219px; height: 66px; margin: 0 auto;background: url(../images/btn_sub.png); cursor: pointer;}
.btn_sub:hover{ background-position: 0 -66px;}
.address_tip{ margin-top: 18px; font-size: 14px; line-height: 22px; color: #363636; text-align: center;}
.address_tip span{ color: #b1423c;}
/* pop_card */
.card_cont{ width: 438px; height: 142px; margin: 59px auto 0; overflow: hidden;}
.card_tag{ float: left; width: 47px; margin-top: 12px;}
.card_info{ float: right; width: 353px;}
.card_info li{ width: 353px; height: 48px; margin-bottom: 24px; font-size: 18px; line-height: 48px; color: #363636; text-indent: 45px; background-color: #f1d2bb;}
#pop_card .pop_text1{ font-size: 24px;}
#pop_card .btn_conform{ margin-top: 8px;}
/* pop_team_deail */
.team_detail_code{ height: 84px; font-size: 36px; font-weight: bold; line-height: 84px; color: #b1423c; text-align: center;}
.team_detail_member{ position: relative; width: 768px; height: 280px; margin: 0 auto; overflow: hidden;}
.team_detail_member .icon_leader{ left: 0;}
#detail_member_list{ width: 768px;}
#detail_member_list li{ float: left; width: 294px; height: 71px; margin: 0 45px 22px;}
#detail_member_list li div{ float: left; position: relative; width: 71px; height: 71px; background: url(../images/user_tx_normal_bg.png);}
#detail_member_list li div img{ display: none; position: absolute; width: 63px; height: 63px; left: 4px; top: 4px;}
#detail_member_list li p{ float: left; width: 192px; height: 92px; margin-left: 10px; font-size: 24px; line-height: 92px; color: #363636; overflow: hidden;}