a {
	text-decoration: none;
}
img {
	max-width: 100%;
}
.bc {
	color: rgb(49, 126, 203);
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;
}
.top {
	padding: 5px; overflow: hidden;
}
.top .img {
	width: 20%; float: left;
}
.top .r_text {
	width: 77%; line-height: 26px; padding-left: 2%; font-size: 16px; float: left;
}
.top .r_text strong {
	font-size: 20px;
}
.wrap {
	margin: 0px auto; width: 100%;
}
.bgmod {
	background: rgb(255, 255, 255); margin: 15px 10px 0px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none;
}
.bgmod .nrcon {
	padding: 10px;
}
.font20 {
	font-size: 20px;
}
.font18 {
	font-size: 18px;
}
.font16 {
	text-indent: 2em; font-size: 16px; margin-top: 10px;
}
.font14 {
	font-size: 14px;
}
.bgmod h2 {
	background: rgb(237, 237, 237); padding: 5px 10px; line-height: 24px; font-size: 18px;
}
.bgmod h3 {
	background: rgb(244, 63, 155); padding: 5px 10px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 18px;
}
.bgmod h4 {
	background: rgb(255, 0, 0); text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 20px;
}
.tips {
	padding: 10px; color: rgb(120, 113, 33); font-size: 14px; margin-top: 10px; -ms-word-break: break-all;
}
.tips strong {
	background: rgb(255, 0, 0); color: rgb(255, 255, 255); font-size: 18px;
}
.tips p {
	text-indent: 2em; margin-top: 10px;
}
.ring {
	margin-top: 10px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted;
}
.detaillist {
	margin: 20px 5px 0px; text-align: left;
}
.detaillist .detail {
	line-height: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; min-height: 40px;
}
.detaillist .detail .title {
	padding: 6px 10px; color: rgb(153, 153, 153); line-height: 24px; font-size: 14px; position: relative;
}
.detaillist .detail .title span {
	line-height: 24px; font-size: 12px; margin-left: 5px; display: inline-block;
}
.detaillist .detail .title .arr {
	background: rgb(170, 170, 170); padding: 0px 8px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 14px;
}
.detaillist .detail .title .louzhu {
	background: rgb(51, 131, 225);
}
.detaillist .detail .content_box .content {
	padding: 0px 10px; color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; display: block; -ms-word-break: break-all;
}
.detaillist .detail .content_box .content .quote_reply {
	background: rgb(242, 242, 242); margin: 0px 0px 10px; padding: 10px; border-radius: 3px; border: 1px solid rgb(231, 231, 231); border-image: none; line-height: 24px; font-size: 14px;
}
.detaillist .detail .content_box .content .quote_reply span {
	color: rgb(153, 153, 153); margin-bottom: 5px; display: inline-block;
}
.detaillist .detail .content_box small {
	margin: 8px 0px 8px 10px; height: 20px; color: rgb(153, 153, 153); line-height: 20px;
}
.detaillist .detail .content_box span {
	line-height: 22px;
}
.detaillist .detail .content_box span a {
	text-align: center; color: rgb(51, 96, 166); line-height: 22px; display: inline-block;
}
.detaillist .detail .content_box span a i {
	margin: 0px 5px 0px 0px; top: 4px; width: 15px; height: 15px; display: inline-block; position: relative;
}
.detaillist .detail .content_box span a .huifu {
	background-position: -40px -20px;
}
.detaillist .detail .content_box .post_handle {
	padding: 0px 10px 15px;
}
.detaillist .detail .content_box .post_handle .child_col {
	width: 48%; display: block; -moz-box-flex: 1; -webkit-box-flex: 1;
}
.detaillist .detail .content_box .post_handle .reply {
	border-radius: 4px; height: 43px; text-align: center; line-height: 43px; font-size: 20px; display: block;
}
.detaillist .detail .content_box .post_handle .praise {
	border-radius: 4px; height: 43px; text-align: center; line-height: 43px; font-size: 20px; display: block;
}
.detaillist .detail .content_box .post_handle .reply i {
	top: 2px; width: 21px; height: 18px; margin-right: 5px; display: inline-block; position: relative;
}
.detaillist .detail .content_box .post_handle .praise i {
	top: 2px; width: 21px; height: 18px; margin-right: 5px; display: inline-block; position: relative;
}
.detaillist .detail .content_box .post_handle .reply {
	border: 1px solid rgb(191, 223, 255); border-image: none; color: rgb(57, 140, 224); background-color: rgb(240, 248, 255);
}
.detaillist .detail .content_box .post_handle .reply .lz_huifu {
	background-position: 0px -695px;
}
.detaillist .detail .content_box .post_handle .praise {
	border: 1px solid rgb(255, 191, 191); border-image: none; color: rgb(241, 71, 74); background-color: rgb(255, 236, 236);
}
.detaillist .detail .content_box .post_handle .praise .lz_zang {
	background-position: -40px -695px;
}
.reply_box {
	color: rgb(0, 0, 0); font-family: STHeiti Light; margin-bottom: 10px;
}
.quote {
	padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; position: relative; background-color: rgb(238, 238, 238); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
}
.arrow {
	background: url("img/arrow.png") no-repeat; left: 6%; width: 24px; height: 13px; bottom: -13px; position: absolute;
}
.quote p {
	font-size: 14px;
}
.quote p.info {
	color: rgb(102, 102, 102);
}
.quote .nickname {
	color: rgb(102, 102, 102);
}
.tc {
	background: rgb(240, 240, 240); border-radius: 10px; left: 50%; top: 50%; width: 330px; height: 290px; margin-top: -130px; margin-left: -163px; display: none; position: fixed; z-index: 1000;
}
.tc p {
	text-align: center; line-height: 40px; font-family: microsoft yahei; font-size: 22px;
}
.tc .close {
	background: url("../js/close.png"); top: 0px; width: 48px; height: 48px; right: 0px; position: absolute; cursor: pointer;
}

 .bottom_float{ position: fixed; bottom: -4px; z-index: 1000000;}
    .bottom_float .audio_bottom{ width: 30%; height:50%; position: absolute; left: 23%; top: 10%; }
    .bottom_float .audio_bottom .bottom_voice{ width: 16%; left: 10%; top: 20%;position: absolute;}
    .bottom_float .audio_bottom span{ left: 35%; top:24%; position: absolute;font-size: 18px}
    .bottom_float .audio_bottom em{ 
      width: .4rem; height: .4rem; border-radius: 50%; background: #ff3d6d; display: inline-block; position: absolute; right: 1rem; top: .6rem; 
      animation: shake .5s ease infinite alternate; -webkit-animation: shake .5s ease infinite alternate; -moz-animation: shake .5s ease infinite alternate; -ms-animation: shake .5s ease infinite alternate; -o-animation: shake .5s ease infinite alternate;
    }
    .bottom_float .bottom_btn{ width: 24%; position: absolute; right: 2%; top: 30%; animation: big 2.4s ease infinite alternate; -webkit-animation: big 2.4s ease infinite alternate; -moz-animation: big 2.4s ease infinite alternate; -ms-animation: big 2.4s ease infinite alternate; -o-animation: big 2.4s ease infinite alternate;}
    .bottom_float .bottom_btn img{width: 100%}

    @keyframes shake{
      0%{ opacity: 1; }
      100%{ opacity: .1; }
    }
    @-webkit-keyframes shake{
      0%{ opacity: 1; }
      100%{ opacity: .1; }
    }
    @-moz-keyframes shake{
      0%{ opacity: 1; }
      100%{ opacity: .1; }
    }
    @-ms-keyframes shake{
      0%{ opacity: 1; }
      100%{ opacity: .1; }
    }
    @-o-keyframes shake{
      0%{ opacity: 1; }
      100%{ opacity: .1; }
    }

    .qq_Mask{ position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 1000000000; display: none; max-width: 640px;}
    .qq_Mask img{ width: 100%}
    .qq_Mask .Mask_txt{ position: absolute; /*left: 8rem;*/ bottom: 17%; left:0; width: 100%;font-size: 44px;font-weight: bold;color:red;text-align: center;z-index: 9999999999999999999999999999999999999999}
    .qq_Mask .Mask_txt h3{ font-weight: bold; margin-bottom: .6rem; }
    .qq_Mask .close_Mask{ width: 8%; padding-top: 8%; position: absolute; right: 0%; top: 44%; }
    .pr{position: relative;position: absolute; left: 50%; top: 6rem; width: 86%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
  @keyframes moveleft{ 
      0%{ right: -100%;opacity: 0;}
      100%{ right: 0%;opacity: 1;}
    }
    @-webkit-keyframes moveleft{ 
      0%{ right: -100%;opacity: 0;}
      100%{ right: 0%;opacity: 1;}
    }
    @-moz-keyframes moveleft{ 
      0%{ right: -100%;opacity: 0;}
      100%{ right: 0%;opacity: 1;}
    }
    @-o-keyframes moveleft{ 
      0%{ right: -100%;opacity: 0;}
      100%{ right: 0%;opacity: 1;}
    }
    @-ms-keyframes moveleft{ 
      0%{ right: -100%;opacity: 0;}
      100%{ right: 0%;opacity: 1;}
    }


    @keyframes big{ 
      0%{ transform: scale(1);}
      18%{ transform: scale(1.1);}
      32%{ transform: scale(1);}
      48%{ transform: scale(1.1);}
      64%{ transform: scale(1);}
      80%{ transform: scale(1.1);}
      100%{ transform: scale(1);}
    }
    @-webkit-keyframes big{ 
      0%{ -webkit-transform: scale(1);}
      18%{ -webkit-transform: scale(1.1);}
      32%{ -webkit-transform: scale(1);}
      48%{ -webkit-transform: scale(1.1);}
      64%{ -webkit-transform: scale(1);}
      80%{ -webkit-transform: scale(1.1);}
      100%{ -webkit-transform: scale(1);}
    }
    @-moz-keyframes big{ 
      0%{ -moz-transform: scale(1);}
      18%{ -moz-transform: scale(1.1);}
      32%{ -moz-transform: scale(1);}
      48%{ -moz-transform: scale(1.1);}
      64%{ -moz-transform: scale(1);}
      80%{ -moz-transform: scale(1.1);}
      100%{ -moz-transform: scale(1);}
    }
    @-o-keyframes big{ 
      0%{ -o-transform: scale(1);}
      18%{ -o-transform: scale(1.1);}
      32%{ -o-transform: scale(1);}
      48%{ -o-transform: scale(1.1);}
      64%{ -o-transform: scale(1);}
      80%{ -o-transform: scale(1.1);}
      100%{ -o-transform: scale(1);}
    }
    @-ms-keyframes big{ 
      0%{ -ms-transform: scale(1);}
      18%{ -ms-transform: scale(1.1);}
      32%{ -ms-transform: scale(1);}
      48%{ -ms-transform: scale(1.1);}
      64%{ -ms-transform: scale(1);}
      80%{ -ms-transform: scale(1.1);}
      100%{ -ms-transform: scale(1);}
    }
    @media screen and (max-width: 768px){
      .qq_Mask .Mask_txt{
        font-size: 38px;
      }
    }
    @media screen and (max-width: 568px){
      .qq_Mask .Mask_txt{
        font-size: 32px;
      }
    }
    @media screen and (max-width: 368px){
      .qq_Mask .Mask_txt{
        font-size: 24px;
      }
    }