@charset "utf-8";
/*dialogrenqi*/
#dialogrenqi{ position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:101; overflow:hidden;}
#dialogrenqi .bg{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
#dialogrenqi .tab{ position:absolute; left:50%; bottom:-100%; width:750px; min-height:400px; max-height:600px; margin-left:-375px; background:#151924; border-radius:20px; padding:0 20px 30px 20px; transition:all ease-in-out 400ms; overflow:hidden;}
#dialogrenqi .tab .tabmenu{ padding:0;}
#dialogrenqi .tab .tabmenu .item{ display:inline-block; margin-right:15px;}
#dialogrenqi.show .tab{ bottom:50%; transform:translateY(50%);}
#dialogrenqi .rdialog{ position:absolute; left:150%; bottom:50%; width:750px; max-height:600px; margin-left:-375px; margin-bottom:-300px; background:#fff; border-radius:20px; padding:0 20px; transition:all ease-in-out 400ms; overflow:hidden; }
#dialogrenqi .rdialog.userbox{ background:#151924;}
#dialogrenqi .rdialog .top{ border-bottom:1px solid #eee; line-height:2.2em; padding-bottom:10px;}
#dialogrenqi .rdialog .jinbi{ border-bottom:1px solid #eee; padding:10px 0; line-height:1.8em;}
#dialogrenqi .rdialog .jinbi .totalscore{ font-size:18px;}
#dialogrenqi .rdialog .jinbi .more{ float:right; font-weight:normal;}
#dialogrenqi .rdialog .paynum{ padding:10px 0; margin:0 -1.5%;}
#dialogrenqi .rdialog .paynum .item{ float:left; width:22%; margin:10px 1.5%; background:#ecebe9; border-radius:16px; text-align:center; line-height:2em; padding:15px 0 10px 0; border:2px solid #ecebe9; cursor:pointer;}
#dialogrenqi .rdialog .paynum .item.active{ color:#fa1f3f; border:2px solid #fa1f3f;}
#dialogrenqi .rdialog .paynum .item.active .c666{ color:#fa1f3f;}
#dialogrenqi .rdialog .paynum .item.c666{ padding:10px; line-height:72px;}
#dialogrenqi .rdialog .paynum .item.other{ height:auto; padding:26px 10px; width:47%; text-align:left;}
#dialogrenqi .rdialog .paynum .item.other input{ border:0; outline:none; height:40px; width:249px; background:none; color:#333; font-size:16px; padding:0 10px;}
#dialogrenqi .rdialog .paynum .item .num i{ font-size:28px;}
#dialogrenqi .rdialog .paybtn{ background:#ff004e; width:100%; margin:0 auto; text-align:center; color:#fff; font-size:22px; line-height:2em; border-radius:16px; font-weight:bold; cursor:pointer;}
#dialogrenqi .rdialog .paybtn:hover{ background:#f2064e;}
#dialogrenqi .rdialog .xieyi{ padding:10px; text-align:center; line-height:1.8em; font-size:14px;}
#dialogrenqi .rdialog .xieyi input{ margin:10px;}
#dialogrenqi .rdialog .rqimg{ float:left; margin-right:20px;}
#dialogrenqi.renqipay .tab,#dialogrenqi.userbox .tab{ left:-50%;}
#dialogrenqi.renqipay .renqipay,#dialogrenqi.userbox .userbox{ left:50%;}

#dialogrenqi .tabcont{ overflow:auto; width:750px; max-height:466px;}
#dialogrenqi .rdialog .tabcont{ max-height:520px;}
#dialogrenqi .title{ text-align:center; color:#bdbec2; font-size:26px; line-height:2em; padding-top:5px; position:relative; font-weight:bold;}
#dialogrenqi .title .user{ position:absolute; right:0; top:100%; font-weight:normal; background:#24252a; font-size:16px; line-height:36px; padding:0 10px; border-radius:10px; margin:0; color:#bdbec2;}
#dialogrenqi .title .user:hover{ color:#ff0;}
#dialogrenqi .title .user img{ float:left; margin-right:4px;}
#dialogrenqi .rdialog .title{ color:#333;}
#dialogrenqi .rdialog.userbox .title{ color:#bdbec2;}
#dialogrenqi .title .icon-x{ position:absolute; right:0; top:19px; cursor:pointer; font-size:22px;}
#dialogrenqi .title .icon-xiangzuo{ position:absolute; left:0; top:19px; cursor:pointer; font-size:22px;}
#dialogrenqi .tabmenu{ text-align:left; margin-bottom:15px; display:block}
#dialogrenqi .tabmenu .item{ color:#bdbec2; line-height:2em; font-size:18px; padding:0;}
#dialogrenqi .tabmenu .item span{ padding:0; border:0;}
#dialogrenqi .tabmenu .item.active{ color:#dbb931; border-bottom:2px solid #dbb931;}
#dialogrenqi .tabmenu .item.active span{ color:#dbb931; background:none; border:0;}
#dialogrenqi .licont{ color:#bdbec2; font-size:16px; line-height:1.8em; width:710px; user-select:none;}
#dialogrenqi .rdialog .licont{ color:#666;}
#dialogrenqi .licont .msg{ background:#24252a; color:#bdbec2; padding:10px 20px; border-radius:10px; font-size:14px; line-height:1.5em; margin-bottom:15px;}
#dialogrenqi .catlist{ overflow:hidden; height:55px;}
#dialogrenqi .catlist .scroll{ width:100%; overflow:auto; display:flex; margin:0 -10px; width:730px; padding-bottom:20px; cursor:move;}
#dialogrenqi .catlist .scroll::-webkit-scrollbar{width:0; height:0;}
#dialogrenqi .catlist span{ display:block; margin:0 10px; padding:0 10px; white-space:nowrap; line-height:2.5em; background:#24252a; border-radius:10px; cursor:pointer;}
#dialogrenqi .catlist span:hover,
#dialogrenqi .catlist span.active{ background:#bebebe; color:#be0f1b; position:relative;}
#dialogrenqi .catlist span.active::after{content:""; position:absolute; left:50%; top:100%; margin-left:-10px; margin-top:-1px; border-width:10px; border-style:solid; border-color:#bebebe transparent transparent transparent;}
#dialogrenqi .gift .item{ width:23.5%; margin:10px 2% 30px 0; float:left; text-align:center; border:1px solid #151924; padding-top:10px; position:relative; line-height:2em; cursor:pointer;}
#dialogrenqi .gift .item:nth-child(4n){ margin-right:0;}
#dialogrenqi .gift .item.active{ border:1px solid #3d414a; border-radius:10px;}
#dialogrenqi .gift .item img{ display:block; margin:0 auto -10px auto;}
#dialogrenqi .gift .item .num{ position:absolute; left:55%; top:75px; color:#fcec94; font-size:16px; text-shadow:0 0 5px red;}
#dialogrenqi .gift .item .price{ text-align:center; line-height:1.5em; margin-bottom:-5px; width:100%; top:88px; color:#999; font-size:12px;}
#dialogrenqi .gift .item .btn{ display:none; background:#ff2f45; color:#fff; border-radius:0 0 10px 10px; line-height:2.2em; cursor:pointer; font-size:16px;}
#dialogrenqi .gift .item .btn:hover{ background:#f60;}
#dialogrenqi .gift .item.active .btn{ display:block;}
#dialogrenqi .renqiresult{ background:#24252a; padding:0 10px; border-radius:10px; line-height:60px;}
#dialogrenqi .renqiresult .rq{ float:left; margin-right:30px; height:60px;}
#dialogrenqi .renqiresult .rq img{ float:left; margin-right:10px;}
#dialogrenqi .renqiresult .rq i{ font-size:22px;}
#dialogrenqi .renqiresult .zs{ float:left; font-size:18px; color:#999;}
#dialogrenqi .renqiresult .votebtn{ background:#ff2f45; color:#fff; font-size:16px; line-height:2em; border-radius:1em; float:right; margin-top:15px; padding:0 20px;}
#dialogrenqi .renqiresult .votebtn:hover{ background:#f60;}
#dialogrenqi .renqiresult .votebtn::before{content:"普通票 ";}
#dialogrenqi .renqiresult .votebtn.minbrand{ background:#666;}

#dialogrenqi .levelbox{background:#24252a; border-radius:10px; font-size:16px; margin-bottom:15px;}
#dialogrenqi .levelbox .info{ padding:15px 20px 5px 20px; line-height:1.5em; color:#fff; font-size:16px;}
#dialogrenqi .levelbox .info span{ display:inline-block;}
#dialogrenqi .levelbox .info .more{ float:right;}
#dialogrenqi .loginbox{ background:#24252a; border-radius:10px; color:#fff; font-size:14px; text-align:center; line-height:300px;}
#dialogrenqi .levelbox li{ display:table-cell; vertical-align:middle; width:5%; padding:10px; text-align:center; position:relative; opacity:0.8; color:#fff;}
#dialogrenqi .levelbox li.hui{ filter: grayscale(100%); color:#ccc; opacity:0.5;}
#dialogrenqi .levelbox li.active{ opacity:1;}
#dialogrenqi .levelbox li .name{ margin-top:22px;}
#dialogrenqi .levelbox li .score{ position:absolute; left:50%; top:70px; width:70px; margin-left:-35px; text-align:center; background:#b9a78b; color:#fff; font-size:14px; line-height:1.5em; padding:0 10px; border-radius:1em; font-family:sans-serif;}
#dialogrenqi .levelbox li.active .score{ background:#f90;}
#dialogrenqi .levelbox li .iconfont{ position:absolute; left:100%; top:50%; line-height:2em; margin-top:-1.5em; margin-left:-0.6em; color:#999; font-size:14px;}
#dialogrenqi .levelbox li:last-child .iconfont{ display:none;}

/* 签到 */
#dialogrenqi .qiandao{ padding:10px 15px;}
#dialogrenqi .qiandao .item{width:87px; margin:0 5px; float:left; background:#fff; border:1px solid #999; text-align:center; color:#999; font-size:14px; border-radius:10px; overflow:hidden; padding-top:10px;}
#dialogrenqi .qiandao .item .jinbi{ color:#637db6; font-weight:bold; line-height:1em; font-size:22px;}
#dialogrenqi .qiandao .item .day{ background:#f5f6fb; color:#666; line-height:2em;}
#dialogrenqi .qiandao .item.active{ background:#f2f7fa;}
#dialogrenqi .qiandao .item.active .day{ background:#73a0bf; color:#fff;}
#dialogrenqi .qiandao .btn{ padding:15px 7px 10px 5px;}
#dialogrenqi .qiandao .btn .l{ float:left; background:#fe6a00; color:#fff; font-size:14px; line-height:2em; display:inline-block; padding:0 20px; border-radius:10px;}
#dialogrenqi .qiandao .btn .l.active{ background:#999;}
#dialogrenqi .qiandao .btn .r{ float:right; font-size:14px; line-height:2em;}

/*koubei*/
#dialogrenqi .fr{ float:right;}
#dialogrenqi.koubeipay .tab{ left:-50%;}
#dialogrenqi.koubeipay .koubeipay{ left:50%;}
#dialogrenqi.koubeipay .kbimg{ float:left; margin-right:20px;}
#dialogrenqi .gift.koubei .item{ height:178px; margin-top:0; margin-bottom:5px;}
#dialogrenqi .gift.koubei .item img{ display:block; margin:0 auto;}
#dialogrenqi .gift.koubei .item .num{ left:auto; right:5px; top:0;}
#dialogrenqi .praisebox{ background:#24252a; padding:10px 20px; border-radius:10px; height:76px; line-height:56px; margin-bottom:15px; text-align:left;}
#dialogrenqi .praisebox .img{ float:left; margin-right:5px;}
#dialogrenqi .praisebox .praisebtn{ background:#575757; color:#fff; font-size:16px; line-height:2em; border-radius:1em; float:right; margin-top:12px; margin-left:10px; padding:0 20px;}
#dialogrenqi .praisebox .praisebtn:hover{ background:#f60;}
#dialogrenqi .praisebox .starresult{ text-align:center; line-height:25px; padding:0 20px; margin-top:3px;}
#dialogrenqi .praisebox .starresult .star{ display:block; width:120px; height:24px; background:url(/plugin/img/icon/star2.png) repeat-x; background-size:24px auto; margin-bottom:4px;}
#dialogrenqi .praisebox .starresult .star div{ height:24px; background:url(/plugin/img/icon/star1.png) repeat-x; background-size:24px auto;}
#dialogrenqi .praisebox .starbox { line-height:25px; padding:0 0 0 60px;}
#dialogrenqi .praisebox .name{ text-align:center;}
#dialogrenqi .praisebox .renqiscore{ line-height:30px;}
#dialogrenqi .praisebox .starbox .addstar{ display:block; width:120px; height:24px; background:url(/plugin/img/icon/star3.png) repeat-x; background-size:24px auto; position:relative;}
#dialogrenqi .praisebox .starbox .addstar .starbg{ position:absolute; left:0; top:0; width:0; height:24px; background:url(/plugin/img/icon/star1.png) repeat-x; background-size:24px auto;}
#dialogrenqi .praisebox .starbox .addstar.n1 .starbg{ width:20%;}
#dialogrenqi .praisebox .starbox .addstar.n2 .starbg{ width:40%;}
#dialogrenqi .praisebox .starbox .addstar.n3 .starbg{ width:60%;}
#dialogrenqi .praisebox .starbox .addstar.n4 .starbg{ width:80%;}
#dialogrenqi .praisebox .starbox .addstar.n5 .starbg{ width:100%;}
#dialogrenqi .praisebox .starbox .addstar a{ float:left; width:24px; height:24px; position:relative; z-index:1;}

/*xunzhang*/
#dialogrenqi.xunzhangpay .tab{ left:-50%;}
#dialogrenqi.xunzhangpay .xunzhangpay{ left:50%;}
#dialogrenqi.xunzhangpay .kbimg{ float:left; margin-right:20px;}
#dialogrenqi .gift.xunzhang .item{ height:198px; margin-top:0; margin-bottom:5px;}
#dialogrenqi .gift.xunzhang .item img{ display:block; margin:0 auto;}
#dialogrenqi .gift.xunzhang .item .price{ margin:0;}
#dialogrenqi .gift.xunzhang .item .name{ line-height:1.2em; white-space:nowrap;}
#dialogrenqi .gift.xunzhang .item .subname{ line-height:1.2em; height:1.2em; white-space:nowrap; margin-bottom:6px; padding-right:10px;}
#dialogrenqi .gift.xunzhang .item .name img{ display:inline-block; vertical-align:text-bottom; margin-bottom:2px; margin-right:3px;}
#dialogrenqi .gift.xunzhang .item .num{ left:auto; right:5px; top:0;}