/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,input,select{margin:0;padding:0;}
body{font:12px/1.5 tahoma,"u65b9u6b63u5170u4eadu9ed1",sans-serif;padding-top:0;background:#000000;color: #121212;overflow-x:hidden;}
body,button,input,select,textarea{font:12px/1.5 tahoma,sans-serif;}
html,body{ position: relative; height: 100%; box-sizing: border-box; padding: 0; margin: 0; }
html{font-size: 100px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;}
a{text-decoration:none;}
a:not(.btn_link):hover{text-decoration:none;}
img{border:0;}
img[src=""],img:not([src]){opacity:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;list-style-type:none;}
.clearfix:after{content:" ";height:0;display:block;clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
*{user-select:none;}
.pa{position:absolute;}
.pf{position:fixed;}
.pr{position:relative;}
.t_c{text-align: center;}
.t_r{text-align: right;}
.t_l{text-align: left;}
.flex{display:flex;}
.flex-c{display:flex; align-items:center; justify-content: center;}
.flex-ac{display:flex; align-items:center;}
.flex-jc{display:flex; justify-content: center;}
.flex-jb{display:flex; justify-content: space-between;}
.t{font-size: 0; text-indent: -9999em; display: block;}
.bg{background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0;}
.bg_full{background-size: 100% 100%;}
.scroll{overflow-y:scroll;}
.scroll::-webkit-scrollbar{ width: .04rem; height: .04rem; border-radius: .06rem;}
.scroll::-webkit-scrollbar-track{ background: #808080; border-radius: .06rem;}
.scroll::-webkit-scrollbar-thumb{ background: #ff6b2f; border-radius: .06rem;}
.btn{background-color: #ff6b2f; color: #ffffff; font-size: .28rem; text-align: center; line-height: .66rem; width: 2.6rem; height: .68rem; border-radius: .06rem; transition: all .3s; display: inline-block;}
.btn:hover{background-color: #ffffff; color: #ff6b2f;}
.btn_hover_dark:hover{background-color: #1e181f; color: #ffffff;}
.btn_dark{background: #1e181f; color: #ffffff; font-size: .28rem; text-align: center;  border-radius: .06rem; transition: all .3s; display: inline-block; line-height: 1.2; }
.btn_dark:hover{background: #646262; color: #ffffff; }
.btn_hover_gray:hover{background: #646262; color: #ffffff; }
.btn_hover_yellow:hover{background: #ffffff; color: #ff6b2f; }
a:not(.btn, .btn_dark):hover{filter: brightness(1.2);}

/*wrap*/
.wrap{ width:100%; height:100vh; position:relative; overflow:hidden; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/bg.jpg") no-repeat 0 0/cover;}
.wrap::before, .wrap::after{content: ''; width: 100%; background-repeat: no-repeat; background-position: bottom; position: absolute; left: 0; z-index: 2; pointer-events: none;}
.wrap::before{background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/shade_top.png"); background-size: 100% 1.3rem; height: 1.3rem; top: 0;}
.wrap::after{background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/shade_bot.png"); background-size: 100% 6.07rem; height: 6.07rem; bottom: 0;}
.wrap_inner{width: 18.6rem; height: 9.42rem; position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%,-50%); margin: .44rem auto 0 -.3rem;}
.userinfo{position: absolute; top: -.6rem; right: .12rem; font-size: .2rem; color: #fff; display: flex; align-items: center; }
.login_box{ display: flex; align-items: center;}
.userinfo .user_img{ width: .44rem; height: .44rem; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 .12rem; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/box_no_user.png") no-repeat center/100% 100%;}
.userinfo .login_in .user_img{ border-radius: 50%; background: transparent;}
.userinfo .username{margin-right: .1rem; text-shadow: 0 0 .1rem rgba(0, 0, 0, .37),  0 0 .2rem rgba(0, 0, 0, .57);}
.userinfo a{color: #ffffff; display: inline-block; position: relative;  text-shadow: 0 0 .1rem rgba(0, 0, 0, .37),  0 0 .2rem rgba(0, 0, 0, .57);}
.userinfo a::after{content: ''; background: #ffffff; height: .02rem; width: 90%; position: absolute; bottom: -.04rem; left: 5%;}
.user_img img{display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: contain;}
.page_nav{position: absolute; z-index: 2; right: 0; margin-right: -.6rem; top: .8rem; width: .7rem; height: 6.81rem; display: flex; flex-direction: column; justify-content: space-between;}
.page_nav a{width: .7rem; height: 2.21rem; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/tabs.png") no-repeat 0 0/1.6rem auto; display: block; position: relative;}
.page_nav .active{background-position-x: -.9rem;}
.page_nav a:nth-child(1) {background-position-y: 0;}
.page_nav a:nth-child(2) {background-position-y: -2.3rem;}
.page_nav a:nth-child(3) {background-position-y: -4.6rem;}
.page_nav a.dot::after{content: ''; width: .14rem; height: .14rem; border-radius: 50%; background: #ff0000; position: absolute; right: .04rem; top: .08rem;}
.page{display: none; opacity: 0;}
.page.show{display: flex; justify-content: space-between; animation: fadeIn .5s ease-in-out forwards;}
.page_r{width: 9.78rem; height: 9.42rem; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/page_right.png") no-repeat center center/100% auto;}
.invite_wrap{width: 6.85rem; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.invite_tit{height: .32rem; font-size: .32rem; color: #ffffff; line-height: .32rem; margin-bottom: .08rem;}
.invite_tit::before{content: "";display: inline-block; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/icon_tit_prefix.png") no-repeat center/100%; width: .1rem; height: .31rem; vertical-align: middle; margin-right: .1rem; margin-top: -.02rem;}
.invite_tit span{text-shadow: 0 0 .2rem rgba(0, 0, 0, .7);}
.invite_form{display: flex; justify-content: space-between; width: 6.85rem; height: .59rem; margin: .06rem 0;}
.invite_input_label{width: 4.83rem; height: .59rem; }
.invite_input{display: block; width: 4.83rem; height: .59rem; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/input_link.png") no-repeat center/100% 100%; border: none; font-size: .24rem; color: #ffffff; text-align: center; box-sizing: border-box; padding: 0 .24rem; }
.btn_copy{width: 1.92rem; height: .59rem; line-height: .59rem;}
.invite_panel{background: url("//game.gtimg.cn/images/kq/cp/a202412invite/panel.png") no-repeat center center/100% auto; width: 7.03rem; height: 3.19rem; margin-left: -.09rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
.panel_title{ height: .9rem; display: flex; align-items: center; justify-content: center; font-size: .26rem; color: #ffffff;}
.icon_help{background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/icon_help.png"); width: .26rem; height: .26rem; margin-right: .12rem;}
.invite_list{display: flex; justify-content: center; margin: .18rem auto .36rem;}
.invite_list li{width: 1.17rem; height: 1.17rem; margin: 0 .14rem; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/box_no_user.png") no-repeat center center/auto 100%; display: flex; justify-content: center; align-items: center;}
.invite_list .user{background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/box_user_bg.png"); }
.invite_list img{ width: 1.13rem; height: 1.13rem; object-fit: contain;}
.invite_detail{ color: #ffffff; font-size: .20rem;}
.btn_invite{margin-top: .1rem;}

.right_head{height: .82rem; color: #b1b1b1; font-size: .24rem; display: flex; align-items: center; padding-left: .52rem;}
.right_head em{margin: 0 .1rem;}
.txt_yellow{color: #ff6b2f;}
.right_body{width: 8.79rem; margin: 0 auto; }
.form_change{display: flex; align-items: center;padding-top: .3rem; margin-bottom: .26rem;}
.form_change label{width: 6.1rem; height: .7rem;}
.form_change input{width: 100%; height: 100%; padding: 0 .1rem; background: transparent; display: block;  border: 1px solid #606060; border-radius: .06rem; box-sizing: border-box; font-size: .24rem; }
.btn_change{width: 2.6rem; height: .7rem; font-size: .28rem; line-height: .68rem;}
.task_list{margin-bottom: .45rem;}
.task_item{ text-align: center; line-height: .2rem; width: 8.79rem; height: .95rem; display: flex; justify-content: space-between; align-items: center; color: #2a2a2a; font-size: .22rem; background: #d5d3d3; border-radius: .06rem; margin-bottom: .2rem; box-sizing: border-box; padding: 0 .4rem;}
.task_item:last-child{margin-bottom: 0;}
.task_name{width: 2.16rem; display: flex; align-items: center; }
.task_count{flex-shrink: 0;width: 2.1rem; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: .18rem;}
.task_quan{flex-shrink: 0;width: 1.3rem; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: .18rem;}
.task_count img, .task_quan img{height: .54rem; object-fit: contain;}
.task_quan img{position: relative; top: .03rem; flex-shrink: 0; width: .54rem;}
.icon_xulie{width: .54rem;}
.icon_quan{width: .68rem;}
.btn_get{font-size: .22rem; width: 1.67rem; height: .47rem; margin-left: auto; line-height: .44rem;}
.btn_get.unfinish{background: #fd9113;  }
.btn_get.unfinish:hover{background: #fd9113; color: #ffffff; filter: brightness(1.2) }
.btn_get.got{pointer-events: none; background: #646262;}
.btn_get::before{content: "\53ef\9886\53d6";}
.btn_get.unfinish::before{content: "\53bb\5b8c\6210";}
.btn_get.got::before{content: "\5df2\5b8c\6210";}
.task_name b{color: #ff6b2f; display: inline-block; margin: 0 .1rem;}
.btns_wrap{display: flex; justify-content: center;}
.btns_wrap a{width: 2.6rem; height: .67rem; line-height: .64rem; margin: 0 .2rem;}

.list_head{height: .8rem; display: flex; align-items: center;}
.list_head li{flex: 1; display: flex; justify-content: center; position: relative; font-size: .28rem;}
.list_head li:not(:last-child)::after, .list .td:not(:last-child)::after{content: ''; width: .02rem; height: .21rem; background: #cbc9ca; opacity: .6; position: absolute; right: 0; top: 50%; margin-top: -.1rem;}
.list_body li{display: flex; background: #d5d3d3; border-radius: .06rem; width: 8.8rem; height: 1.37rem; margin-bottom: .2rem; position: relative;}
.list_body li:last-child{margin-bottom: 0;}
.pro{width: 6.5rem; position: absolute; bottom: .1rem; right: .1rem; background: #ffffff; border-radius: .1rem; overflow: hidden;}
.pro_con{width: 50%; height: .06rem; background: #ff6b2f; border-radius: .1rem;}
.list .td{ position: relative; flex: 1; display: flex; justify-content: center; align-items: center; font-size: .18rem; color: #2a2a2a;}
.td_item{width: 1rem; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; text-align: center; height: 1.0rem; margin-top: -.16rem}
.td:nth-child(1) .td_item{margin-top: .1rem;}
.td_item .u_name, .td_item .g_name{line-height: .2rem;}
.img_box {flex-shrink: 0; width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; position: relative;}
.img_box img{width: .6rem; height: .6rem; object-fit: contain; flex-shrink: 0; position: relative; z-index: 2;}
.td.to_get .img_box::before{content: ''; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/g_box_shadow.png") no-repeat 0 0/90%; width: 1.23rem; height: 1.19rem; position: absolute; z-index: 0; left: -0.24rem; top: -0.26rem;}
.td.got .img_box::before{content: ''; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/icon_got.png") no-repeat 0 0/100%; width: .3rem; height: .3rem; position: absolute; z-index: 3; right: -.26rem; top: 0;}
.u_headimg { background: url("//game.gtimg.cn/images/kq/cp/a202412invite/box_no_user.png") no-repeat center center/100% 100%; }
.u_headimg img{width: 100%; height: 100%; display: none; }
.invited img{display: block;}
.right_body em{color: #ff6b2f;}
.take_desc{text-align: center; margin: .1rem auto .24rem; font-size: .18rem;}

.right_head .icon_quan{margin-right: .1rem; width: .55rem; height: .22rem;}
.lott_wrap{width: 8.99rem; height: 6.80rem; position: relative; background: #d5d3d3; border-radius: .06rem; display: flex; justify-content: center; align-items: center; margin: 0.38rem auto .24rem;}
.lott_cont{width: 8.77rem; height: 6.4rem; position: relative;}
.lott_cont li{width: 2.07rem; height: 2.02rem; position: absolute; background: url("//game.gtimg.cn/images/kq/cp/a202412invite/box.png") no-repeat center center/100% auto;}
.lott_cont li img{width: 100%; height: 100%; object-fit: cover;}
.lott_cont li.curr{background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/box_checked.png");}
.lott_cont li:nth-child(-n + 9) {top: 4.38rem;}
.lott_cont li:nth-child(-n + 4) {top: 0;}
.lott_cont li:nth-child(5), .lott_cont li:nth-child(10){background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/box2.png"); width: 2.9rem; top: 2.19rem;}
.lott_cont li.curr:nth-child(5), .lott_cont li.curr:nth-child(10){background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/box2_checked.png");}
.lott_cont li:nth-child(5){left: 5.86rem;}
.lott_cont li:nth-child(1), .lott_cont li:nth-child(9){left: 0;}
.lott_cont li:nth-child(2), .lott_cont li:nth-child(8){left: 2.23rem;}
.lott_cont li:nth-child(3), .lott_cont li:nth-child(7){left: 4.46rem;}
.lott_cont li:nth-child(4), .lott_cont li:nth-child(6){left: 6.7rem;}
.lott_cont li .prize_name{position: absolute; bottom: .1rem; left: 0; width: 100%; text-align: center; font-size: .18rem; color: #ffffff; z-index: 2;}
.lott_cont li .prize_name_s{ font-size: .16rem; }
.lott_cont .curr .prize_name{color: #602e03}
.btn_lott_start{width: 2.63rem; height: 2.02rem; position: absolute; left: 3.18rem; top: 2.4rem; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.btn_lott_start b{display: block; font-size: .48rem; font-weight: bold; line-height: 1.2;}
.remain_count{font-size: .18rem; color: #7d3315; text-align: center; line-height: 1.5; margin-top: .2rem;}
.btn_lott_start:hover .remain_count{color: #ff6b2f;}

.links_wrap{display: flex; justify-content: space-between; align-items: center; width: 4.2rem; margin: 0 auto;}
.links_wrap a{font-size: .28rem; color: #808080; text-decoration: underline; }
.links_wrap a:hover{text-decoration: underline;}

/*弹窗*/
.pop{
    display: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    position: relative;
    padding-top: .26rem;
}
body .pop{
    transition: opacity, transform .3s;
    transform: scale(1.2);
}
.pop_close{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop_close.png");
    width: .30rem;
    height: .30rem;
    right: .1rem;
    top: .1rem;
    position: absolute;
    z-index: 3;
}
.pop_share .pop_close{
    right: -.3rem;
    top: .2rem;
}
.pop1{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop1.png");
    width: 4.34rem;
    height: 2.51rem;
}
.pop2{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop2.png");
    width: 6.54rem;
    height: 4.72rem;
}
.pop3{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop3.png");
    width: 8.69rem;
    height: 6.29rem;
}
.pop4{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop4.png");
    width: 7.54rem;
    height: 5.35rem;
}
.pop6{
    background-image: url("//game.gtimg.cn/images/kq/cp/a202412invite/pop6.png");
    width: 5.74rem;
    height: 3.92rem;
}
body .pop_share{
    width: 10.07rem;
    height: 7.78rem;
    margin-top: -.4rem;
    transform: scale(.9);
}
.login_type{
    display: flex;
    justify-content: center;
    margin-top: .42rem;
}
.login_type a{
    margin: 0 .35rem;
    width: 1.35rem;
    height: 1.34rem;
}
.login_type img{
    width: 100%;
}

.pop_alert_desc{
    width: 80%;
    height: 2.16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: .24rem;
    color: #2a2a2a;
}
.pop_alert_desc2{
    height: 1.3rem;
}

.pop_title{
    height: .82rem;
    margin-top: .06rem;
    font-size: .36rem;
    color: #2a2a2a;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_addr{
    width: 5.2rem;
    height: 2.6rem;
    margin: 0 auto;
}
.form_item{
    margin-top: .18rem;
    display: flex;
}
.form_item:first-child {
    margin-top: 0;
}
.form_tips{
    color: #ff1616;
    font-size: .2rem;
    text-align: center;
    margin-top: .06rem;
}
.form_warn{
    color: #2a2a2a;
    font-size: .2rem;
    text-align: center;
    margin-top: .06rem;
}
.form_item label{
    margin-right: auto;
    font-size: .16rem;
    color: #949494;
    height: .39rem;
    line-height: .39rem;
}
.form_item_right{
    width: 4.28rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form_item_right input{
    width: 100%;
    height: .39rem;
    box-sizing: border-box;
    border: .02rem solid #7c7c7c;
    background: #ffffff;
    border-radius: .06rem;
    color: #1e181f;
    font-size: .14rem;
    padding: 0 .12rem;
    display: block;
}
.form_item_right select{
    width: 2.11rem;
    height: .39rem;
    box-sizing: border-box;
    border: .02rem solid #7c7c7c;
    background: #ffffff;
    border-radius: .06rem;
    color: #1e181f;
    padding: 0 .12rem;
    display: block;
    margin-bottom: .09rem;
    font-size: .14rem;
}

.record_wrap{
    width: 7.78rem;
    margin: 0 auto;
    color: #7c7c7c;
}
.record_list{
    width: 7.38rem;
}
.record_list_head{
    display: flex;
    align-items: center;
}
.record_list_head li{
    flex: 1;
    height: .6rem;
    font-size: .2rem;
    text-align: center;
    line-height: .6rem;
}
.record_list_body_wrap{
    height: 3.94rem;
}
.record_list_body li{
    width: 100%;
    height: .49rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
}
.record_list_body li:nth-child(odd){
    background: #e6e4e5;
    border-radius: .06rem;
}
.record_list_body .record_td{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.record_list_body .record_td:nth-child(2){
    color: #2a2a2a;
}
.g_box{
    width: .34rem;
    height: .34rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.g_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prize_show{
    height: 1.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .54rem;
}
.prize_show img{
    height: 100%;
}
.prize_get_txt{
    margin: .02rem auto;
    width: 80%;
    font-size: .26rem;
    color: #2a2a2a;
}
.btn_link_wrap{
    color: #605f5e;
    margin-top: .1rem;
}
.btn_link{
    color: #605f5e;
    text-decoration: underline;
    font-size: .2rem;
}
.pop_get_prize .btn_box{
    margin-top: .4rem;
}
.rule_wrap{
    width: 5.56rem;
    height: 3.2rem;
    overflow: auto;
    margin: .1rem auto 0;
}
.rule_wrap ul{
    width: 5.16rem;
}
.rule_wrap li{
    color: #605f5e;
    font-size: .18rem;
    margin-bottom: .12rem;
}

.share_con{
    width: 10.07rem;
    height: 7.78rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.toimg{
    width: 100%;
    height: 100%;
    position: relative;
}
.dom2img-result{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.pop_share_img{
    width: 100%;
    height: 100%;
}
.share_qrcode{
    width: 1.24rem;
    height: 1.24rem;
    position: absolute;
    left: 8.14rem;
    top: 5.66rem;
}
.share_qrcode img, .share_qrcode canvas{
    width: 100%;
    height: 100%;
}
.share_btn_wrap{
    width: 4.9rem;
    position: absolute;
    left: 50%;
    margin-left: -2.45rem;
    bottom: -.5rem;
    display: flex;
    justify-content: space-between;
}
.share_btn_wrap a{
    width: 2.1rem;
    height: .58rem;
    line-height: .56rem;
}


.pop em{color: #ff6b2f;}

.table{
    width: 3.6rem;
    text-align: center;
}
.table th, .table td{
    height: .34rem;
    border: .02rem solid #7c7c7c;
}

@keyframes fadeIn {
    to{opacity: 1}
}