.i-b-pay b.dh {
    display: block;
    padding: 47px 28px 0px 25px;
    color: #ffffffcc;
    font-size: 25px;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
}

.i-b-pay2 b.dh {
    display: block;
    padding: 127px 28px 0px 25px;
    color: #ffffffcc;
    font-size: 25px;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
}

.i-b-pay b.hd { 
    border-right: 20px solid #fbd4a9;
   
}

.i-b-pay2 b.hd {  
    border-right: 20px solid #fa9d3b;
   
}



.i-b-pay b.horizontal-line { 
    background: #ffe2c1;
   
}

.i-b-pay2 b.horizontal-line {  
    background: #ffbd78;
   
}

.i-b-rec-text b.hd {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 20px solid transparent;
    left: -24px;
    top: 27px;
    background: none;
    margin-left: 40px;
}

.i-b-sen-text b.hd {
 position: absolute;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 20px solid transparent;
    top: 27px;
    background: none;
    margin-right: 40px;
    right: -25px;
    -webkit-transform: scaleX(-1);
}

.i-b-rec-text b.horizontal-line {
   position: absolute;
   left: 52px;
   right: 135px;
   height: 1px;
   margin: 128px 0;
}

.i-b-sen-text b.horizontal-line {
    position: absolute;
    left: 134px;
    right: 45px;
    height: 1px;
    margin: 128px 0;
}
.phone-bottom {
    background: #f5f5f5;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99999;
}
.phone-bottom-chat {
    border-top: 1px solid #dddddd;
    height: 77px;
}
.wechat-bottom {
    display: flex;
    align-items: center;
    height: 177%;
}
.wechat-voice-icon {
width: 80px !important;
    height: 103px !important;
    background: url(../images/wechat-bottom-icon1.png) no-repeat;
    margin-left: 11px;
        background-repeat: no-repeat;
transform: scale(0.75);
        z-index: 99999;
}

.wechat-voice-iconn {

    margin-left: 32px;
        background-repeat: no-repeat;
    background-size: 100% auto;  /* 必须加：按容器大小显示，不会被拉伸变形 */
}

.wechat-input {
    height: 71px;
    background: #fff;
    border-radius: 10px;
    flex: 1;
    text-indent: -9999px;
    margin: 0 5px 21px 10px;
}
.wechat-emoji-icon {
    margin-left: 3px;
    background-repeat: no-repeat;
transform: scale(0.75);
    background: url(../images/wechat-bottom-icon2.png) no-repeat;
    width: 83px !important;
    height: 117px !important;
}

.wechat-more-icon {
transform: scale(0.75);
    width: 80px !important;
    height: 117px !important;
    background: url(../images/wechat-bottom-icon3.png) no-repeat;
    margin: 0 13px 0px 3px;
}
.wechat-bottom-icon {
    width: 80px !important;
    height: 80px !important;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
}

.phone-bottom-bar {
    height: 102px;
    display: flex;
    justify-content: center;
}
.phone-bottom-bar i {
    width: 414px;
    height: 15px;
    background: url(../images/phone-bottom-bar.png) no-repeat;
        transform: scale(0.75);
    margin-top: 75px;
    text-indent: -9999px;
}
.iphone-nodel .msg-del {
	display:None
}
.i-body {
   overflow-y: scroll;
	top: 177px;
    bottom: 180px;
}
.i-body::-webkit-scrollbar {
	display:none;
}
.slider_bar_height {
	background-color:#999;
}
.slider_bar_width {
	background-color:#999;
}
.i-top {
	z-index:99999;
}
.i-nav {
	color:#181818;
}
.i-nav {
	font-size:38px;
    font-weight: 400;
}

.i-b-rec-text div.i-b-pay2 span,.i-b-sen-text div.i-b-pay2 span {
	background:url(../images/i-pay-send-2.png) no-repeat left;
	background-size:100%;
	width:429px;
	height:162px;
	border:none;	
	background: #fa9d3b;
    width: 502px;
    height: 182px;
    margin-left: 27px;
}
.i-b-sen-text .i-b-pay2 span.i-pay-send {
	background:url(../images/i-pay-rec-2.png) no-repeat 100%;
	background-size:100%;
	background: #fa9d3b;
    width: 502px;
    height: 182px;
    margin-left: 27px;
}
.i-b-sen-text .i-b-pay2 span.i-pay-rec {
	background:url(../images/i-pay-rec-2.png) no-repeat 100%;
	background-size:100%;
	background: #fa9d3b;
    width: 502px;
    height: 182px;
    margin-left: 27px;
}
.i-b-rec-text div.i-b-pay2 span em,.i-b-sen-text div.i-b-pay2 span em {
	position:absolute;
	color:#fff;
	margin:5px;
	padding-left:121px;
	-webkit-text-stroke: 1px;
}
.i-b-sen-text div.i-b-pay2 span.i-pay-send em,.i-b-sen-text div.i-b-pay2 span.i-pay-rec em {
	margin-left:88px;
	padding-left:35px;
	
}
.i-b-rec-text div.i-b-pay2 span i,.i-b-sen-text div.i-b-pay2 span i {
     background-size: contain !important; 
    /* 2. 让图标在垂直方向居中，水平靠左 */
    background-position: left center !important; 
    background-repeat: no-repeat;
    
width: 271px;
    height: 103px;
 background-image: url("data:image/svg+xml;utf8,<svg width='130' height='130' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg' class='-ml-1 flex-shrink-0'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM20.8 12C20.8 16.8601 16.8601 20.8 12 20.8C7.13989 20.8 3.2 16.8601 3.2 12C3.2 7.13989 7.13989 3.2 12 3.2C16.8601 3.2 20.8 7.13989 20.8 12ZM9.7899 9.92367H17V11.1237H9L7.54588 11.1237C7.26974 11.1237 7.04588 10.8998 7.04588 10.6237C7.04588 10.4757 7.11143 10.3353 7.2249 10.2403L10.3863 7.59332C10.5557 7.4515 10.808 7.47384 10.9498 7.64322C11.0632 7.77865 11.0743 7.97241 10.9772 8.11994L9.7899 9.92367ZM7.04588 14.08H14.256L13.0687 15.8837C12.9716 16.0313 12.9827 16.225 13.0961 16.3605C13.2379 16.5298 13.4902 16.5522 13.6596 16.4104L16.821 13.7634C16.9344 13.6684 17 13.528 17 13.38C17 13.1039 16.7761 12.88 16.5 12.88H15.0459H7.04588V14.08Z'></path></svg>");
left: 14px;
    top: 11px;
}

.i-b-sen-text div.i-b-pay2 span.i-pay-send i,.i-b-sen-text div.i-b-pay2 span.i-pay-rec i {
	left: 14px;
}
.i-b-sen-text div span {
	background:#95ec69;
	border-color:#95ec69;
	float:right;
	margin-left:0;
	margin-right:24px;
}
.i-b-rec-text div span em,.i-b-sen-text div span em {
	font-style:normal;
	line-height: normal !important;
	padding: 15px 22px 22px 23px;
	display:block;
	word-wrap:break-word;
	word-break:break-all;
}
.i-b-sen-text .i-b-pay2 .i-b-nick2,.i-b-sen-text .i-pay-rec .i-b-nick2 {
	display:block;
	position:absolute;
	z-index:100;
	top: 58px;
	color:#fff;
	font-size: 30px;
	width: 461px;
	right:0;
	left:auto;
	text-align:left;
	overflow:hidden;
	padding-left:58px;
}
.i-b-rec-text .i-b-pay2 .i-b-nick2,.i-b-rec-text .i-pay-rec .i-b-nick2 {
	display:block;
	position:absolute;
	z-index:100;
	left:154px;
	top: 58px;
	color:#fff;
	font-size: 30px;
}

.i-b-sen-text .i-b-pay .i-b-nick22,.i-b-sen-text .i-pay-rec .i-b-nick2 {
	display:block;
	position:absolute;
	z-index:100;
	top: 58px;
	color:#fff;
	font-size: 30px;
	width: 463px;
	right:0;
	left:auto;
	text-align:left;
	overflow:hidden;
	padding-left:58px;
}
.i-b-rec-text .i-b-pay .i-b-nick22,.i-b-rec-text .i-pay-rec .i-b-nick2 {
	display:block;
	position:absolute;
	z-index:100;
	left:121px;
	top: 58px;
	color:#fff;
	font-size:30px;
}

.i-pay-rec .i-b-nick2 {
	left:97px;
	top:61px;
}
.i-b-pay2 p.i-b-nick2 {
	padding-left:0;
}
.i-b-sen-text img,.i-b-rec-text img {
	border-radius:10px;
}
.wx_pic_diy img {
	border-radius:5px;
}
.i-b-rec-text div.i-b-voice em,.i-b-sen-text div.i-b-voice em {
   right: 88px;
    left: auto;
    position: absolute;
    top: 0;
    color: #000;
}
.i-b-sen-text div.i-b-voice em {
	text-align:inherit;
}
.i-b-sen-text div.i-b-voice em {
   right: 71px;
    left: auto;
    position: absolute;
}
.bg-body .wx-img-box {
	display:none;
}
.i-n-count {
	left:63px;
	display:inline-block;
	padding:2px 13px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	white-space:nowrap;
	vertical-align:baseline;
	background-color:#d5d5d5;
}
.i-n-count {
	border-radius:24px;
	height:48px;
	min-width:48px;
	line-height:48px;
	top:15px;
	color:#181818;
}
.iphone {
	width: 828px;
    height: 1792px;
}
.i-top {
    width: 100%;
 border-bottom: 1px solid #dddddd;
background-color: #ebebeb;
	height: 177px;
    
}

.i-top-div {
	position: relative;
    height: 104px;
    background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
    padding-top: 28px;
    
}
.i-nav {
	border: none;
    top: 20px;
}
.i-n-count {
	top:23px;
}
.i-top-elm {
	margin-right:0px;
}
.i-signal {
	width:33px;
	height:20px;
	background:url(../images/phone-signal2.png) no-repeat;
	background-size: contain;
	margin-top:10px;

}
.i-signal {
    width: 38px;
    height: 25px;
    background: url(../images/phone-signal5.png) no-repeat;
    background-size: contain;
    margin-top: 10px;
    margin-right: 8px;
}
.i-signal1 {
    background-size: contain !important;
	background:url(../images/phone-signal1.png) no-repeat;
}
.i-signal2 {
    background-size: contain !important;
	background:url(../images/phone-signal2.png) no-repeat;
}
.i-signal3 {
    background-size: contain !important;
	background:url(../images/phone-signal3.png) no-repeat;
}
.i-signal4 {
    background-size: contain !important;
	background:url(../images/phone-signal4.png) no-repeat;
}
.i-signal5 {
    background-size: contain !important;
	background:url(../images/phone-signal4.png) no-repeat;
}
.i-carrier {
	width:92px;
	height:23px;
	background:url(../images/cnyd.png) no-repeat;
	margin-top:10px;
	margin-left:12px;
}
.i-c-yd {
	background:url(../images/cnyd.png) no-repeat;
}
.i-c-lt {
	background:url(../images/cnlt.png) no-repeat;
}
.i-c-dx {
	background:url(../images/cndx.png) no-repeat;
}
.i-network {
	width:33px;
	height:24px;
	background:url(../images/nw-wifi.png) no-repeat;
	margin-top:10px;
	margin-right: 5px;
}
.i-n-wifi {
width: 50px;
    height: 33px;
    background-size: contain !important;
    margin-top: 7px;
	background:url(../images/phone-nw-wifi.png) no-repeat;
}
.i-n-4g {
	background:url(../images/nw-4g.png) no-repeat;
	margin-right: 11px;
}
.i-n-5g {
	background:url(../images/nw-5g.png) no-repeat;
	margin-right: 11px;
}
.i-b-rec-text,.i-b-sen-text {
	margin:26px 25px 0 25px;
}
.i-b-rec-text div span {
	background:#fff;
	margin-left:18px;
}
.i-b-sen-text div span {
	background:#95ec69;
	margin-left:0;
	margin-right:25px;
}
.i-bottom-wechat {
	height: 180px;
	z-index:100;
	background:url(../images/wxdh-bottom.png) no-repeat;
}
.i-b-rec-text div.redpacket,.i-b-sen-text div.redpacket {
	display:inline-block;
	margin-left:82px;
	vertical-align:top;
}
.i-b-sen-text div.redpacket {
	float:right;
	margin-left:0px;
	margin-right:24px;
}
.i-b-rec-text div.redpacket i.arraw,.i-b-sen-text div.redpacket i.arraw {
	position:absolute;
	width:14px;
	height:24px;
	left:-12px;
	top:28px;
	background:url(../images/chat_arraw_orange.png) no-repeat;
	background-size:100%;
}
.i-b-sen-text div.redpacket i.arraw {
	left:auto;
	right:-13px;
	-webkit-transform:scaleX(-1);
}
.i-b-rec-text .main,.i-b-sen-text .main {
	display:block;
	height:142px;
	border-radius: 10px;
	border:1px solid rgba(0,0,0,0.0);
	border-bottom:0;
	background:#ff9808;
}
.i-b-rec-text .clear-div,.i-b-sen-text .clear-div {
	margin:0;
	position:inherit;
	clear:both;
}
.i-b-rec-text .content,.i-b-sen-text .content {
	display:block;
	position:relative;
	width:416px;
	margin-left:30px;
}
.i-b-rec-text .redpacket .main .icon,.i-b-sen-text .redpacket .main .icon {
	float:left;
	position:static;
	margin:31px 0 0 25px;
	width:71px;
	height:83px;
	background:url(../images/i-redpacket-icon@3x.png) no-repeat;
	background-size:100%;
}
.i-b-rec-text .main > h3,.i-b-sen-text .main > h3,.i-b-rec-text .main > h4,.i-b-sen-text .main > h4 {
	float:left;
	margin:33px 15px 0;
	font-size:26px;
	color:#fff;
	font-weight:normal;
}
.i-b-rec-text .main > h4,.i-b-sen-text .main > h4 {
	width:60%;
	margin-top:12px;
	font-size:30px;
}
.i-b-rec-text .redpacket .main > h3,.i-b-sen-text .redpacket .main > h3,.i-b-rec-text .redpacket .main > h4,.i-b-sen-text .redpacket .main > h4 {
	float:left;
	margin:36px 20px 0;
	font-size:26px;
	color:#fff;
	font-weight:normal;
	width:280px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.i-b-rec-text .redpacket .main > h4,.i-b-sen-text .redpacket .main > h4 {
	width:60%;
	margin-top:17px;
}
.i-b-rec-text .foot,.i-b-sen-text .foot {

}
.i-b-rec-text .foot h3,.i-b-sen-text .foot h3 {
	float:left;
	font-size:24px;
	margin: 33px 0px 0px 30px;
	color:#ffffff;
	font-weight:normal;
}
.i-b-time > span .orange {
	color:#FA9D3B;
}
.i-b-time > span .icon_redpacket {
	display:inline-block;
	height:34px;
	vertical-align:center;
}
.i-top-time,.i-top-berry-num {
	position: static;
    margin-left: 0px;
    color: #000;
    line-height: 43px;
    text-align: right;
    font-size: 30px;
    font-weight: bold;
}
.i-top-dir {
	background:url(../images/i-top-dir.png) no-repeat;
}
.i-top-berry,.i-top-berry2 {
	width: 53px;
    height: 25px;
	margin-top: 9px;
    margin-right: 34px;
    background-size: contain !important;
	background:url(../images/i-top-berry1.png) no-repeat;
	position:relative;
}
.i-top-berry2 {
	background:url(../images/i-top-berry2.png) right 0 no-repeat;
	width:95px;
}
.i-top-berry i em {
	width:50%;
	background:#000;
	height:100%;
	display:block;
	border-radius: 4px;
}
.i-b-rec-text div.i-b-voice b,.i-b-sen-text div.i-b-voice b {
	background:url(../images/rec-record.png) no-repeat;
}
.i-b-sen-text div.i-b-voice b {
	background:url(../images/sen-record.png) no-repeat;
}
.i-b-rec-text div.i-b-pay span i,.i-b-sen-text div.i-b-pay span i {
background-size: contain !important; 
    /* 2. 让图标在垂直方向居中，水平靠左 */
    background-position: left center !important; 
    background-repeat: no-repeat;
    
width: 271px;
    height: 103px;
 background-image: url('data:image/svg+xml;utf8,<svg width="130" height="130" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" class="-ml-1 flex-shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20.8C16.8601 20.8 20.8 16.8601 20.8 12C20.8 7.13989 16.8601 3.2 12 3.2C7.13989 3.2 3.2 7.13989 3.2 12C3.2 16.8601 7.13989 20.8 12 20.8ZM16.6368 8.75L10.8284 14.5583L7.84853 11.5784L7 12.427L10.1213 15.5483C10.5118 15.9388 11.145 15.9388 11.5355 15.5483L17.4853 9.59853L16.6368 8.75Z"></path></svg>');

left: 14px;
    top: 11px;
}
.i-b-rec-text div.i-b-pay span {
	background:#fbd4a9;
    width: 502px;
    height: 182px;
	margin-left: 27px;
}

.i-b-sen-text div.i-b-pay span {
	background:#fbd4a9;
    width: 502px;
    height: 182px;
	margin-left: 27px;
}

.i-b-rec-text div.i-b-pay span em,.i-b-sen-text div.i-b-pay span em {
	margin:0 0 0 134px;
	margin-left: 92px;
	padding:19px 20px 20px 32px;
	-webkit-text-stroke: 1px;
}


.i-b-sen-text div.i-b-pay span.i-pay-send em,.i-b-sen-text div.i-b-pay span.i-pay-rec em {
	margin-left:90px;

}
.i-b-rec-text .redpacket .content,.i-b-sen-text .redpacket .content {
	width:514px;
}
.i-b-rec-text .redpacket .main,.i-b-sen-text .redpacket .main {
	height:182px;
}
.i-b-rec-text .redpacket .main .icon,.i-b-sen-text .redpacket .main .icon {
	margin:24px 0 0 27px;
}
.i-b-rec-text .redpacket .main > h3,.i-b-sen-text .redpacket .main > h3,.i-b-rec-text .redpacket .main > h4,.i-b-sen-text .redpacket .main > h4 {
	font-size:34px;
	margin:41px 27px 0;
	width:358px;
}
.i-b-time span {
	background:none;
	color:#a5a5a5;
}
.a-u-pic-pic {
	width:80px;
	height:80px;
	background:url(../images/add-pic-pic.png) no-repeat;
	background-size:100%;
	cursor:pointer;
}
.a-u-pic-show-pic {
	position:relative;
	background:#fff;
}
.a-u-pic-show-pic img {
	width:80px;
	height:80px;
	vertical-align:top;
}
.a-u-pic-show-pic input {
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	left:0;
	z-index:99999999;
	cursor:pointer;
	opacity:0;
}
.a-u-pic-show-pic p {
	position:absolute;
	margin:0;
	width:200px;
	top:90px;
	font-size:12px;
	color:#f00;
}
h6.wx_pic_pos {
	width:209px;
	position:absolute;
	top:0px;
	left:0;
	z-index:999;
	margin:0;
	padding:0;
}
h6.wx_pic_pos2 {
	width:209px;
	position:absolute;
	top:0px;
	left:-2px;
	z-index:999;
	background:url(../images/wx_pic_box2.png) no-repeat;
	margin:0;
	padding:0;
}
span.wx_pic_diy img {
	background:#fff none repeat scroll 0 0;
	height:auto;
	left:0;
	position:absolute;
	top:0;
	width:209px;
	max-width:auto;
}
span.wx_pic_diy {
	width:209px;
	position:relative;
	border:none;
	background:none;
}
.i-b-sen-text div span.wx_pic_diy {
	border:none;
	background:none;
}
.i-b-rec-text div span,.i-b-sen-text div span {
	max-width:571px;
}
.modal-dialog {
	z-index:2048;
}
#bglist li {
	list-style:none;
	float:left;
	margin:5px;
}
#bglist li img {
	height:200px;
}
.i-b-time>span .orange {
	color:#FA9D3B !important;
}
@media (max-width:1025px) {
	.panel-wx-tab {
	margin-top: 650px;
}
}