body{ margin:0; padding:0 0 103px; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; 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;}
body,html{width: 750px; position: relative;}
.wrap{ width: 750px; height: 8700px; background: url(../images/bg.jpg) center top no-repeat; overflow: hidden;}
/* float_bar */
.float_bar{ position: fixed; width: 750px; height: 103px; bottom: 0; left:0; background: url(../images/float_bar.png); z-index: 20;}
.btn_qun{ position: absolute; width: 186px; height: 102px; left: 0; top: 0;}
.nav_box{ position: absolute; width: 564px; height: 102px; left: 186px; top: 0;}
.nav_box span{ float: left; width: 187px; height: 102px; margin-left: 1px;}
.nav1.on{ background: url(../images/nav1.png);}
.nav2.on{ background: url(../images/nav2.png);}
.nav3.on{ background: url(../images/nav3.png);}
/* head */
.section_head{ position: relative; width: 750px; height: 1343px;}
.logo{display: block; position: absolute; left: 20px; top: 20px;}
.log_box{ position: absolute; width: 100%; height: 458px; left: 0; top: 1178px;}
#btn_login{ position: absolute; width: 421px; height: 95px; left: 50%; margin-left: -210px; top: 0; background: url(../images/btn_login.png); cursor: pointer;}
.user_box{ display: none; font-size: 24px; line-height: 40px; color: #fff; text-align: center;}
#btn_logout{ margin-left: 16px; color: #f6eab5; cursor: pointer;}
.bind_info{ display: none;}
/* gift */
.section_gift{ position: relative; width: 750px; height: 2333px; overflow: hidden;}
.section_t{ display: block; margin: 0 auto;}
.gift_info{ width: 750px; height: 97px; padding-top: 12px; margin: 40px auto 0; font-size: 22px; line-height: 40px; color: #f2e6b1; text-align: center; background: url(../images/gift_info_line.png);}

.giftCont{padding-top: 66px;}
.giftlist{display: flex; justify-content: center; height: 455px;}
.giftli{width: 358px; height: 420px; background: url(../images/icon/gift_bg.png) no-repeat 0 0; margin: 0 5px; text-align: center; color: #714c3d;}
.giftli span.tit{display: block; height: 110px;}
.giftli span.t1{background: url(../images/icon/t1.png) no-repeat center 17px;}
.giftli span.t2{background: url(../images/icon/t2.png) no-repeat center 17px;}
.giftli span.t3{background: url(../images/icon/t3.png) no-repeat center 17px;}
.giftli span.t4{background: url(../images/icon/t4.png) no-repeat center 17px;}
.giftli span.t5{background: url(../images/icon/t5.png) no-repeat center 17px;}
.giftli span.t6{background: url(../images/icon/t6.png) no-repeat center 17px;}
.giftli span.t7{background: url(../images/icon/t7.png) no-repeat center 17px;}
.giftli span.t8{background: url(../images/icon/t8.png) no-repeat center 17px;}
.giftli span.name{display: block; font-size: 30px; font-weight: bold; height: 46px;}
.giftli span.icon{display: block; width: 93px; height: 93px; background: url(../images/icon/icon_bg.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.giftli span.icon img{display: block; width: 57px; height: 57px;}
.giftli p{font-size: 24px; padding-top: 12px; height: 78px;}
.giftli p strong{display: block; font-weight: normal; height: 45px;}
.giftli p span{display: block; text-align: center; font-size: 18px; color: #937158; background: url(../images/icon/line.png) no-repeat center 0; height: 24px; line-height: 24px;}

.btn_get{width: 219px; height: 66px; display:block; margin: 0 auto;}
.btn_get.none{ background: url(../images/icon/btn_get_none.png);}
.btn_get.done{ background: url(../images/icon/btn_get_done.png);}
.btn_get.on{ background: url(../images/icon/btn_get.png); cursor: pointer;}
/* team */
.section_team{ width: 750px; height: 2446px; overflow: hidden;}
.team_btn_box{ width: 660px; height: 256px; margin: 42px auto 0;}
.team_btn_box span{ float: left; width: 278px; height: 72px; margin: 0 26px 27px; 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_list{ width: 690px; height: 1800px; margin: 0 auto; overflow: hidden;}
.team_list li{ position: relative; width: 690px; height: 236px; margin-bottom: 64px; background: url(../images/team_item_bg.png);}
.team_num_box{ position: absolute; width: 470px; height: 70px; left: 46px; 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: 520px; top: 27px; background: url(../images/btn_pop_detail.png);}
.member_list{ position: absolute; width: 624px; height: 71px; left: 32px; top: 102px;}
.member_list div{ position: relative; float: left; width: 71px; height: 71px; margin: 0 16px; 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: 324px; height: 75px; left: 50%; margin-left: -162px; bottom: -35px; background: url(../images/btn_team_sq.png); cursor: pointer;}
.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: 46px; text-align: center;}
.team_page span{ display: inline-block; width: 46px; height: 46px; margin: 0 10px; font-size: 30px; line-height: 46px; 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) center top no-repeat; background-size: 100% auto;}
.btn_next_page{ background: url(../images/btn_next_page.png) center top no-repeat; background-size: 100% auto;}
/* lottery */
.section_lottery{ width: 750px; height: 1379px; overflow: hidden;}
.lottery_info{ position: relative; width: 750px; height: 177px; padding-top: 9px; margin-top: 52px; font-size: 22px; line-height: 40px; color: #f2e6b1; text-align: center; background: url(../images/lottery_info_line.png); z-index: 2;}
.btn_myprize{ display: block; width: 326px; height: 65px; margin: 35px auto 0; background: url(../images/btn_pop_myprize.png); cursor: pointer;}
.lottery_box{ position: relative; width: 691px; height: 588px; margin: 40px auto 0;}
.lottery_cont{ position: relative; width: 691px; height: 588px; background: url(../images/lottery_img.png);}
.lottery_cont li{ position: absolute; width: 213px; height: 178px;}
.lottery_cont li#icon1{ left: 1px; top: 1px;}
.lottery_cont li#icon2{ left: 240px; top: 1px;}
.lottery_cont li#icon3{ left: 478px; top: 1px;}
.lottery_cont li#icon4{ left: 478px; top: 205px;}
.lottery_cont li#icon5{ left: 478px; top: 410px;}
.lottery_cont li#icon6{ left: 240px; top: 410px;}
.lottery_cont li#icon7{ left: 1px; top: 410px;}
.lottery_cont li#icon8{ left: 1px; top: 205px;}
.lottery_cont li span{ display: none; position: absolute; width: 215px; height: 180px; left: -1px; top: -1px; background: url(../images/lottery_on.png);}
.lottery_cont li.on span{ display: block;}
.btn_lottery{ position: absolute; width: 213px; height: 178px; padding-top: 106px; box-sizing: border-box; left: 240px; top: 205px; font-size: 16px; font-weight: bold; line-height: 18px; color: #b1423c; text-align: center; background: url(../images/btn_lottery.png); cursor: pointer;}
.lottery_tip{ max-height: 80px; margin-top: 40px; font-size: 24px; line-height: 40px; color: #fff; text-align: center;}
/* rule */
.section_rule{ width: 750px; height: 1199px; overflow: hidden;}
.rule_cont{ width: 690px; height: 662px; padding-top: 38px; margin: 86px auto 0; box-sizing: border-box; background: url(../images/rule_cont_bg.png);}
.rule_cont ul{ width: 636px; margin: 0 auto;}
.rule_cont li{ margin-top: 0px; overflow: hidden;}
.rule_cont li .rule_num{ float: left; width: 56px; font-size: 30px; line-height: 32px; color: #b1423c; font-style: italic;}
.rule_cont li p{ float: right; width: 580px; max-height: 1000px; font-size: 18px; line-height: 36px; 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_ewm */
.pop_ewm_cont{ position: absolute; width: 668px; height: 1152px; left: 50%; top: 50%; margin-left: -334px; margin-top: -566px; background: url(../images/pop_ewm_bg.png);}
.close_ewm{ position: absolute; width: 90px; height: 80px; left: 546px; top: 460px;}
.pop_ewm_cont img{ position: absolute; width: 397px; height: 397px; left: 136px; top: 625px;}

/* pop_bind */
.pop_cont1{ position:absolute; width: 690px; height: 564px; left:50%; top:50%; margin:-282px 0 0 -345px; background:url(../images/pop_bg1.png); }
.icon_close{ position:absolute; width: 102px; height: 96px; left:50%; margin-left: -51px; bottom: -48px; background:url(../images/icon_close.png); cursor:pointer; z-index: 2;}
.bind_cont{ width: 616px; height: 316px; margin: 64px auto 0;}
.bind_tag{ float: left; width: 119px; margin-top: 21px;}
.bind_form{ float: right; width: 484px;}
.bind_form li{width: 484px; height: 71px; margin-bottom: 33px;}
.bind_form li select{ display: block; width: 484px;; height: 71px; padding-left: 20px; font-size: 30px; line-height: 71px; color: #363636; background-color: #f1d2bb; border: 0; outline: 0;}
#btn_sub_bind{ display: block; width: 341px; height: 103px; margin: 0 auto; background: url(../images/btn_sub_bind.png); cursor: pointer;}
/* pop_msg */
#pop_msg{ z-index: 101;}
.pop_text1{ max-height: 1000px; font-size: 40px; line-height: 66px; font-weight: bold; color: #b1423c; text-align: center;}
.pop_text2{ max-height: 1000px; font-size: 32px; line-height: 54px; font-weight: bold; color: #363636; text-align: center;}
#msg{ display: flex; width: 478px; height: 142px; margin: 180px auto 0; justify-content: center; align-items: center;}
.btn_conform{ display: block; width: 341px; height: 103px; margin:36px auto 0; background: url(../images/btn_conform.png); cursor: pointer;}

/* pop_create */
#pop_create_conform .pop_text2{ margin-top: 73px; line-height: 70px;}
#pop_create_conform .pop_text1{ margin-top: 48px;}
.pop_btn_wrap{ width: 682px; height: 109px; margin: 56px auto 0; overflow: hidden;}
.pop_btn_wrap .btn_conform{ float: left; margin: 0;}
.btn_cancel{ float: right; width: 341px; height: 103px; background: url(../images/btn_cancel.png); cursor: pointer;}

.create_succ_t{ margin-top: 47px; font-size: 48px; line-height: 52px; font-weight: bold; color: #b1423c; text-align: center;}
.last_time{ width: 642px; height: 60px; margin: 22px auto 0; font-size: 30px; font-weight: bold; line-height: 34px; color: #363636; text-align: center; background: url(../images/time_line.png) center bottom no-repeat;}
.pop_team_box{ position: relative; width: 642px; height: 92px; margin: 0 auto;}
#pop_create_succ .pop_team_box{ margin-top: 50px;}
.icon_leader{ position: absolute; width: 52px; height: 42px; left: 28px; top: -45px; background: url(../images/icon_leader.png); z-index: 2;}
.pop_member_list{ width: 642px; height: 71px;}
.pop_member_list li{ position: relative; float: left; width: 71px; height: 71px; margin: 0 18px; 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: 600px; height: 71px; overflow: hidden;}
#pop_create_succ .team_code_wrap{ margin: 48px auto 0;}
.team_code_cont{ position: relative; width: 411px; height: 71px; background: url(../images/team_code_bg.png);}
.team_code_wrap .team_code_cont{ float: left;}
.team_code_num{ position: absolute; width: 294px; height: 71px; right: 0; top: 0; font-size: 30px; line-height: 71px; font-weight: bold; color: #b1423c; text-align: center;}
.btn_copy{ float: right; width: 176px; height: 71px; background: url(../images/btn_copy.png); cursor: pointer;}
/* pop_myteam */
.pop_cont2{ position:absolute; width: 690px; height: 644px; left:50%; top:50%; margin: -322px 0 0 -345px; background:url(../images/pop_bg2.png); }
.pop_t{ display: block; height: 47px; margin: 58px auto 0;}
#pop_myteam .team_code_wrap{ margin: 32px auto 0;}
#pop_myteam .pop_team_box{ margin-top: 50px;}

/* pop_join */
#pop_join_code .pop_t{ margin-top: 82px;}
#pop_join_code .team_code_wrap{ width: 412px; margin: 68px auto 0;}
.input_code{ position: absolute; width: 294px; height: 71px; right: 0; top: 0; font-size: 30px; line-height: 71px; 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: 341px; height: 103px; margin: 32px auto 0; background: url(../images/btn_sub_join_code.png); cursor: pointer;}
.join_code_tip{ margin-top: 40px; font-size: 24px; font-weight: bold; color: #363636; text-align: center;}

#pop_join_team .team_code_wrap{ width: 412px; margin: 32px auto 0;}
#pop_join_team .pop_team_box{ margin-top: 50px;}
.btn_sub_join_team{ background: url(../images/btn_sub_join_team.png);}
/* pop_apply */
.table_box{ width: 643px; height: 322px; margin: 42px 0 0 41px;}
.th_img{ display: block; height: 67px;}
.table_scroll{ width: 643px; height: 255px; 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: 605px; background-color: #deb3a5;}
.table_list li{ width: 100%; height: 62px; font-size: 24px; line-height: 62px; 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: 62px;}
#apply_member_table .col1{ width: 363px; border-right: 2px solid #f5ebd9;}
#apply_member_table .col2{ width: 240px;}
.color_red{ color: #b1423c;}
#pop_apply_member .btn_conform,#pop_apply_leader .btn_conform,#pop_lottery_result_game .btn_conform,#pop_myprize .btn_conform{ margin-top: 10px;}

#apply_leader_table .col1{ width: 363px; border-right: 2px solid #f5ebd9;}
#apply_leader_table .col2{ display: flex; width: 240px; justify-content: center; align-items: center;}
.btn_accpet,.btn_reject{ display: block; width: 78px; height: 43px; margin: 0 8px; cursor: pointer;}
.btn_accpet{ background: url(../images/btn_accpet.png);}
.btn_reject{ background: url(../images/btn_reject.png);}
/* lottery_result */
.lottery_prize{ display: block; height: 204px; margin: 25px auto 0;}
#pop_lottery_result_sw .pop_text1{ margin-top: 10px;}
.btn_lottery_address,.btn_lottery_card{ display: block; width: 341px; height: 103px; margin: 22px auto 0; background: url(../images/btn_lottery_address.png); cursor: pointer;}
.btn_lottery_card{ background: url(../images/btn_lottery_card.png);}
/* pop_myprize */
#myprize_table .col1{ width: 185px; border-right: 2px solid #f5ebd9;}
#myprize_table .col2{ width: 210px; border-right: 2px solid #f5ebd9;}
#myprize_table .col3{ display: flex; width: 206px; justify-content: center; align-items: center;}
.btn_check_card,.btn_pop_address{ display: block; width: 179px; height: 43px; cursor: pointer;}
.btn_check_card{ background: url(../images/btn_check_card.png);}
.btn_pop_address{ background: url(../images/btn_pop_address.png);}
/* pop_address */
.address_cont{ width: 610px; height: 350px; margin: 39px auto 0;}
.address_tag{ float: left; width: 110px; margin-top: 20px;}
.address_form{ float: right; width: 483px;}
.address_form li{ width: 483px; height: 71px; margin-bottom: 38px;}
.address_form li input,.address_form li textarea{ display: block; width: 463px; height: 71px; padding: 0 10px; font-size: 30px; line-height: 71px; color: #363636; background-color: #f1d2bb; border:0; outline: 0;}
.address_form li textarea{ height: 110px; resize: none; line-height: 36px;}
.btn_sub{ display: block; width: 341px; height: 103px; margin: 0 auto;background: url(../images/btn_sub.png); cursor: pointer;}
.address_tip{ margin-top: 8px; font-size: 20px; line-height: 26px; color: #363636; text-align: center;}
.address_tip span{ color: #b1423c;}
/* pop_card */
.card_cont{ width: 600px; height: 204px; margin: 59px auto 0; overflow: hidden;}
.card_tag{ float: left; width: 58px; margin-top: 20px;}
.card_info{ float: right; width: 525px;}
.card_info li{ width: 525px; height: 71px; margin-bottom: 32px; font-size: 30px; line-height: 71px; color: #363636; text-indent: 56px; background-color: #f1d2bb;}
#pop_card .pop_text1{ font-size: 40px;}
#pop_card .btn_conform{ margin-top: 6px;}
/* pop_team_deail */
.pop_cont3{ position:absolute; width: 690px; height: 747px; left:50%; top:50%; margin: -373px 0 0 -345px; background:url(../images/pop_bg3.png); }
.team_detail_code{ height: 122px; font-size: 48px; font-weight: bold; line-height: 122px; color: #b1423c; text-align: center;}
.team_detail_member{ position: relative; width: 375px; height: 566px; margin-left: 196px; }
.team_detail_member .icon_leader{ left: -50px; top: 0;}
#detail_member_list{ width: 375px;}
#detail_member_list li{ width: 375px; height: 71px; margin-bottom: 22px; overflow: hidden;}
#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: 71px; color: #363636; overflow: hidden;}