console
var oHeight = $(document).height();
$(window).resize(function(){
if($(document).height() < oHeight){
$(".talkFooter").css("position","static");
}else{
$(".talkFooter").css("position","absolute");
}
});
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1.0, user-scalable=0" />
<div class="header">
<div class="headerTitle">标题</div>
<div class="headerLeft">
<div class="headerBack">
<i class="headerBackIcon headBack"></i>
<span class="headerBackText">返回</span>
</div>
</div>
<div class="headerRight" style="display: none;">
<div class="headerRightBtn actOpa">
<i class="headerRightBtnIcon homeHeadEdit"></i>
<span class="headerRightBtnTxt">免费注册</span>
</div>
<div class="headerRightBtn actOpa">
<i class="headerRightBtnIcon homeHeadUser"></i>
<span class="headerRightBtnTxt">会员登录</span>
</div>
</div>
</div>
<div class="secHeader">
<div class="talkHeader">
<div class="left">
<div class="top">
<i class="clock talkClock"></i>
<span class="time">00:00:00</span>
</div>
<p class="bot">期号:0000000</p>
</div>
<div class="right">
<div class="con">
<p class="top">2017-10-04 14:22:22</p>
<p class="bot">
开奖号码：<span class="orangeTxt">01,01,01,01,01</span>
</p>
</div>
<i class="arrowsBottom"></i>
</div>
</div>
</div>
<div class="talkMain">
<div class="talkWrap">
<div class="talkList other system">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/homeFootService.png);"></i>
</div>
<div class="content">
<span class="name">系统</span>
<div class="txtWrap">
<p class="txt">聊天内容聊天内容聊天内容聊天内容聊天内容聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList other">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/memberHeadCap.png);"></i>
</div>
<div class="content">
<span class="name">小明</span>
<div class="txtWrap">
<p class="txt">聊天内容聊天内容聊天内容聊天内容聊天内容聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList self">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/memberHeadCap.png);"></i>
</div>
<div class="content">
<div class="txtWrap">
<p class="txt">聊天内容聊天内容聊天内容聊天内容聊天内容聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList other system">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/homeFootService.png);"></i>
</div>
<div class="content">
<span class="name">系统</span>
<div class="txtWrap">
<p class="txt">聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList self">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/memberHeadCap.png);"></i>
</div>
<div class="content">
<div class="txtWrap">
<p class="txt">聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList self">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/memberHeadCap.png);"></i>
</div>
<div class="content">
<div class="txtWrap">
<p class="txt">聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
<div class="talkList self">
<div class="avatarWrap">
<i class="avatar" style="background-image: url(img/memberHeadCap.png);"></i>
</div>
<div class="content">
<div class="txtWrap">
<p class="txt">聊天内容</p>
<span class="angel"></span>
</div>
</div>
</div>
</div>
</div>
<div class="talkFooter">
<div class="talkFooterWrap">
<div class="inputBox">
<input class="input" type="" name="" id="" value="" placeholder="输入您你聊天信息" />
</div>
<div class="btn">发送</div>
</div>
<div class="footer">
<div class="footerBtn fl">
<i class="footerBtnIcon homeFootService"></i>
<span class="footerBtnTxt">客服001</span>
</div>
<div class="footerBtn fr">
<i class="footerBtnIcon homeFootService"></i>
<span class="footerBtnTxt">客服002</span>
</div>
</div>
</div>
<div class="bullet">
<div class="bulletWrap">
</div>
</div>
<div class="dialog qrcode" style="display: none;">
<div class="dialogWrap">
<p class="qrcodeTitle">客服001</p>
<i class="qrcodeImg"></i>
<p class="qrcodeTxt">长按二维码添加客服进行聊天</p>
</div>
</div>
<div class="dialog gameDownDrop" style="display: none;">
<ul class="dialogDropWrap">
<li class="dialogDropList">
<div class="row1">
<p class="txt">2017-12-11</p>
<p class="txt">14:36:54</p>
</div>
<div class="row2">
<p class="txt">游戏名称</p>
<p class="txt">期号：0000000000</p>
</div>
<div class="row3">
<p class="txt">开奖号码</p>
<p class="txt orangeTxt">01,01,01,01,01</p>
</div>
</li>
<li class="dialogDropList">
<div class="row1">
<p class="txt">2017-12-11</p>
<p class="txt">14:36:54</p>
</div>
<div class="row2">
<p class="txt">游戏名称</p>
<p class="txt">期号：0000000000</p>
</div>
<div class="row3">
<p class="txt">开奖号码</p>
<p class="txt orangeTxt">01,01,01,01,01</p>
</div>
</li>
<li class="dialogDropList">
<div class="row1">
<p class="txt">2017-12-11</p>
<p class="txt">14:36:54</p>
</div>
<div class="row2">
<p class="txt">游戏名称</p>
<p class="txt">期号：0000000000</p>
</div>
<div class="row3">
<p class="txt">开奖号码</p>
<p class="txt orangeTxt">01,01,01,01,01</p>
</div>
</li>
<li class="dialogDropList">
<div class="row1">
<p class="txt">2017-12-11</p>
<p class="txt">14:36:54</p>
</div>
<div class="row2">
<p class="txt">游戏名称</p>
<p class="txt">期号：0000000000</p>
</div>
<div class="row3">
<p class="txt">开奖号码</p>
<p class="txt orangeTxt">01,01,01,01,01</p>
</div>
</li>
<li class="dialogDropList">
<div class="row1">
<p class="txt">2017-12-11</p>
<p class="txt">14:36:54</p>
</div>
<div class="row2">
<p class="txt">游戏名称</p>
<p class="txt">期号：0000000000</p>
</div>
<div class="row3">
<p class="txt">开奖号码</p>
<p class="txt orangeTxt">01,01,01,01,01</p>
</div>
</li>
</ul>
</div>
*{margin: 0;padding: 0;}
html{font-family: "microsoft yahei",Arial,sans-serif;font-size: 1000px;}
body{float: left;width: 100%;position: relative;*overflow: hidden;font-size: 0.016rem;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, button, textarea, p, th, td{padding: 0;margin: 0;font-family: "microsoft yahei";}
body{width: 100%;min-width: 0.32rem;overflow-x: hidden;background-color: #f0f0f0;user-select: none;-moz-user-select: none;-webkit-user-select: none;height: 100%;position: absolute;left: 0px;top: 0px;overflow-y: auto;}
img{border: 0;}
a{text-decoration: none;color: #323232;outline: none;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{*font-size: 100%;outline: none;border: none;background-color: #fff;}
.fl{float: left;}
.fr{float: right;}
.actOpa:active{opacity: 0.8;}
.main{width: 100%;float: left;margin: 0.044rem 0 0.04rem;}
.header{position: fixed;z-index: 3;top: 0;left: 0;width: 100%;float: left;height: 0.044rem;overflow: hidden; background-image: -moz-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -webkit-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -ms-linear-gradient(90deg, #977534 0%, #ffd061 100%);box-shadow: 0rem 0.001rem 0.003rem 0rem rgba(0, 0, 0, 0.7), inset 0rem 0.001rem 0.001rem 0rem rgba(0, 0, 0, 0.3);}
.headerTitle{width: 100%;float: left;height: 0.044rem;line-height: 0.044rem;text-align: center;color: white;font-size: 0.016rem;}
.headerLeft{position: absolute;left: 0;top: 0;bottom: 0;}
.headerLeft:active{opacity: 0.5;}
.headerBack{float: left;padding: 0 0.012rem 0.012rem 0;}
.headerBackIcon{float: left;margin-top: 0.012rem;margin-left: 0.012rem;}
.headerBackText{float: left;margin-top: 0.01rem;margin-left: 0.01rem;font-size: 0.016rem;color: white;}
.headerLogo{margin-top: 0.012rem;margin-left: 0.008rem;float: left;width: 0.056rem;height: 0.018rem;display: block;background: url(../img/homeHeadLogo.png) 0 no-repeat;background-size: contain;}
.headerRight{position: absolute;right: 0;top: 0;bottom: 0;}
.headerRightBtn{margin-top: 0.01rem;margin-right: 0.008rem;float: right;width: 0.072rem;height: 0.022rem;text-align: center;border: 0.001rem solid #c3963f;border-radius: 0.002rem;background-image: -moz-linear-gradient(90deg, #b88c38 0%, #ffe274 100%);background-image: -webkit-linear-gradient(90deg, #b88c38 0%, #ffe274 100%);background-image: -ms-linear-gradient(90deg, #b88c38 0%, #ffe274 100%);box-shadow: inset 0rem 0.001rem 0.001rem 0rem rgba(0, 0, 0, 0.3);opacity: 0.92;}
.headerRightBtn2{margin-top: 0.01rem;margin-right: 0.008rem;float: right;width: 0.072rem;height: 0.022rem;text-align: center;border-radius: 0.002rem;background-color: #29b5ee;}
.headerRightBtnIcon{margin-top: 0.004rem;margin-left: 0.004rem;float: left;width: 0.012rem;height: 0.012rem;display: block;}
.headerRightBtnTxt{margin-top: 0.002rem;margin-left: 0.002rem;float: left;color: white;font-size: 0.012rem;}
.secHeader{position: fixed;z-index: 3;top: 0.044rem;left: 0;width: 100%;float: left;}
.secHeader .nav{width: 100%;float: left;}
.secHeader .navList{width: 25%;float: left;height: 0.04rem;line-height: 0.04rem;text-align: center;color: white;background-color: #b37d11;}
.secHeader .navList.active{background-color: #e7aa35;}
.secHeader .secNav{width: 100%;float: left;background-color: white;}
.secHeader .secNav .secNavList{width: 33.33%;float: left;height: 0.036rem;line-height: 0.036rem;text-align: center;border-right: 0.001rem solid #D6D7DC;box-sizing: border-box;}
.secHeader .secNav .secNavList:last-child{color: #999999;border-right: 0;}
.secHeader .secNav .secNavList input{width: 100%;height: 0.036rem;text-align: center;border:0;outline: 0; font-size: 0.012rem;float: left;border-radius: 0;}
.secHeader .secNav .secNavList i{margin-top: 0.016rem;margin-right: 0.01rem;width: 0.012rem;height: 0.006rem;display: inline-block;float: right;background: url(../img/arrowsBottom.png) 0 no-repeat;background-size: cover;}
.footer{left: 0;width: 100%;float: left;position: absolute;top: 48px;}
.footerBtn{width: 49.8%;height: 0.04rem;line-height: 0.04rem;text-align: center;opacity: 0.8;background-image: -moz-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -webkit-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -ms-linear-gradient(90deg, #977534 0%, #ffd061 100%);}
.footerBtn:active{opacity: 0.7;}
.footerBtnIcon{position: relative;top: 0.006rem;width: 0.019rem;height: 0.021rem;}
.footerBtnTxt{font-size: 0.016rem;color: white;margin-left: 0.004rem;}
.dialog{position: fixed;z-index: 5;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);overflow: hidden;}
.dialogWrap{position: absolute;left: 50%;top: 50%;background-color: white;border-radius: 0.005rem;overflow: hidden;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.dialog.edit .dialogWrap{width: 80%;}
.dialogTitle{width: 100%;float: left;height: 0.036rem;line-height: 0.036rem;text-align: center;}
.dialogInputWrap{width: 100%;float: left;}
.dialogInputBox{margin: 0 0.012rem 0.012rem;border: 0.001rem solid #d6d7dc;background-color: #f0f0f0;border-radius: 0.002rem;}
.dialogInput{width: 90%;height: 0.036rem;margin:0;padding: 0 5%;border:0;outline:0;background-color: transparent;}
.dialogBtnWrap{width: 100%;float: left;}
.dialogBtn{width: 50%;float: left;height: 0.036rem;line-height: 0.036rem;text-align: center;border-top: 0.001rem solid #d6d7dc;box-sizing: border-box;}
.dialogBtn:last-child{border-left: 0.001rem solid #d6d7dc;}
.dialogBtn:active{background-color: #eeeeee;}
.dialog.selectGame .dialogWrap{width: 64%;}
.dialogSelListWrap{width: 100%;float: left;border-top: 0.001rem solid #D6D7DC;padding-bottom: 0.008rem;}
.dialogSelList{width: 100%;float: left;height: 0.032rem;line-height: 0.032rem;}
.dialogSelList span{margin-left: 0.012rem;float: left;font-size: 0.014rem;}
.dialogSelList i{margin-right: 0.012rem;margin-top: 0.012rem;float: right;}
.dialogSelList:active{background-color: #EEEEEE;}
.dialogSelList.active span{color: #fe722d;}
.dialogSelList.active i{width: 0.014rem;height: 0.00983rem;background-size: 0.18587rem 0.12957rem;background-image: url("../img/sprites.png");background-position: -0.15281rem -0.11826rem;display: inline-block;}
.dialog.qrcode .dialogWrap{width: 72%;text-align: center;}
.qrcodeTitle{width: 100%;float: left;line-height: 0.06rem;color: #ffc00d;font-size: 0.022rem;}
.qrcodeImg{width: 0.16rem;height: 0.16rem;display: inline-block;background-size: cover;}
.qrcodeTxt{margin-top: 0.016rem;margin-bottom: 0.036rem;font-size: 0.014rem;}
.dialog.gameDownDrop{top: 0.086rem;}
.dialog.gameDownDrop .dialogDropWrap{position: absolute;top: 0;left: 0;width: 100%;float: left;background-color: white;}
.dialogDropList{padding: 0.004rem 0;width: 100%;float: left;border-bottom: 0.001rem solid #D6D7DC;}
.dialogDropList .row1{width: 30%;float: left;}
.dialogDropList .row1 .txt{margin-left: 0.012rem;}
.dialogDropList .row2{width: 40%;float: left;}
.dialogDropList .row2 .txt{margin-left: 0.008rem;}
.dialogDropList .row3{width: 30%;float: left;text-align: center;}
.dialogDropList .txt{color: #999;font-size: 0.01rem;}
.dialogDropList .txt.orangeTxt{color: #d89a20;}
.loginBg{width: 100%;float: left;background: url(../img/loginBg.jpg) no-repeat;background-size: 100%;}
.loginMain{width: 100%;float: left;}
.loginMain .loginBack{position: absolute;padding: 0.012rem 0.024rem 0.012rem 0.012rem;}
.loginMain .loginBack:active{opacity: .8;}
.loginMain .logoWrap{width: 100%;float: left;margin-top: 0.12rem;margin-bottom: 0.054rem;text-align: center;}
.loginMain .logo{display: inline-block;width: 0.1555rem;height: 0.043rem;background: url(../img/loginLogo.png) no-repeat;background-size: cover;}
.loginMain .inputBox{margin: 0.02rem 0.036rem 0;padding: 0 0.016rem;height: 0.042rem;line-height: 0.042rem;background-color: #625c50;border: 0.001rem solid #999;border-radius: 0.021rem;overflow: hidden;}
.loginMain .inputBox .input{margin:0;width: 100%;height: 0.042rem;background-color: transparent;color: rgba(255, 255, 255, 0.9);border:0;outline: 0;}
.loginMain .inputBox .input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.9);}
.loginMain .loginBtn{margin: 0.032rem 0.036rem 0;padding: 0 0.016rem;height: 0.042rem;line-height: 0.042rem;border: 0.001rem solid #816837;border-radius: 0.021rem;overflow: hidden;background-image: -moz-linear-gradient(90deg, #654302 0%, #d99e2f 100%);background-image: -webkit-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -ms-linear-gradient(90deg, #654302 0%, #d99e2f 100%);box-shadow: 0rem 0.001rem 0.001rem 0rem rgba(0, 0, 0, 0.7), inset 0rem 0rem 0.001rem 0rem rgba(0, 0, 0, 0.3);}
.loginMain .loginBtn:active{opacity: 0.8;}
.loginMain .loginBtn .loginBtnTxt{text-align: center;color: rgba(255, 255, 255, 0.9);}
.loginMain .botBtn{width: 100%;float: left;margin-top: 0.012rem;color: #b4b4b4;font-size: 0.014rem;}
.loginMain .botBtn span:active{opacity: .5;}
.loginMain .leftTxt{float: left;margin-left: 0.036rem;}
.loginMain .rightTxt{float: right;margin-right: 0.036rem;}
.loginMain.regist{margin-top: 0.144rem;}
.loginMain.regist .inputBox{background-color: #616161;}
.swiper{width: 100%;float: left;height: 0.144rem;}
.swiper .swiper-container{width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper .swiper-slide{float: left;background: url(../img/homeBanner.jpg) no-repeat;background-size: 100% 100%;}
.swiper .pagination{position: absolute;z-index: 2;bottom: 0.01rem;width: 100%;text-align: center;}
.swiper .swiper-pagination-switch{margin: 0 0.005rem;display: inline-block;width: 0.008rem;height: 0.008rem;border-radius: 0.008rem;background-color: #909090;opacity: 0.8;}
.swiper .swiper-active-switch{background-color: #fff;}
.hall{width: 100%;float: left;background-color: #1c1c1c;}
.hallTitle{width: 100%;float: left;}
.hallTitleIcon{margin-left: 0.008rem;margin-top: 0.012rem;float: left;width: 0.012rem;height: 0.012rem;display: block;}
.hallTitleTxt{margin-left: 0.006rem;margin-top: 0.01rem;float: left;color: #f1d49f;font-size: 0.014rem;}
.hallListWrap{padding: 0.008rem;}
.hallList{position: relative;margin-top: 0.006rem;width: 100%;float: left;height: 0.108rem;background: url(../img/homeGameImg.jpg) no-repeat;background-size: 100% 100%;}
.hallList:last-child{margin-bottom: 0.006rem;}
.hallListBtn{position: absolute;right: 0.012rem;top: 0.012rem;padding: 0.01rem 0.002rem;width: 0.024rem;height: 0.064rem;box-sizing: content-box; background-color: yellow;text-align: center;color: white;font-size: 0.014rem;line-height: 0.016rem;border: 0.001rem solid #dddd93;background-image: -moz-linear-gradient(90deg, #8c6e38 0%, #f0bf7a 100%);background-image: -webkit-linear-gradient(90deg, #8c6e38 0%, #f0bf7a 100%);background-image: -ms-linear-gradient(90deg, #8c6e38 0%, #f0bf7a 100%);box-shadow: inset 0rem 0.001rem 0.002rem 0rem rgba(0, 0, 0, 0.1);}
.memberHead{width: 100%;float: left;position: relative;}
.memberHeadBack{position: absolute;padding: 0.012rem 0.024rem 0.012rem 0.012rem;}
.memberHeadBack:active{opacity: .8;}
.memberHeadBg{width: 100%;float: left;height: 0.2rem;background: url(../img/memberHeadBg.jpg) 0 no-repeat;background-size: 100%;text-align: center;}
.memberHeadIconWrap{margin-top: 0.042rem;width: 0.072rem;height: 0.072rem;border: 0.002rem solid white;border-radius: 50%;background-color: #e9b85b;display: inline-block;}
.memberHeadIcon{margin-top: 0.016rem;}
.memberHeadNameTxt{text-align: center;margin-top: 0.006rem;color: white;font-size: 0.014rem;}
.memberHeadBot{position: absolute;left: 0;bottom: 0;width: 100%;float: left;height: 0.042rem;background-color: rgba(211, 142, 7, 0.4);text-align: center;color: white;}
.memberHeadBotMoneyTxt{font-size: 0.016rem;margin-top: 0.002rem;}
.memberHeadBotTxt{font-size: 0.012rem;}
.memberMain{width: 100%;float: left;margin-bottom: 0.04rem;background-color: #1C1C1C;}
.memberMainListWrap{width: 100%;float: left;padding: 0.004rem 0;}
.memberMainList{margin-left: 3%;margin-top: 0.012rem;position: relative;width: 45.5%;float: left;height: 0.09rem;border-radius: 0.006rem;text-align: center;background-image: -moz-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -webkit-linear-gradient(90deg, #977534 0%, #ffd061 100%);background-image: -ms-linear-gradient(90deg, #977534 0%, #ffd061 100%);box-shadow: 0rem 0.001rem 0.001rem 0rem rgba(0, 0, 0, 0.7), inset 0rem 0rem 0.001rem 0rem rgba(0, 0, 0, 0.3);}
.memberMainListIcon{position: relative;bottom: -0.016rem;display: inline-block;}
.memberMainListTxt{position: absolute;bottom: 0.008rem;left: 0;width: 100%;color: white;font-size: 0.014rem;}
.memberMainExit{width: 100%;float: left;margin: 0.032rem 0;}
.memberMainExitTxt{margin: 0 3%;height: 0.042rem;line-height: 0.042rem;text-align: center;color: #323232;border-radius: 0.005rem;background-color: #f8e5c1;font-size: 0.014rem;}
.memberBetting{width: 100%;float: left;margin-top: 0.128rem;}
.memberBetListWrap{width: 100%;float: left;}
.memberBetList{width: 100%;float: left;padding: 0.006rem 0;background-color: white;border-bottom: 0.001rem solid #D6D7DC;color: #323232;}
.memberBetList .row1{width: 20%;float: left;color: #ccc;}
.memberBetList .row1 .topTxt{margin-left: 0.012rem;font-size: 0.014rem;}
.memberBetList .row1 .botTxt{margin-left: 0.012rem;font-size: 0.012rem;}
.memberBetList .row2{width: 40%;float: left;}
.memberBetList .row2 .topTxt{margin-left: 0.01rem;font-size: 0.014rem;}
.memberBetList .row2 .botTxt{margin-left: 0.01rem;font-size: 0.01rem;color: #ccc;}
.memberBetList .row3{margin-top: 0.01rem;width: 20%;float: left;font-size: 0.01rem;}
.memberBetList .row4{margin-top: 0.008rem;width: 20%;float: right;font-size: 0.016rem;}
.memberBetList .row4 .txt{float: right;margin-right: 0.012rem;color: #999;}
.memberBetList .row4.hit .txt{color: #fe5600;}
.memberBetList .row4.wait .txt{color: #0089fe;}
.memberBettingNull{width: 100%;float: left;margin-top: 0.124rem;text-align: center;}
.memberDetailMain{width: 100%;float: left;margin-top: 0.044rem;}
.detailHead{padding: 0.012rem 0;width: 100%;float: left;background-color: #B37D11;text-align: center;color: rgba(255,255,255,.9);}
.detailHead .txt{width: 100%;float: left;margin-bottom: 0.008rem;color: rgba(255,255,255,.9)}
.detailHead .topTxt{font-size: 0.014rem;}
.detailHead .botTxt{font-size: 0.012rem;}
.detailHead .betting{width: 100%;float: left;}
.detailHead .betting li{display: inline-block;width: 0.032rem;height: 0.032rem;line-height: 0.032rem;background-color: #d7ac3e;border-radius: 0.02rem;font-size: 0.018rem;}
.detailContent{margin-top: 0.012rem;width: 100%;float: left;background-color: white;font-size: 0.014rem;}
.detailContent .detHead{width: 100%;float: left;padding-bottom: 0.006rem;}
.detailContent .detHead .one{margin-top: 0.006rem;}
.detailContent .detHead .one .tit{color: #999;margin-left: 0.012rem;}
.detailContent .detHead .one .txt.redTxt{color: #fe6516;}
.detailContent .detHead .fr{width: 40%;}
.detailContent .detHead .two{margin-top: 0.01rem;}
.detailContent .detHead .two .timeTxt{color: #999;font-size: 0.01rem;margin-top: 0.002rem;}
.detailContent .detCon{padding-bottom: 0.012rem;width: 100%;float: left;border-top: 0.001rem solid #D6D7DC;}
.detailContent .detCon .one{width: 100%;float: left;margin-top: 0.012rem;}
.detailContent .detCon .one .tit{float: left;display: inline-block;color: #999;margin-left: 0.012rem;}
.detailContent .detCon .one .txt{float: left;display: inline-block;color: #323232;width: 70%;word-wrap: break-word;margin-right: 0.012rem;}
.memberEntry{width: 100%;float: left;margin-top: 0.088rem;}
.memberEntListWrap{width: 100%;float: left;}
.memberEntList{width: 100%;float: left;padding: 0.006rem 0;background-color: white;border-bottom: 0.001rem solid #D6D7DC;color: #323232;}
.memberEntList .row1{width: 25%;float: left;color: #ccc;}
.memberEntList .row1 .topTxt{margin-left: 0.012rem;font-size: 0.014rem;}
.memberEntList .row1 .botTxt{margin-left: 0.012rem;font-size: 0.012rem;}
.memberEntList .row2{margin-top: 0.006rem;width: 25%;float: left;font-size: 0.014rem;text-align: center;}
.memberEntList .row3{width: 25%;float: left;font-size: 0.012rem;text-align: center;color: #999;}
.memberEntList .row4{width: 25%;float: left;font-size: 0.012rem;text-align: center;color: #999;}
.memberEntryNull{width: 100%;float: left;margin-top: 0.124rem;text-align: center;}
.talkHeader{width: 100%;float: left;height: 0.04rem;background-color: white;border: 0.001rem solid #D6D7DC;}
.talkHeader .left{width: 30%;float: left;height: 0.04rem;box-sizing: border-box;border-right: 0.001rem solid #D6D7DC;}
.talkHeader .left .top{margin-left: 0.012rem;}
.talkHeader .left .clock{float: left;margin-top: 0.006rem;}
.talkHeader .left .time{font-size: 0.014rem;color: #d89a20;margin-left: 0.004rem;}
.talkHeader .left .bot{margin-left: 0.012rem;font-size: 0.01rem;color: #999;}
.talkHeader .right{width: 70%;float: left;}
.talkHeader .right .con{float: left;width: 84%;text-align: center;}
.talkHeader .right .top{margin-top: 0.002rem;font-size: 0.01rem;color: #999;}
.talkHeader .right .bot{font-size: 0.014rem;color: #999;}
.talkHeader .right .bot .orangeTxt{color: #d89a20;}
.talkHeader .right i{float: right;margin-right: 0.016rem;margin-top: 0.016rem;}
.talkMain{width: 100%;float: left;padding-top: 0.084rem;padding-bottom: 0.088rem;}
.talkWrap{width: 100%;float: left;padding-bottom: 0.012rem;}
.talkList{width: 100%;float: left;margin-top: 0.012rem;}
.talkList .avatarWrap{width: 0.036rem;height: 0.036rem;border-radius: 50%;text-align: center;}
.talkList .avatar{width: 0.024rem;height: 0.024rem;display: inline-block;margin-top: 0.006rem;background-repeat: no-repeat;background-size: contain;}
.talkList .content{width: 72%;}
.talkList .name{width: 100%;float: left;height: 0.02rem;font-size: 0.01rem;color: #999;}
.talkList .txtWrap{position: relative;}
.talkList .txt{padding: 0.008rem 0.012rem;border-radius: 0.005rem;font-size: 0.014rem;}
.talkList .angel{position: absolute;width: 0;height: 0;border: 0.005rem solid transparent;}
.talkList.other .avatarWrap{margin-left: 0.008rem;float: left;background-color: #E9B85B;}
.talkList.other .content{float: left;margin-left: 0.008rem;}
.talkList.other .txt{float: left;background-color: white;color: #323232;}
.talkList.other .angel{left: -0.01rem;top: 0.032rem;border-right-color: white;}
.talkList.self .avatarWrap{margin-right: 0.008rem;float: right;background-color: #E9B85B;}
.talkList.self .content{float: right;margin-right: 0.008rem;}
.talkList.self .txt{float: right;background-color: #E9B85B;color: rgba(255, 255, 255, 0.9);}
.talkList.self .angel{right: -0.01rem;top: 0.012rem;border-left-color: #E9B85B;}
.talkList.other.system .avatarWrap{background-color: #34a8ff}
/*.talkList.other.system .avatarWrap{background-color: #E9B85B}*/
.talkFooter{position: fixed;z-index: 2;left: 0;bottom: 0;width: 100%;float: left;background-color: white;padding-bottom: 38px;}
.talkFooterWrap{padding: 0.006rem 0.008rem;display: -webkit-flex;display: flex;display: -ms-flexbox;float: left;width: 95%;}
.talkFooter .inputBox{float: left;width:80%;background-color: #f0f0f0;display: -ms-flexbox;}
.talkFooter .input{float: left;width:90%;padding: 0 5%;padding: 0 0.008rem;height: 0.036rem;line-height:0.036rem;background-color: transparent;}
.talkFooter .btn{float: right;width:8%;margin-left: 0.008rem;width: 0.076rem;height: 0.036rem;text-align: center;line-height: 0.036rem;color: white;border: 0.001rem solid #c3963f;background-image: -moz-linear-gradient(90deg, #b88c38 0%, #ffce60 100%);background-image: -webkit-linear-gradient(90deg, #b88c38 0%, #ffce60 100%);background-image: -ms-linear-gradient(90deg, #b88c38 0%, #ffce60 100%);box-shadow: inset 0rem 0.001rem 0.002rem 0rem rgba(0, 0, 0, 0.1);opacity: 0.92;}
.talkFooter .btn:active{opacity: .8;}
.bullet{position: fixed;z-index: 3;top: 0.096rem;width: 100%;float: left;}
.bulletWrap{width: 200%;float: left;position: relative;}
.bullet .one{position: absolute;float: left;left: 50%;padding: 0.006rem 0.012rem;line-height: 0.012rem;font-size: 0.012rem;background-color: rgba(0, 0, 0, 0.5);border-radius: 0.024rem;}
.bullet .one .icon{float: left;}
.bullet .one .txt{float: left;color: rgba(255, 255, 255, 0.9);margin-left: 0.006rem;padding-left: 0.006rem;position: relative;}
.bullet .one .txt:before{position: absolute;left: 0;top: 0;content: "";display: block;height: 100%;border-left: 0.001rem solid rgba(255, 255, 255, 0.9);}
.bullet .one .orangeTxt{color: #d89a20;}
.arrowsBottom{width: 0.012rem;height: 0.00632rem;background-size: 0.19705rem 0.13737rem;background-image: url(../img/sprites.png);background-position: -0.17842rem -0.12537rem;display: inline-block;}
.headBack{width: 0.012rem;height: 0.02076rem;background-size: 0.20238rem 0.14108rem;background-image: url("../img/sprites.png");background-position: -0.18811rem -0.08789rem;display: inline-block;}
.homeHeadUser{width: 0.012rem;height: 0.013rem;background-size: 0.19705rem 0.13737rem;background-image: url("../img/sprites.png");background-position: -0.04168rem -0.09959rem;display: inline-block;}
.homeHeadEdit{width: 0.012rem;height: 0.012rem;background-size: 0.19705rem 0.13737rem;background-image: url("../img/sprites.png");background-position: -0.05526rem -0.09979rem;display: inline-block;}
.homeGameHall{width: 0.016rem;height: 0.01567rem;background-size: 0.20376rem 0.14204rem;background-image: url("../img/sprites.png");background-position: -0.16751rem -0.11233rem;display: inline-block;}
.homeFootService{width: 0.019rem;height: 0.02084rem;background-size: 0.19123rem 0.13331rem;background-image: url("../img/sprites.png");background-position: -0.15721rem -0.08305rem;display: inline-block;}
.memberHeadCap{width: 0.038rem;height: 0.03561rem;background-size: 0.18671rem 0.13016rem;background-image: url("../img/sprites.png");background-position: 0rem -0.09455rem;display: inline-block;}
.memberManage{width: 0.04rem;height: 0.04207rem;background-size: 0.18489rem 0.12889rem;background-image: url("../img/sprites.png");background-position: -0.11052rem 0rem;display: inline-block;}
.memberLock{width: 0.033rem;height: 0.03865rem;background-size: 0.18551rem 0.12932rem;background-image: url("../img/sprites.png");background-position: -0.15251rem 0rem;display: inline-block;}
.memberBettingRecord{width: 0.033rem;height: 0.03966rem;background-size: 0.18892rem 0.1317rem;background-image: url("../img/sprites.png");background-position: -0.15531rem -0.04087rem;display: inline-block;}
.memberBookEntry{width: 0.038rem;height: 0.04151rem;background-size: 0.1824rem 0.12715rem;background-image: url("../img/sprites.png");background-position: -0.10903rem -0.04297rem;display: inline-block;}
.memberNull{width: 0.109rem;height: 0.09212rem;background-size: 0.18483rem 0.12885rem;background-image: url("../img/sprites.png");background-position: 0rem 0rem;display: inline-block;}
.talkClock{width: 0.012rem;height: 0.012rem;background-size: 0.18551rem 0.12932rem;background-image: url("../img/sprites.png");background-position: -0.06381rem -0.09295rem;display: inline-block;}
.talkTrumpet{width: 0.014rem;height: 0.014rem;background-size: 0.19855rem 0.13841rem;background-image: url("../img/sprites.png");background-position: -0.18041rem -0.10945rem;display: inline-block;}