.center_log{



	font-size: 0.34rem;



	line-height: 0.88rem;



	margin: 0 auto;



}



.head_r{



	font-size: 0.26rem;



	position: absolute;



	right: 0.24rem;



	top: 0;



	line-height: 0.88rem;



}



.pe_right{



	width: 0.4rem;



	height: 0.4rem;



	vertical-align: middle;



	position: absolute;



	right: 0.24rem;



	top: 0.22rem;



}



.content{



	background: #ffffff;



}



.detail_content{



	background: #FFFFFF;



	padding: 0.3rem 0.4rem 0.4rem 0.4rem;



}



.detail_tit{



	font-size: 0.4rem;



	/*padding-bottom: 0.3rem;*/



}



.detail_user{



	margin-top: 0.1rem;



	margin-bottom: 0.4rem;



}



.user_head{



	width: 0.52rem;



	height: 0.52rem;



	border-radius: 50%;



}



.user_name{



	font-size: 0.32rem;



	line-height: 0.52rem;



	margin-left: 0.2rem;



}



.user_vip{



	width: 0.24rem;



	height: 0.24rem;



	margin-top: 0.18rem;



	margin-left: 0.1rem;



}



.user_time{



	font-size: 0.28rem;



	line-height: 0.52rem;



	color: #A09F9F;



}



.cont_mages p{



	font-size: 0.36rem;



	/*margin: 0.6rem 0;*/



	



}



.click_num{



	margin-left: 0.4rem;



}



.detail_btm i{



	font-size: 0.36rem;



	line-height: 0.36rem;



	margin-top: -0.02rem;



}



.detail_p{



	margin-top: 0.7rem;



}



.detail_img{



	width: 100%;



}



.detail_btm{



	font-size: 0.32rem;



	color: #A09F9F;



	margin-top: 0.4rem;



	line-height: 0.36rem;



	position: relative;



}



/*活动详情页已报名*/



.hd_bm{



    border-top: 0.2rem solid #f3f3f3;



    background: #ffffff;



    padding: 0.3rem 0.24rem 0.4rem 0.24rem;



}



.hd_bm .hd_details img{



	width: 0.36rem;



}



.bm_list{



	display: block;



	width: 20%;



	text-align: center;



	margin-bottom: 0.24rem;



}



.bm_head{



	width: 0.94rem;



	height: 0.94rem;



	border-radius: 50%;



}



.bm_user{



	font-size: 0.28rem;



	margin-top: 0.12rem;



}



.bm_v{



	width: 0.24rem;



	height: 0.24rem;



	display: inline-block;



	vertical-align: middle;



	margin-left: 5px;



}



.bm_more{



	text-align: center;



	margin-top: 0.2rem;



}



.bm_add{



	color: #156BAD;



	font-size: 0.32rem;



}



.bm_sjt{



	display: inline-block;



	width:0;



    height:0;



    border-right: 0.14rem solid transparent;



    border-left: 0.14rem solid transparent;



    border-top: 0.14rem solid #156BAD;



    position:relative;



    left: 5px;



}



/*活动详情页已报名结束*/



.zan_w{



	width: 2rem;



	margin-left: -1rem;



}



.sc_w{



	width: 2.4rem;



	margin-left: -1.2rem;



}



.sc_click{



	display: block;



	font-size: 0.28rem;



	padding: 0.2rem 0;



	color: #ffffff;



	background-color: rgba(0,0,0,0.5);



	border-radius: 5px;



	text-align: center;



	position: absolute;



	left: 50%;



	bottom: -0.2rem;



	display: none;



}



.pk_sc{



	display: block;



	font-size: 0.28rem;



	padding: 0.2rem 0;



	color: #ffffff;



	background-color: rgba(0,0,0,0.6);



	border-radius: 5px;



	text-align: center;



	position: absolute;



	left: 50%;



	bottom: 0.6rem;



	display: none;



}



.zan_click{



	display: block;



	font-size: 0.28rem;



	padding: 0.2rem 0;



	color: #ffffff;



	background-color: rgba(0,0,0,0.5);



	border-radius: 5px;



	text-align: center;



	position: absolute;



	left: 50%;



	bottom: -0.2rem;



	display: none;



}



.detail_l{



	margin-left: 0.1rem;



}



.click_after{



	color: #30a5dd;



}



.detail_banner{



	border-top: 0.2rem solid #f3f3f3;



	width: 100%;



	height: 2rem;



}







/*评论框*/



.jump_reply{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	z-index: 11;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0);



	display: none;



}



.comt{



	width: 100%;



	height: 100%;	



}



.jump_top{



	position: relative;



}



.review_btn {



	font-size: 14px;



	line-height: 30px;



	width: 50px;



	height: 30px;



	background: #30a5dd;



	color: #FFFFFF;



	border: none;



	border-radius: 5px;



}



.jump_txt{



	width: 100%;



	height: 100%;



}



.jump_btn{



	position:absolute;



	width:50px;



	margin-left: -50px;



	bottom: 0;



	right: 0;



	



}



.btn_box{



	margin-right: 70px;	



}



.btn_box_add{



	margin-right: 80px !important;	



}



.fhd_text{



	margin-right: 70px;	



}



.detail_review{



	padding: 10px 12px;



	background: #ffffff;



	border-top: 1px solid #e9e9e9;



}



.first_rytea{



	display: block;



	width: 100%;



	max-height: 72px;



	border: 1px solid #9FA0A0;



	border-radius: 15px;



	color: #3e3e3e;



	overflow: auto;



    font-size: 14px;



    height: 24px;



    line-height: 24px;



    padding: 2px 10px;



    outline: none;



}



.rytea{



	width: 100%;



	height: 0.4rem;



	line-height: 0.4rem;



	margin: 0 auto;



	border: 1px solid #efefef;



	font-size: 0.28rem;



	color: #c9c9c9;



	text-indent: 0.1rem;



	border-radius: 0.05rem;



}



/*二级评论框*/



.second_review{



	padding: 0.2rem 0;



	background: #ffffff;



	display: none;



}







[class*="icheck-"] > input:checked + label::after,



[class*="icheck-"] > input:checked + input[type="hidden"] + label::after {   



        top: -0.05rem;



    }



.review_chick{



	margin-top: 0.2rem;



	display: none;



}



.first_review_chick{



	margin-top: 10px;



	display: none;



}



.click_down{



	font-size: 0.28rem;



	line-height: 0.28rem;



}



.icheck-info {



    font-size: 0.3rem;



    line-height: 0.26rem;



    margin-left:0;



    color: #7D7D7D;



}







/*回复部分*/



.reply_box{



	border-top: 0.2rem solid #f3f3f3;



}



.rbox{



	background: #ffffff;



	padding: 0.2rem 0.4rem;



}



.fs_btn{



	width: 20px;



	height: 20px;



	position: absolute;



	margin-top: 5px;



	right: 10px;



}



.reply_top li{



	border-bottom: 0.2rem solid #f3f3f3;



}



.reply_hide li{



	margin-bottom: 0.2rem;



}



.reply_title{



	padding: 0.2rem;



	border: 1px solid #156bad;



	border-radius: 0.05rem;



	position: relative;



}



.reply_title span{



	font-size: 0.36rem;



	color: #156BAD;



	line-height: 0.36rem;



}



.reply_select{



	padding: 0 0.1rem;



	position: absolute;



	right: 0.12rem;



	top: 0.9rem;



	border: 1px solid #c2c2c2;



	border-radius: 0.05rem;



	background: #FFFFFF;



	display: none;



}



.sort_box{



	position: relative;



}



.sort_sj{



	width: 0.16rem;



	height: 0.09rem;



	position: absolute;



	top: -0.09rem;



	right: 0.14rem;



}



.reply_select p{



	font-size: 0.32rem;



	line-height: 0.65rem;



}



.reply_select .sort_active{



	color: #30a5dd;



}



.sort_zan{



	border-bottom: 1px solid #ebeaea;



}



/*一级回复*/



.reply_head{



	width: 0.52rem;



	height: 0.52rem;



	border-radius: 50%;



}



.reply_name{



	font-size: 0.32rem;



	line-height: 0.52rem;



	margin-left: 0.2rem;



}



.reply_vip{



	width: 0.26rem;



	height: 0.19rem;



	margin-top: 0.18rem;



	margin-left: 0.1rem;



}



.reply_integral{



	width: 0.99rem;



	height: 0.4rem;



	line-height: 0.43rem;



	text-align: center;



	font-size: 0.24rem;



	color: #f39800;



	border: 1px solid #f39800;



	border-radius: 0.05rem;



	margin-left: 0.2rem;



}



.zan{



	line-height: 0.52rem;



	text-align: center;



	color: #9FA0A0;



}



.zan_after{



	color: #30a5dd;



}



.zan_pointer{



	font-size: 0.36rem;



	line-height: 0.52rem;



	margin-top: -0.02rem;



}



.zan_num{



	font-size: 0.32rem;



	line-height: 0.52rem;



	margin-left: 0.15rem;



}



.reply_cont{



	margin-top: 0.1rem;



}



.reply_lfirst{



	margin-bottom: 0.2rem;



}



.rfirst_text{



	font-size: 0.32rem;



	color: #3f3f3f;



}



.rfirst_comment{



	font-size: 0.32rem;



	color: #9FA0A0;



	margin-top: 0.3rem;



	line-height: 0.32rem;



}



.button_reply span{



	margin-right: 0.24rem;



	color: #9FA0A0;



}



.button_reply img{



	width: 0.32rem;



	height: 0.32rem;



	margin-right: 0.1rem;



}



.second_reply{



	margin-top: 0.3rem;



	padding: 0.2rem;



	background: #f6f6f6;



	border: 1px solid #e9e9e9;



	border-radius: 3px;



	position: relative;



}



.second_reply:before{



    box-sizing: content-box;



    width: 0px;



    height: 0px;



    position: absolute;



    top: -16px;



    right:18px;



    padding:0;



    border-bottom:8px solid #f6f6f6;



    border-top:8px solid transparent;



    border-left:8px solid transparent;



    border-right:8px solid transparent;



    display: block;



    content:'';



    z-index: 12;



    }



.second_reply:after{



    box-sizing: content-box;



    width: 0px;



    height: 0px;



    position: absolute;



    top: -18px;



    right: 17px;



    padding:0;



    border-bottom:9px solid #e9e9e9;



    border-top:9px solid transparent;



    border-left:9px solid transparent;



    border-right:9px solid transparent;



    display: block;



    content:'';



    z-index:10



}



/*二级回复*/



.rsecond{



	padding: 0.16rem 0;



	border-bottom: 1px solid #efefef;



}



.rsecond:nth-of-type(1){



	padding-top: 0;



}



.rsecond:last-child{



	padding-bottom: 0;



	border-bottom: 0;



}



.sreply_head{



	width: 0.5rem;



	height: 0.5rem;



}



.sreply_name{



	display: inline-block;



	font-size: 0.32rem;



	line-height: 0.5rem;



	margin-left: 0.2rem;



}



.sreply_vip{



	width: 0.25rem;



	height: 0.19rem;



	margin-top: 0.18rem;



	margin-left: 0.1rem;



}



.rsec_cont{



	font-size: 0.32rem;



	margin: 0.2rem 0;	



}



.rsec_cont span{



	margin: 0 0.1rem;



}



.rsec_comment{



	font-size: 0.28rem;



	line-height: 0.28rem;



	color: #9FA0A0;



}



.button_rsec span{



	display: inline-block;



	font-size: 0.28rem;



	color: #9FA0A0;



}



/*分享指引*/



.share_way{



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background-color: rgba(0,0,0,0.5);



	z-index: 99999;



	display: none;



}



.share_way img{



	width: 6.02rem;



	height: 5.74rem;



	position: absolute;



	top: 0;



	right: 24px;



}



/*底部分享*/



.noscroll,



.noscroll body {



	height: 100%;



    overflow: hidden;



}



.foot_list{



	display: table;



	margin: 0 auto;



}



.foot_share{



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	overflow: hidden;



	background: rgba(0,0,0,.5);



	z-index: 99;



	display: none;



}



.share_mask{



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



}



.fshare_choose{



	text-align: center;



	margin-top: 0.7rem;



	margin-bottom: 0.5rem;



}



.foot_list li{



	width: 50%;



}



.fshare_cont{



	width: 100%;



	background: #FFFFFF;



	padding-top: 0.5rem;



	position: absolute;



	bottom: 0;



	z-index: 101;



}



.fshare_tit{



	line-height: 0.31rem;



}



.fshare_tit span{



	display: inline-block;



	font-size: 0.3rem;



}



.fshare_tit img{



	width: 0.32rem;



	height: 0.31rem;



	margin-right: 0.2rem;



}



.fshare_choose div{



	width: 33.33%;



}



.fshare_choose span{



	display: block;



	margin-top: 0.4rem;



}



.fs_wx img{



	width: 0.85rem;



	height: 0.7rem;



}



.fs_pyq img{



	width: 0.7rem;



	height: 0.7rem;



}



.fs_hb img{



	width: 0.7rem;



	height: 0.7rem;



}



.fs_qq img{



	width: 0.64rem;



	height: 0.7rem;



}



.fs_qz img{



	width: 0.76rem;



	height: 0.7rem;



}



.fshare_q{



	height: 0.98rem;



	text-align: center;



	line-height: 0.98rem;



	font-size: 0.26rem;



	color: #323232;



	border-top: 1px solid #c2c2c2;



}



/*活动详情页*/



.activity-card{



	background: #FFFFFF;



	padding-bottom: 0.3rem;



}



.hd_img{



	height: 4.21rem;



}



.hd_tit{



	font-size: 0.36rem;



	margin-top: 0.3rem;



	padding: 0 0.26rem;



}



.hd_time{



	line-height: 0.32rem;



	margin-top: 0.3rem;



	padding: 0 0.24rem;



	font-size: 0.34rem;



}



.hd_time img{



	width: 0.32rem;



	height: 0.32rem;



}



.hd_time span{



	font-size: 0.32rem;



	margin-left: 0.1rem;



}



.hd_post{



	margin-top: 0.2rem;



	padding: 0 0.24rem;



	font-size: 0.32rem;



}



.hd_post img{



	width: 0.26rem;



	height: 0.32rem;



	margin-left: 0.03rem;



	margin-top: 0.08rem;



}



.hd_post span{



	font-size: 0.32rem;



	line-height: 0.32rem;



	margin-left: 0.14rem;



}



.hd_content{



	border-top: 0.2rem solid #f3f3f3;



	background: #ffffff;



	padding: 0.3rem 0.24rem 0.4rem 0.24rem;



}



.hd_details{



	line-height: 0.36rem;



	font-size: 0.36rem;



	margin-bottom: 0.3rem;



}



.hd_details img{



	width: 0.32rem;



	height: 0.36rem;



}



.harticle_tit{



	margin-left: 0.1rem;



}



.hd_img_top{



	height: 4.2rem;



}



.hd_img{



	height: 3.46rem;



	margin-top: 0.3rem;



}



.foot_hd{



	margin-right: -2.3rem;



	width: 100%;



	height: 0.98rem;



	border-top: 1px solid #CCCCCC;



	display: inline-block;



	display: -ms-flexbox;     



	display: flex;   



 	display: -webkit-box;   



	display: -moz-box;  



	-moz-box-orient: horizontal;



	-webkit-box-orient: horizontal; 



}



.foot_hd li{



	width: 35%;



}



.hd_change{



	width: 110px;



	height: 35px;



	border-radius: 5px;



	background: #04CC82;



	color: #ffffff;



	outline: none;



	position: fixed;



	right: 0.24rem;



	bottom: 60px;



	z-index: 1001;



}



.hd_exchange{



	background: #ffffff;



	width: 5rem;



	height: 3rem;



	margin-top: -1.5rem;



	margin-left: -2.5rem;



	border: 1px solid #e9e9e9;



	position: fixed;



	top: 50%;



	left: 50%;



	z-index: 14;



	display: none;



}



.hd_exchange p{



	text-align: center;



	font-size: 0.36rem;



	line-height: 0.36rem;



	padding: 0 0.4rem;



	margin-top: 0.6rem;



}



.hde_btm{



	width: 3rem;



	margin: 1rem auto 0;



}



/*吐槽详情页*/



.foot_click{



	display: block;



	width: 50%;



	margin: 0 auto;



}



.tcf_list{



	width: 100%;



	height: 0.98rem;



	border-top: 1px solid #CCCCCC;   



}



.tcf_list li{



	width: 33.3%;



}



.foot_z img{



	width: 0.4rem;



	height: 0.4rem;



	margin-top: 0.1rem;



}



.foot_z p{



	color: #323232;



	line-height: 0.26rem;



	margin-top: 0.1rem;



}



/*pk详情*/



.pk_state{



	padding: 0.1rem 0.24rem;



	border: 1px dashed #98888b;



	margin-top: 0.4rem;



	color: #ffffff;



	font-size: 0.24rem;



}



.pkd_top{



	padding: 0 0.24rem;



	background: url(../img/pkd_top.png);



	background-size: 100% 100%;	



}



.pk_topbg{



	margin-top: 0.9rem;



}



.pk_logo{



	position: absolute;



	top: 0.2rem;



	width: 1.5rem;



	height: 0.44rem;



}



.pk_details{



	padding-top: 0.4rem;



	background: url(../img/pkd_btm.png);



	background-size: 100% 100%;	



}



.pk_time{



	padding: 0 0.24rem;



}

.pk_tz{

	width: 5rem;

	background: url(/img/pk-tz.png) no-repeat;

}

.pkt_first{



	font-size: 0.4rem;



	line-height: 0.68rem;



	color: #ff8a00;



}



.pm_day,.pm_hours,.pm_minutes,.pm_seconds{



	height: 0.68rem;



	width: 0.68rem;



	margin: 0 0.2rem;



	font-size: 0.4rem;



	line-height: 0.68rem;



	text-align: center;



	color: #FFFFFF;



	border-radius: 5px;



	background-color: rgba(100,100,100,0.5);



}



.pkt_inte{



	font-size: 0.32rem;



	line-height: 0.68rem;



	color: #ffffff;



}



.pkt_box{



	padding: 0 0.4rem;



	margin-top: 0.44rem;



}



.red_top,.blue_top{



	width: 2.6rem;



	height: 1.4rem;



	font-size: 0.8rem;



	line-height: 1.4rem;



	text-align: center;



	color: #ffffff;



	border-radius: 5px 5px 0 0;



}



.red_top{



	background: -webkit-linear-gradient(#fe1630, #910404); /* Safari 5.1 - 6.0 */



	background: -o-linear-gradient(#fe1630, #910404); /* Opera 11.1 - 12.0 */



	background: -moz-linear-gradient(#fe1630, #910404); /* Firefox 3.6 - 15 */



	background: linear-gradient(#fe1630, #910404); /* 标准的语法 */



}



.blue_top{



	background: -webkit-linear-gradient(#3183fe, #0a2956); /* Safari 5.1 - 6.0 */



	background: -o-linear-gradient(#3183fe, #0a2956); /* Opera 11.1 - 12.0 */



	background: -moz-linear-gradient(#3183fe, #0a2956); /* Firefox 3.6 - 15 */



	background: linear-gradient(#3183fe, #0a2956); /* 标准的语法 */



}



.red_btm,.blue_btm{



	width: 2.6rem;



	height: 0.48rem;



	font-size: 0.26rem;



	line-height: 0.48rem;



	text-align: center;



	margin-top: 0.04rem;



	border-radius: 0 0 5px 5px;



	color: #ffffff;



}



.red_btm{



	background: #910404;	



}



.blue_btm{



	background: #0a2956;



}



.pkt_vs{



	width: 1.42rem;



	height: 2.16rem;



	position: relative;



	top: 0.6rem;



}



.pk_z{



	width: 100%;



}



.red_click,.blue_click{



	display: none;



}



.red_noclick,.blue_noclick{



	-webkit-animation: tada 3s infinite ease both;



  	-moz-animation: tada 3s infinite ease both;



  	animation: tada 3s infinite ease both;



}



@-moz-keyframes tada{



    0%{-moz-transform:scale(1);}



    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}



    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}



    40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}



    100%{-moz-transform:scale(1) rotate(0);}



   }







  @-webkit-keyframes tada{



    0%{-webkit-transform:scale(1);}



    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}



    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}



    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}



    100%{-webkit-transform:scale(1) rotate(0);}



    }



    @-o-keyframes tada {



	0%{-webkit-transform:scale(1);}



    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}



    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}



    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}



    100%{-webkit-transform:scale(1) rotate(0);}



    



}



@keyframes tada {



	0%{-webkit-transform:scale(1);}



    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}



    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}



    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}



    100%{-webkit-transform:scale(1) rotate(0);}



    



}



.pkz_l{



	margin-left: 0.6rem;



}



.pkz_r{



	margin-right: 0.6rem;



}



.pkz_l img{



	width: 1.08rem;



	height: 1.03rem;



}



.pkz_l span{



	display: block;



	font-size: 0.28rem;



	line-height: 0.28rem;



	margin-top: 0.2rem;



	color: #ffffff;



}



.pkz_r img{



	width: 1.08rem;



	height: 1.03rem;



}



.pkz_r span{



	display: block;



	font-size: 0.28rem;



	line-height: 0.28rem;



	margin-top: 0.2rem;



	color: #ffffff;



	position: absolute;



	right: 1rem;



}



.pk_bar{



	margin-top: 0.5rem;



	position: relative;



}



.red_bar{



	color: #d81e06;



	font-size: 0.32rem;



	line-height: 0.4rem;



	position: absolute;



	left: 0;



	top: 0;



}



.blue_bar{



	color: #0066ff;



	font-size: 0.32rem;



	line-height: 0.4rem;



	position: absolute;



	right: 0;



	top: 0;



}



/*动态pk图*/



.journal_mid {



    margin: 0 0.8rem;



}



.playmid_bord{



	padding: 0.08rem;



	border-radius: 0.36rem;



	border: 1px solid #e4e4e4;



}



.mid_box {



    width: 100%;



}



/*红方*/



.plan_red {



    width: 60%;



    position: relative;



}



.plan_red .playnum_red{



	color: #d81e06;



	position: absolute;



	left: 0.3rem;



	top: 0.32rem;



}



.num_left {



    position: absolute;



    top: -0.6rem;



    right: 0.24rem;



    display: block;



    font-size: 0.28rem;



    line-height: 0.28rem;



    color: #d81e06;



}



.num_vs {



    position: absolute;



    top: -0.6rem;



    right: -0.14rem;



    font-size: 0.28rem;



    line-height: 0.28rem;



}



.playbill_fire{



	position: absolute;



	right: -1.44rem;



	top: -0.48rem;



	z-index: 100;



}



.playfire_l{



	width: 1.2rem;



	height: 1rem;



	position: absolute;



	right:-0.04rem;



	top: -0.36rem;



}



/*蓝方*/



.plan_blue {



    width: 40%;



    position: relative;



}



.plan_blue .playnum_blue{



	 color: #0066ff;



	position: absolute;



	right: 0.3rem;



	top: 0.32rem;



}



.num_right {



    position: absolute;



    top: -0.6rem;



    left: 0.24rem;



    font-size: 0.28rem;



    line-height: 0.28rem;



    color: #0066ff;



}



.playfire_r{



	width: 1.2rem;



	height: 1rem;



	position: absolute;



	left: -0.04rem;



	top: -0.36rem;



	z-index: 12;



}







.playpk_tit{



	text-align: center;



	margin-top: 0.2rem;



}



.playpk_tit img{



	width: 6.66rem;



	height: 0.46rem;



}



/*动态进度条*/



.mid_red {



  height: 0.2rem;



  position: relative;



  background-color: #df424f;



  border-radius: 5px 10px 10px 5px;



  background-size: 3em 3em;



  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #be1419 0.9em, #be1419 2.1em, transparent 2.1em, transparent 2.9em, #be1419 3.1em);



  -webkit-animation: warning-animation 750ms infinite linear;



  -moz-animation: warning-animation 750ms infinite linear;



  animation: warning-animation 750ms infinite linear;



}



.mid_blue {



  height: 0.2rem;



  position: relative;



  background-color: #3597ee;



  border-radius: 5px 10px 10px 5px;



  background-size: 3em 3em;



  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #1054de 0.9em, #1054de 2.1em, transparent 2.1em, transparent 2.9em, #1054de 3.1em);



  -webkit-animation: warning-animation 750ms infinite linear;



  -moz-animation: warning-animation 750ms infinite linear;



  animation: warning-animation 750ms infinite linear;



  -moz-transform:scaleX(-1);



    -webkit-transform:scaleX(-1);



    -o-transform:scaleX(-1);



    transform:scaleX(-1);



    /*IE*/



    filter:FlipH;



}



@-webkit-keyframes warning-animation {



  0% {



    background-position: 0 0;



  }



  100% {



    background-position: 3em 0;



  }



}



@-moz-keyframes warning-animation {



  0% {



    background-position: 0 0;



  }



  100% {



    background-position: 3em 0;



  }



}



@keyframes warning-animation {



  0% {



    background-position: 0 0;



  }



  100% {



    background-position: 3em 0;



  }



}



.mid_red:before {



  content: '';



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  height: 100%;



  border-radius: 10px 0.2rem 0.2rem 10px;



  background-image: linear-gradient(to bottom, #df424f, rgba(195, 22, 28, 0.6) 15%, transparent 60%, #df424f);



}



.mid_blue:before {



  content: '';



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  height: 100%;



  border-radius: 10px 0.2rem 0.2rem 10px;



  background-image: linear-gradient(to bottom, #3597ee, rgba(16, 84, 222, 0.6) 15%, transparent s0%, #3597ee);



}



/**/







.bar_mid{



	margin: 0 0.8rem;



	padding: 0.1rem;



	border: 1px solid #593f52;



	border-radius: 0.2rem;



}



.progress{



	width: 100%;



	position: relative;	



}



.bar_r{



	-moz-transform:scaleX(-1);



    -webkit-transform:scaleX(-1);



    -o-transform:scaleX(-1);



    transform:scaleX(-1);



    /*IE*/



    filter:FlipH;



}



.bar{



	position:relative;



	display:block;



	height:0.2rem;



	-webkit-border-radius:0.2rem;



	border-radius:0.2rem;



	overflow:hidden;



}



.bar_l{



	background: rgb(232,25,87);



	background: -moz-linear-gradient(top,  rgba(232,25,87,1) 0%, rgba(170,0,51,1) 100%);



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,25,87,1)), color-stop(100%,rgba(170,0,51,1)));



	background: -webkit-linear-gradient(top,  rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);



	background: -o-linear-gradient(top,  rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);



	background: -ms-linear-gradient(top,  rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);



	background: linear-gradient(to bottom,  rgba(232,25,87,1) 0%,rgba(170,0,51,1) 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81957', endColorstr='#aa0033',GradientType=0 );



	-webkit-box-shadow: 0px 0px 12px 0px rgba(232, 25, 87, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);



	box-shadow: 0px 0px 12px 0px rgba(232, 25, 87, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);



}



.bar_r {



	background: rgb(24,109,226);



	background: -moz-linear-gradient(top,  rgba(24,109,226,1) 0%, rgba(0,69,165,1) 100%);



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,109,226,1)), color-stop(100%,rgba(0,69,165,1)));



	background: -webkit-linear-gradient(top,  rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);



	background: -o-linear-gradient(top,  rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);



	background: -ms-linear-gradient(top,  rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);



	background: linear-gradient(to bottom,  rgba(24,109,226,1) 0%,rgba(0,69,165,1) 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186de2', endColorstr='#0045a5',GradientType=0 );



	-webkit-box-shadow: 0px 0px 12px 0px rgba(24, 109, 226, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);



	box-shadow: 0px 0px 12px 0px rgba(24, 109, 226, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);



	



}



/*.bar:before {



	position:absolute;



	display:block;



	content:"";



	width:606px;



	height:150%;



	top:-25%;



	left:-25px;



	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.01) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);



	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));



	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);



	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);



	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);



	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff',GradientType=1 );



}*/



.bar:after {



	position:absolute;



	display:block;



	content:"";



	width:0.64rem;



	height:0.2rem;



	right:0;



	top:0;



	-webkit-border-radius: 0px 16px 16px 0px;



	border-radius: 0px 16px 16px 0px;



	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 98%, rgba(255,255,255,0) 100%);



	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));



	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);



	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);



	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);



	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );



}



.bar span {



	position:absolute;



	display:block;



	width:100%;



	height:0.2rem;



	-webkit-border-radius:0.2rem;



	border-radius:0.2rem;



	top:0;



	left:0;



	background: url(../img/pk_effect.png);



	-webkit-animation: sparkle 1500ms linear infinite;



    -moz-animation: sparkle 1500ms linear infinite;



    -o-animation: sparkle 1500ms linear infinite;



    animation: sparkle 1500ms linear infinite;



	opacity:0.2;



}



@-webkit-keyframes sparkle {



	from {background-position: 0 0;}



	to {background-position: 0 -0.64rem;}



}



@-moz-keyframes sparkle {



	from {background-position: 0 0;}



	to {background-position: 0 -0.64rem;}



}



@-o-keyframes sparkle {



	from {background-position: 0 0;}



	to {background-position: 0 -0.64rem;}



}



@keyframes sparkle {



	from {background-position: 0 0;}



	to {background-position: 0 -0.64rem;}



}







.pk_choose{



	width: 6rem;



	margin: 0.4rem auto 0.2rem;



}



.choose_box{



	height: 2.4rem;



}



.choose_list{



	height: 0.8rem !important;



}



.choose_red{



	height: 0.5rem;



	padding: 0 0.2rem;



	border-radius: 0.25rem;



	background-color: rgba(96,33,48,0.6);



}



.choose_blue{



	height: 0.5rem;



	padding: 0 0.2rem;



	border-radius: 0.25rem;



	background-color: rgba(25,39,135,0.6);



}



.choose_list img{



	width: 0.3rem;



	height: 0.3rem;



	border-radius: 50%;



	margin-top: 0.1rem;



}



.choose_list p{



	color: #ffffff;



	font-size: 0.26rem;



	margin: 0 0.2rem;



	line-height: 0.5rem;



}



.choose_list span{



	color: #c6c6c6;



	font-size: 0.26rem;



	line-height: 0.5rem;



}

.pk-zone{

	width: 100%;

	height: 0.6rem;

	line-height: 0.6rem;

	text-align: center;

	color: #FFFFFF;

	font-size: 0.26rem;

	border-radius: 5px;

	background: -webkit-gradient(linear, 0 0, 100% 0, from(#dd0c1c), to(#2a2ffd));

	background: -webkit-linear-gradient(left, #dd0c1c, #2a2ffd);

	background: -moz-linear-gradient(left, #dd0c1c, #2a2ffd);

	background: -o-linear-gradient(left, #dd0c1c, #2a2ffd);

	background: linear-gradient(left, #dd0c1c, #2a2ffd);

}

.review_tab li{



	width: 2.8rem;



	height: 0.6rem;



	text-align: center;



	line-height: 0.6rem;



	color: #ffffff;



	border-radius: 5px;



	-moz-box-shadow:0px -3px 10px #999 inset;              /* For Firefox3.6+ */



	-webkit-box-shadow:0px -3px 10px #999 inset;           /* For Chrome5+, Safari5+ */



	box-shadow:0px -3px 10px #999 inset;                   /* For Latest Opera */



}



.review_top span{



	line-height: 0.28rem;



	font-size: 0.28rem;



}



.rbox_chose{

	color: #9fa0a0;

}

.rbox_mid{



	margin-right: 0.2rem;



	padding-right: 0.2rem;



	border-right: 1px solid #3e3e3e;



}



/*pk评论版块*/



.pk_review .reply_box{



	border: none;



	margin-top: 0.2rem;



}



.pk_review .cont_none{



  border: none;



  margin-top: 0.2rem;



}



.review_top{



	margin-top: 0.3rem;



	background-color: rgba(255,255,255,0.8);



	border-radius: 5px 5px 0 0;



	position: relative;



}



.red_zan .zan_after{



	color: #dd0c1c;



}



.blue_zan .zan_after{



	color: #2a2ffd;



}



.red_sj{



	position: absolute;



	top: -0.2rem;



	left: 0.3rem;



	width:0;



    height:0;



    border-right:0.2rem solid transparent;



    border-left:0.2rem solid transparent;



  	border-bottom:0.2rem solid #ffffff;



  	opacity: 0.8;



}



.blue_sj{



	position: absolute;



	top: -0.2rem;



	right: 0.3rem;



	width:0;



    height:0;



    border-right:0.2rem solid transparent;



    border-left:0.2rem solid transparent;



  	border-bottom:0.2rem solid #ffffff;



  	opacity: 0.8;



}

.pk_reply{

	padding-bottom: 0.3rem;

}

.pk_reply li{



	border-radius: 5px;



	background-color: rgba(255,255,255,0.8);



	padding: 0.2rem;



	border: none;



	margin-bottom: 0.2rem;



}



.pk_reply li:first-child{



	border-radius: 0 0 5px 5px;



}

.pk_reply li:last-child{

	margin-bottom: 0;

}

.pk_reply .zan{



	border: none;



	padding: 0;



}



.pk_reply .zan_pointer{



	margin: 0;



	line-height: 0.52rem;



}



.pk_reply .zan_num{



	padding: 0;



	border: none;



	line-height: 0.52rem;



	margin-left: 0.1rem;



}



.red_name{



	color: #dd0c1c;



}



.blue_name{



	color: #2a2ffd;



}



.pk_reply .rfirst_text{



	margin-left: 0.75rem;



}



.pk_reply .rfirst_comment{



	margin-left: 0.75rem;



}



.pksecond_reply{



	margin-top: 0.3rem;



	padding: 0.2rem;



	border-radius: 3px;



	position: relative;



	background-color: rgba(255,255,255,0.4);



	margin-left: 0.75rem;



	border: none;



}



.pksecond_reply:before{



    box-sizing: content-box;



    position: absolute;



	top: -0.17rem;



	right: 0.3rem;



	width:0;



    height:0;



    border-right:0.18rem solid transparent;



    border-left:0.18rem solid transparent;



  	border-bottom:0.18rem solid #ffffff;



  	opacity: 0.4;



    display: block;



    content: '';



    z-index: 12;



}



.pk_text{



	margin-right: 120px;



}



/*pk结束*/



.figure-list{



	margin-top: 0.3rem;



	margin-bottom: -0.1rem;



}



.figure-list:after{



   content: "";



   display: block;



   clear: both;



   height: 0;



   overflow: hidden;



   visibility: hidden;



}



.figure-list .imgcontainer{



	text-align: center;



   float: left;



   padding: 0;



   margin: 0 0.1rem 0.1rem 0;



   overflow: hidden;



   position: relative;



}



.exampleImg{



	width: auto;



	height: auto;



	object-fit: cover;/*重要*/



	vertical-align: middle;



}



.figure_four{



	width:2.25rem;



   	height:2.25rem;



   	object-fit: cover;/*重要*/



   	vertical-align: middle;



}



.figure_four img{



	width: 100%;



	height: 100%;



}



.figure_more img{



	width: 100%;



	height: 100%;



}



.figure_more{



	width:2.16rem;



   	height:2.16rem;



   	object-fit: cover;/*重要*/



   	vertical-align: middle;



}



.figure_four:nth-child(2){



	margin-right: 0.8rem;



}



.figure_more:nth-child(3){



	margin-right: 0;



}



.figure_more:nth-child(6){



	margin-right: 0;



}



.figure_more:nth-child(9){



	margin-right: 0;



}



/*查看大图*/



.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;top:0;left:0;}



.big_img .swiper-container {position: relative;width: 100%;height: 100%;}



.big_img .swiper-container  .swiper-wrapper{width: 100%;height: 100%;}



.big_img .swiper-slide{width: 100%;height: 100%;display: table;}



.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}



.big_img .swiper-slide img{width: auto;height: auto; max-width: 90%;max-height: 80%;margin:0 auto;}



/*单选框*/



.icheck-info{



	font-size: 0.24rem;



	line-height: 0.24rem;



}



.checkbox label{



	min-height: 0;



}



[class*="icheck-"] {



    padding-left: 0px;



}







[class*="icheck-"] > label {



    padding-left: 12px !important;



	display: inline-block;



    position: relative;



    vertical-align: top;



    margin-bottom: 0;



    font-weight: normal;



    cursor: pointer;



    font-size: 14px;



	line-height: 14px;



	margin-left: 8px;



}







[class*="icheck-"] > input {



    position: absolute !important;



    opacity: 0;



    margin: 0;



}







[class*="icheck-"] > input + label::before,



[class*="icheck-"] > input + input[type="hidden"] + label::before {



        content: "";



        display: inline-block;



        position: absolute;



        width: 12px;



        height: 12px;



        border: 1px solid #efefef;



        border-radius: 0px;



        margin-left: -20px;



    }







[class*="icheck-"] > input:checked + label::after,



[class*="icheck-"] > input:checked + input[type="hidden"] + label::after {



        content: "";



        display: inline-block;



        position: absolute;



        top: -2px;



        left: -8px;



        width: 4px;



        height: 10px;



        border: solid 2px #fff;



        border-left: none;



        border-top: none;



        transform: translate(4px, 2px) rotate(45deg);



        -ms-transform: translate(4px, 2px) rotate(45deg);



    }



.icheck-info > input:checked + label::before,



.icheck-info > input:checked + input[type="hidden"] + label::before {



    background-color: #30a5dd;



    border-color: #30a5dd;



}







/* CSS Document */



/*点赞*/



@-webkit-keyframes niceIn {



	0% {



		opacity: 1;



		-webkit-transform: scale(1);



		transform: scale(1)



	}



	50% {



		opacity: 1;



		-webkit-transform: scale(1.5);



		transform: scale(1.5)



	}



	70% {



		-webkit-transform: scale(.8);



		transform: scale(.8)



	}



	100% {



		opacity: 1;



		-webkit-transform: scale(1);



		transform: scale(1)



	}



}



@keyframes niceIn {



	0% {



		opacity: 1;



		-webkit-transform: scale(1);



		-ms-transform: scale(1);



		transform: scale(1)



	}



	50% {



		opacity: 1;



		-webkit-transform: scale(1.5);



		-ms-transform: scale(1.5);



		transform: scale(1.5)



	}



	70% {



		-webkit-transform: scale(.8);



		-ms-transform: scale(.8);



		transform: scale(.8)



	}



	100% {



		opacity: 1;



		-webkit-transform: scale(1);



		-ms-transform: scale(1);



		transform: scale(1)



	}



}







@-o-keyframes niceIn{



	0% {



		opacity: 1;



		-o-transform: scale(1);



		transform: scale(1)



	}



	50% {



		opacity: 1;



		-o-transform: scale(1.5);



		transform: scale(1.5)



	}



	70% {



		-o-transform: scale(.8);



		transform: scale(.8)



	}



	100% {



		opacity: 1;



		-o-transform: scale(1);



		transform: scale(1)



	}



} 







@-moz-keyframes niceIn{



	0% {



		opacity: 1;



		-moz-transform: scale(1);



		transform: scale(1)



	}



	50% {



		opacity: 1;



		-moz-transform: scale(1.5);



		transform:scale(1.5)



	}



	70% {



		-o-transform: scale(.8);



		transform: scale(.8)



	}



	100% {



		opacity: 1;



		-moz-transform: scale(1);



		transform: scale(1)



	}



}



.niceIn {



	-webkit-animation:niceIn 0.8s .2s ease;



	-moz-animation:niceIn 0.8s .2s ease;



	-o-animation:niceIn 0.8s .2s ease;



	animation:niceIn 0.8s .2s ease;



}







@media only screen  and (max-width: 1024px) {



	.pe_right{



		width: 21px;



		height: 21px;



		top: 11px;



		right: 12px;



	}



	.head_r{



		font-size: 14px;



		position: absolute;



		right: 12px;



		top: 0;



		line-height: 44px;



	}



	.click_down{



		font-size: 14px;



		line-height: 14px;



	}



	.fsc_btn{



		width: 20px;



		height: 20px;



		margin-top: 5px;



		position: absolute;



	    right: 55px;



	}



	.fsc_btn2{



		width: 20px;



		height: 20px;



		margin-top: 5px;



		position: absolute;



	    right: 55px;



	    display: none;



	}



	.fhd_box{



		margin-right: 176px;



	}



	.fhd_btn{



		width: 88px;



		height: 28px;



		line-height: 28px;



		font-size: 14px;



		/*margin-top: 5px;*/



		border: 1px solid #9FA0A0;



		border-radius: 5px;



		position: absolute;



	    right: 48px;



	}



	.fshare_q{



		height: 49px;



		font-size: 13px;



		line-height: 49px;



	}



	.foot_pc{



		height: auto;



	}



	.foot_hd{



		margin-right: -110px;



		height: 49px;



		display: inline-block;



	}



	.foot_hd li{



		width: 35%;



	}



	/*吐槽*/



	.tcf_list{



		height: 49px;	



	}



	/*分享*/



	.fshare_cont{



		padding-top: 25px;



	}



	.fshare_tit{



		line-height: 16px;



	}



	.fshare_tit img{



		width: 16px;



		height: 16px;



		margin-right: 10px;



	}



	.fshare_tit span{



		display: inline-block;



		font-size: 16px;



		line-height: 16px;



	}



	.fshare_choose{



		margin-top: 35px;



		margin-bottom: 25px;



	}



	.fshare_choose span{



		margin-top: 20px;



	}



	.fs_wx img{



		width: 42.5px;



		height: 35px;



	}



	.fs_pyq img{



		width: 35px;



		height: 35px;



	}



	.fs_hb img{



		width: 35px;



		height: 35px;



	}



	.fs_qq img{



		width: 32px;



		height: 35px;



	}



	.fs_qz img{



		width: 38px;



		height: 35px;



	}



	.foot_z img{



		width: 21px;



		height: 20px;



		margin-top: 5px;



		}



	.foot_z p{



		color: #323232;



		line-height: 13px;



		margin-top: 5px;



	}



}



@media only screen  and (min-width: 1025px) {



	.foot_pc{



		height: auto;



	}



	.foot_share{



		left: 50%;



		margin-left: -375px;



		max-width: 750px;



	}



	.fsc_btn{



		width: 20px;



		height: 20px;



		margin-top: 5px;



		position: absolute;



	    right: 55px;



	}



	.fsc_btn2{



		width: 20px;



		height: 20px;



		margin-top: 5px;



		position: absolute;



	    right: 55px;



	    display: none;



	}



}