@charset "utf-8";
/********** 全局 **********/
body{padding:0;margin:0;background:#fff;color:#666;font:16px/24px WenQuanYi Micro Hei, Hiragino Sans GB, Microsoft YaHei, sans-serif;}
div, dl, dt, dd, ul, h1, h2, h3, p{padding:0;margin:0;}
li{list-style:none;}
img{border:0;}
a{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#fff;text-decoration:none;}
a:active{color:#fff;text-decoration:none;}
html {font-size:20px;}

/********** 其它 **********/
.clearfix:after{height:0;display:block;visibility:hidden;content:".";clear:both;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{height:0;overflow:hidden;font:0/0 arial;visibility:hidden;clear:both;}
input {outline:none;}

/* 打赏页面 */
.bg_top {width:100%;height:100px;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:100%;z-index:-1;}
.bg_top .back_icon{display:block; width:18px; height:16px; background:url(../images/list.png) no-repeat; background-size:100%; position: absolute; left:0.6rem; top:10px; font-size:14px; color:#fde3e3; text-indent:-1000px;}


.reward_area {width:100%;margin-top:1.5rem;position: relative}
.reward_area h2 {width:96%;border-bottom:1px solid #ccc;position:relative; margin-bottom:10px;margin-left: 2%}
.reward_area h2 span {display:block;background:#fff;padding:0 5px;position:absolute;left:50%;top:-8px;/*margin-left:-60px;*/font-size:16px;line-height:16px;font-weight:normal;text-align:center;transform:translate(-50%);-webkit-transform:translate(-50%); white-space:nowrap;}

.reward_area .reward_money {width:89.15625%;margin:0 auto 10px; padding-top:20px; }
.reward_area .reward_money a.money_button {width:29.79%;height:88px;display:block;box-sizing:border-box;float:left;margin:0 1.7525% 3.505%;background:#fff;color:#999;border:1px solid #999;border-radius:4px;font-size:0.8rem;text-align:center;line-height:88px;}
.reward_area .reward_money a.money_button.hover {background:#fff;color:#fff;border-color:#04be02;}
.reward_area .reward_money a.money_button.hover i {color:#04be02;}
.reward_area .reward_money a.money_button i {font-size:1rem;color:#999;margin-right:0.25rem;}
.reward_area .reward_money a.money_input {width:29.79%;height:88px;display:block;box-sizing:border-box;float:left;margin:0 1.7525% 3.505%;background:#fff;color:#999;border:1px solid #999;border-radius:4px;font-size:12px;text-align:center;line-height:88px;}
.reward_area .reward_money a.money_input input {width:88.235%;height:80px;float:left;margin:1.7525% 0 0 1.7525%;border:0;background:none;text-align:left;font:16px/80px microsoft yahei;color:#999;}
.reward_area .reward_money a.money_input.hover {background:#fff;border-color:#04be02;}
.reward_area .reward_money a.money_input.hover input {color:#04be02;}

.yourInfo {margin-top:20px;}
.yourInfo .infoBox {padding:20px 1rem 10px;}
.yourInfo .infoBox p {width:100%;padding-bottom:0.5rem; position:relative;}
.yourInfo .infoBox p.t_right {text-align:right;font-size:0.7rem;}
.yourInfo .infoBox p.t_right i {color:#ff6600;padding:0 5px 0 3px;font-size:1rem;vertical-align:top;}
.yourInfo .infoBox p i.star {position:absolute; top:0.5rem; right:10px; font-size:0.8rem; color:#ff6464; font-style:normal;}
.yourInfo .infoBox p .info_txt {width:100%;padding:0.3rem 0.5rem;box-sizing:border-box;font:0.8rem/0.8rem microsoft yahei;border:1px solid #ccc;border-radius:2px;}
.yourInfo .infoBox p .info_txt::-webkit-input-placeholder {font:0.8rem/1rem microsoft yahei;}
.btn_reward {width:94%;margin-left:3%;height:2.2rem;line-height:2.2rem;display:block;position:relative;bottom:15px;left:0;text-align:center;background:#04be02;color:#fff;border-radius: 6px;margin-top: 15px;}
.btn_reward i {width:1rem;height:1rem;display:inline-block;background-image:url(../images/money_icon.png);background-size:100%;margin:0 0.3rem -0.2rem 0;}

.reward_mask {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10;display:none;}
.apply_box {width:100%;position:fixed;left:0;bottom:0;background:#fff;display:none;z-index:100;}
.apply_box h2.apply_top {padding:0.8rem 1rem;background:#efefef;font:0.9rem/0.9rem microsoft yahei;}
.apply_box h2.apply_top .close_apply {float:right;color:#ccc;font-size:1.5rem;margin-top:-0.1rem;}
.apply_box h2.apply_top .close_apply:hover{color:#3498db;}
.apply_box .applyStyle_list {width:100%;}
.apply_box .applyStyle {width:100%;border-top:1px solid #e6e6e6;box-sizing:border-box;padding:0.6rem 0.5rem;}
.apply_box .applyStyle.hover {background:#ffeded;}
.apply_box .applyStyle img {width:2.4rem;height:2.4rem;display:block;float:left;margin-right:0.3rem;}
.apply_box .applyStyle h2 {font-size:18px;font-weight:normal;color:#000;padding-bottom:0.2rem;}
.apply_box .applyStyle p {font-size:15px;}

.reword_ok {text-align:center;width:100%;}
.reword_ok p {padding:0.5rem 0 0;}
.reword_ok p.okTxt {font-size:1.2rem;color:#04be02;}
.reword_ok p img {width:4rem;display:inline-block;margin:1rem 0 0;}
.reword_ok p .btn_back {font-size:20px;color:#fff;background-color:#2fabf2; display:inline-block;padding:0.4rem 2.5rem;border-radius:2rem; margin:0.5rem 0 1rem;}
.reward_list h2 span {/*width:10rem;margin-left:-5rem;*/}
.reward_list .reward_listBox {margin-top:1rem;padding:0 0.5rem;}
.reward_list .reward_listBox li {width:100%;float:left;padding:0.5rem 0;border-bottom:1px solid #f0f0f0;color:#333;}
.reward_list .reward_listBox li span {float:right;color:#e1880a;}

/* 嘉宾列表 */
.guestList {width:100%;}
.guestList li {width:8rem;height:8rem;padding:1px 0 0 1px;box-sizing:border-box;float:left;box-shadow:1px 1px 0 #eaeaea;text-align:center;}
.guestList li a {width:100%;height:100%;display:block;}
.guestList li a.touched,.guestList li a:hover {background:#f6f6f6;}
.guestList li a img {width:3.75rem;height:3.75rem;display:inline-block;border-radius:100%;margin:0.8rem auto 0;}
.guestList li a h2 {font:0.75rem/0.75rem microsoft yahei;padding:0.30rem 0.5rem 0;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.guestList li a p {font:0.55rem/0.55rem microsoft yahei;padding:0.25rem 0.5rem 0;color:#999;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.guestList li a p.money {color: #e1880a;}