@charset "utf-8";
/* CSS Document */

html,body,p{ margin:0; padding:0;}
.page{ font-family:"Microsoft YaHei"; width:100%; max-width:1920px; margin:0 auto; background:url(../images/comment_bg01.jpg) center top no-repeat; padding-bottom:50px; font-size:14px; line-height:24px;}
.page img{ max-width:100%; display:block;}

.p_box1{ width:55%; margin:0 auto; overflow:hidden; padding:1% 0;}

.p_box2{ width:80%; margin:0 auto; background:#fff; padding:30px 2%; position:relative;}
.btn_com{ width:2.97619%; top:30px; right:100%; position:absolute;}
.btn_com>div{ cursor:pointer; width:100%; margin-bottom:10px;}
.btn_com>div.btn01{ background:url(../images/comment_qhbtn01.png) no-repeat; background-size:100%;}
.btn_com>div.btn02{ background:url(../images/comment_qhbtn02.png) no-repeat; background-size:100%;}
.btn_com>div.btn01.on{ background:url(../images/comment_qhbtn01_on.png) no-repeat; background-size:100%;}
.btn_com>div.btn02.on{ background:url(../images/comment_qhbtn02_on.png) no-repeat; background-size:100%;}
.btn_com>div.icon_ts{ position:absolute; width:140.43%; top:-14%; left:21.28%; cursor:default;
	-o-animation:fade 1s infinite linear;
	-moz-animation:fade 1s infinite linear;
	-webkit-animation:fade 1s infinite linear;
	animation:fade 1s infinite linear;
}

@keyframes fade{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.2;}}
@-moz-keyframes fade{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.2;}}
@-webkit-keyframes fade{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.2;}}
@-o-keyframes fade{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.2;}}

.p_box3{ overflow:hidden; position:relative;}
.p_picbox{ float:left; position:relative; width:65%;}
.p_pic{ position:absolute; left:0; top:0; box-sizing:border-box; border:solid 1px #adadad;}
.p_txtbox{ float:right; width:33%; box-sizing:border-box; border:solid 1px #adadad; position:relative; }
.p_tbox{ width:90%; margin:0 auto; padding:5%; display:none;}
.p_tbox2{ width:90%; margin:0 auto; padding:0 5% 5%; }
.p_tit{ font-size:22px;}
.p_tit span{ display:inline-block; width:11px; height:11px; border:solid 3px #ff6d6d; margin-right:0.5em;}
.p_text{ margin:0.5em 0 0 0; color:#6c6c6c; max-height:144px; overflow-x:hidden; overflow-y:auto;}
.p_text2{ margin:0.5em 0 0 0; color:#6c6c6c; }
.p_tbox.on{ display:block;}
.p_tbox2.on{ padding-top:5%;}
.p_tbox2.on .p_text2{ max-height:auto; margin-top:5%;}
.p_author{ display:block; position:absolute; left:0; bottom:0; width:96%; padding:0.5em 2%; background:url(../images/comment_author_bg.png); color:#fff;}
.p_author .p_ym{ float:right;}

.p_login{ background:#e5e5e5; padding:3% 5% 3% 10%; margin-top:15px; width:85%; font-size:16px; line-height:24px; color:#636363; font-weight:normal;}
.p_login img{ display:inline-block; margin-right:0.5em;}
.p_login a{ color:#5abce1;}

.txt{width:100%;margin: 0 auto;border: 1px solid #cccccc;height:48px;margin-top:15px; }
#comment{ width:100%; height:100%; background:0 none; border:0 none; font-size:14px; color:#292929;}
.tj{ float:right;}
.p_more{ text-align:center; cursor:pointer; background:#f7f7f7; margin-top:15px; padding:3px 10px;}

.p_tbox2 div.p_text2 span.avater{ color:#1253EB;}


.p_btnbox{ overflow:hidden; position:relative; margin-top:2%; display:none;}
.p_btnbox1{ display:block;}
.p_btn_ulbox{ margin:0 auto; overflow:hidden;}
.p_btnul{ width:99999px; overflow:hidden;}
.p_btnul>li{ float:left; width:108px; padding:6px; border:solid 3px #fff; cursor:pointer; margin-right:14px; position:relative;}
.p_btnul>li>span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.p_btnul>li.on{ border:solid 3px #52c2f4;}
.p_btnul>li.on span{ display:none;}
.p_btnul>li:hover{ border:solid 3px #52c2f4;}
.p_btnul>li:hover span{ display:none;}

.p_btnLeft{ position:absolute; left:0; top:20px; width:24px; height:52px; background:url(../images/comment_btnbg.png); cursor:pointer; z-index:99;}
.p_btnLeft:hover{ background-position:0 -52px;}
.p_btnRight{ position:absolute; right:0; top:20px; width:24px; height:52px; background:url(../images/comment_btnbg.png) -24px 0; cursor:pointer; z-index:99;}
.p_btnRight:hover{ background-position:-24px -52px;}

.p_btnLeft1{ position:absolute; left:3%; top:50%; width:50px; height:50px; margin-top:-25px; background:url(../images/comment_btnbg02.png) 0 -100%; background-size:200%; cursor:pointer; z-index:99;}
.p_btnLeft1:hover{ background-position:0 0;}
.p_btnRight1{ position:absolute; right:3%; top:50%; width:50px; height:50px; margin-top:-25px; background:url(../images/comment_btnbg02.png) -100% -100%; background-size:200%; cursor:pointer; z-index:99;}
.p_btnRight1:hover{ background-position:-100% 0;}



@media screen and (max-width:1400px){
.p_login{ padding:3% 5% 3% 8%; width:87%; font-size:14px;}
	}
@media screen and (max-width:1300px){
.p_login{ padding:3% 0 3% 5%; width:95%; font-size:14px;}
	}

@media screen and (max-width:1200px){
	.page{ width:1200px; }
	}

@media screen and (max-width:960px){
	.w960{ width:98%; margin:0 auto;}
	
	}

@media screen and (max-width:560px){
	.page{ width:100%; }
	.p_box1{ width:100%; padding:3% 0;}
	
.p_f1{ float:none; margin:0 auto; width:84%;}
.p_f1 img{ width:60%;}
.p_f2{ float:none; margin:1em auto 0; width:84%;}
.p_f2>span{ display:block; float:left; width:32px; padding:4px 9px; margin-right:20px; font-size:16px; line-height:20px; background:#ff6d6d;}

.p_box2{ width:80%; margin:0 auto; background:#fff; padding:2%; overflow:hidden;}
.p_box3{ overflow:hidden;}
.p_pic{ float:none; width:100%;}
.p_txtbox{ float:none; width:100%; box-sizing:border-box; border:solid 1px #adadad; border-top:0; }
.p_tbox{ width:70%; margin:0 auto; padding:5%; }
.p_tbox img{ width:80%; margin:0 auto; }
	
	}