.fade-enter-active, .fade-leave-active {
	transition: opacity .2s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	opacity: 0;
}

/*分享得积分 样式*/
#qrdiv .qrdiv_title{position:relative; font-size:12px; font-weight:bold;}
#qrdiv .qrdiv_title_close{ position:absolute;top:0;right:0; font-size:16px;color:#BBBBBB;}
#qrdiv .qrdiv_title_close:hover{text-decoration:none;color:#000000;}
#qrdiv .qrcodediv_body{width:100%;height:200px;margin-top:10px;text-align:center;}
#qrdiv .qrcodediv_foot{color:#888888; font-size:12px; margin-top:10px;}
/*IE float:right*/
.iefloat{float:left;width:18px;}

a{color:gray;}
a:hover{text-decoration:none;color:#005580;}

/*评论区改版*/
.comment-wrap .media {
	overflow: inherit;
}

.comment-wrap {
	margin: 0 auto;
	border: 0;
	border-top: 1px solid #F8F8F8;

	max-width: 940px;

	background-color: #FFF;
	box-shadow: none;
}

.media-body {
	float: left;
	min-width: 300px;
	max-width: 100%;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	border-radius: 3px;
	position: relative;
	overflow: inherit;
}

.media-body > i {
	position: absolute;
	top: 6px;
	left: -20px;
	border: 10px solid transparent;
	border-right: 10px solid #E3E3E3;
	font-size: 0;
	line-height: 0;
}

.media-body > i > em {
	position: absolute;
	top: -9px;
	left: -8px;
	border: 9px solid transparent;
	border-right: 9px solid #FFF;
	font-size: 0;
	line-height: 0;
}

.media-body.blue {
	background-color: #EBF5FF;
	border: 1px solid #E3E3E3;
}

.media-body.blue > i {
	border-right: 10px solid #E3E3E3;
}

.media-body.blue > i > em {
	border-right: 9px solid #EBF5FF;
}

.media-body.org {
	background-color: #F9F0E3;
	border: 1px solid #FCD85A;
}

.media-body.org > i {
	border-right: 10px solid #FCD85A;
}

.media-body.org > i > em {
	border-right: 9px solid #F9F0E3;
}

.js_comment_source, .comment_time {
	font-size: 12px !important;
	color: gray;
	position: relative;
	bottom: -1px;
}

.comment-avatar {
	width: 60px;
	height: 60px;
	border-radius: 30px;
}

.howto-fine-comment {
	font-size: 14px;
	font-family: '微软雅黑';
}

.howto-fine-comment span {
	position: relative;
	top: 2px;
}

.howto-fine-comment img {
	margin-left: 5px;
}

.comment-act-fllow {
	position: absolute;
	top: 60px;
	left: 0;
	width: 60px;
	text-align: center;
}

.comment-info-zhuli, .js_author_flag {
	display: inline-block;
	width: 36px;
	height: 20px;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	color: #AAA;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

.guanzhu_button {
	display: block;
	height: 16px;
	line-height: 16px;
	margin-top: 6px;
	color: grey;
	cursor: pointer;
	font-size: 12px;
}
#comment_m {
	display: none;
}
.comment-body {
	float: left;
	width: 779px;
	font-family: '微软雅黑';
	margin-bottom: 14px;
}

.comment-thumb {
	width: 60px;
	margin-right: 23px !important;
	margin-top: 6px;
}

.comment-info-1 {
}

.comment-info-2 {
	display: block;
	margin-top: 10px;
	font-size: 12px;
}

.comment-info-2 > * {
	color: #CAC8C8;
}

.comment-info-2 > span, .comment-info-2 > small {
	margin-right: 16px;
}

.comment-info-2 small {
	font-size: 12px;
}

.comment-info-2 > a {
	margin-left: 16px;
}

.comment-info-2 > a:active, .comment-info-2 > a:focus {
	outline: none;
}

.comment-info-2 > a:hover {
	color: #005580;
	text-decoration: underline;
}

.comment-runtime > i {
	font-style: normal;
}

.comment-info-2 > .comment_like > small {
	position: relative;
	display: block;
  margin-left: 20px;
}
	
.comment-info-2 > a.comment_like {
	text-decoration: none;
	color: #cac8c8;
}

.comment-info-2 > .comment_like.liked {
	color: #9597A8;
}

.comment-info-2 > .comment_like > small::before {
	position: absolute;
	top: 1px;
	left: -20px;
	content: '';
	width: 18px;
	height: 18px;
	background: url(../../img/common/like_comment.png) center no-repeat;
	background-size: 100%;
}

.comment-info-2 > .comment_like.liked > small::before {
	background: url(../../img/common/liked.png) center no-repeat;
	background-size: 100%;
}

/* 留言板样式 */
.media {
	border-bottom: 1px solid #e0e0e0;
}

.media .user_lv {
	color: gray;
	margin-left: 14px;
	font-weight: normal;
	font-size: 0.85em;
	display: inline-block;
	vertical-align: middle;
}

.media .user_lv .honor-level {
	position: relative;
	z-index: 2;
	display: inline-block;
	float: left;
	width: 24px;
	height: 24px;
	background: url(../../img/common/badge24.png?v=20170508) no-repeat left center;
}

.media .user_lv b {
	z-index: 0;
	display: inline-block;
	color: #e1a93d;
	background-color: #fff8e0;
	border-radius: 9px;
	height: 18px;
	line-height: 17px;
	vertical-align: middle;
	padding: 0 9px 0 16px;
	margin: -3px 0 0 -12px;
	font-size: 12px;
	font-weight: normal;
}

.media-body p {
	margin: 15px;
	word-wrap: break-word;
}

.media-heading {
	font-weight: normal;
}

.media-heading .o_cname {
	color: #aaa;
}

.media-heading .o_cname:hover {
	text-decoration: underline;
}

.pagination > ul > li > a {
	color: black;
}
.pagination ul > li > a:focus {
	background-color: transparent;
}
.pagination ul > .active > a,
.pagination ul > .active > a:focus {
	background-color: #f5f5f5;
}

#comments_pagination {
	margin: 10px 0 0 0;
}

.media-heading {
	overflow: hidden;
}

.media-heading > * {
	float: left;
}

.icon_master, .icon_sign_author, .icon_silver_vip, .js_choose_medal {
	margin-left: 10px;
}

.media-heading > span {
	margin-left: 6px;
	line-height: 24px;
}

/*---举报评论弹窗---*/
.masking {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: 10;
}

.inform {
	height: 377px;
	width: 406px;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-top: -203px;
	margin-left: -189px;
	border-radius: 6px;
	box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .2);
}

.inform_comment {
	font-size: 16px;
	color: rgb(46, 47, 49);
	padding: 20px 0 16px 32px;
	font-weight: bold;
}

.inform_cause {
	font-size: 14px;
	color: rgb(159, 161, 165);
	padding: 0 0 10px 32px;
}

.inform_close {
	position: absolute;
	right: 16px;
	top: 12px;
	color: rgb(159, 161, 165);
	cursor: pointer;
	font-size: 22px;
}

.content-tag li {
	margin: 0 0 6px 32px;
	cursor: default;
	font-size: 14px;
	font-family: "微软雅黑", "microsoft yahei";
}

.content-tag li span {
	margin-right: 12px;
	background: #ddd;
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: center;
	color: rgb(46, 47, 49);
	border-radius: 3px;
}

.inform textarea {
	width: 342px;
	height: 80px;
	border: 1px solid #edecee;
	color: #2e2f31;
	font-size: 12px;
	margin: 12px 0 4px 32px;
	padding: 0;
	resize: none;
	padding-top: 8px;
	text-indent: 10px;
}

.inform textarea::-webkit-input-placeholder {
	color: rgb(159, 161, 165);
}

.inform textarea::-moz-placeholder {
	color: rgb(159, 161, 165);
}

.inform textarea:-ms-input-placeholder {
	color: rgb(159, 161, 165);
}

.content-tag .check {
	background: url("../../../orange/img/common/ranking/checked.png") no-repeat center center;
}

.part_submit {
	border-top: 1px solid #ebecee;
	margin-top: 10px;
}

.inform .part_submit p {
	float: left;
	width: 202px;
	text-align: center;
	margin-top: 11px;
	cursor: pointer;
	font-size: 12px;
}

.part_submit p:hover {
	color: #ffac28;
}

.inform .submit_btn {
	color: rgb(255, 102, 0);
	margin: 0;
}

.exit_btn {
	border-left: 1px solid #ebecee;
	color: rgb(46, 47, 49);
}

.inform ul, .inform p {
	margin: 0;
}

.inform textarea:focus {
	box-shadow: none;
	outline: -webkit-focus-ring-color auto 5px;
}

.share-comment-window {
	overflow: hidden;
	border: 1px solid #DDD;
	text-align: left;
	background-color: #FFF;
	box-shadow: 0 0 4px #AAA;
	height: 80px;
	width: 250px;
	position: absolute;
	z-index: 1000000;
}

.window-title {
	height: 24px;
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	padding-left: 6px;
}
.window-body > span{
	cursor:pointer;
	margin:8px 0 0 8.7px;
	display:inline-block;
	height:37px;
	width:37px;
	background-image:url(../../../org/img/sharepic1.png);
	background-repeat:no-repeat;
}
.window-body > span#weibo {
	background-position:0 0;
}
.window-body > span#weixin {
	background-position:0 -490px;
}
.window-body > span#qzone {
	background-position:0 -260px;
}
.window-body > span#qqweibo {
	background-position:0 -130px;
}
.window-body > span#tieba {
	background-position:0 -390px;
}

.Common-Dialogs-Modal{position:absolute;border:1px solid #CFCFCF;width:680px;height:400px;font-family:'微软雅黑'!important;border-radius:3px;box-shadow:1px 1px 4px 0 rgba(200,200,200,.4);padding:6px 4px 6px 18px;margin:0;background-color:#FFF;z-index:999;}
.Common-Dialogs-Modal>i{position:absolute;top:-20px;right:100px;border-width:10px 8px;border-style:solid;border-color:transparent;border-bottom-color:#CFCFCF;}
.Common-Dialogs-Modal>i>em{position:absolute;top:-8px;left:-8px;border-width:10px 8px;border-style:solid;border-color:transparent;border-bottom-color:#FFF;}
.dialog-content{position:relative;height:100%;overflow:hidden;}
.comment-dialog-content{}
.dialog-comment-time{font-size:12px;color:#E6E6E6;text-align:center;padding:20px 0 10px;}
.dialog-comment-body{}
.dialog-comment-body>img{float:left;height:60px;width:60px;border-radius:30px;margin-right:20px;margin-top:6px;}
.dialog-comment-content{float:left;width:580px;position:relative;}
.dialog-comment-content>i{position:absolute;left:-12px;top:36px;border:6px solid transparent;border-right:6px solid #E3E3E3;}
.dialog-comment-content>i>em{position:absolute;left:-4px;top:-6px;border:6px solid transparent;border-right:6px solid #F8F8F8;}
.dialog-comment-author{padding-bottom:6px;font-size:14px;color:#AAA;}
.dialog-comment-txt{float:left;min-width:200px;padding:16px 20px;font-size:15px;color:#545454;line-height:24px;background-color:#F8F8F8;border:1px solid #E3E3E3;border-radius:4px;    word-break: break-all;word-wrap: break-word;}
.dialog-content.ps-container > .ps-scrollbar-x-rail, .dialog-content.ps-container > .ps-scrollbar-y-rail {opacity: 0.2;z-index: 10;}
.comment-dialog-mask{position:absolute;left:0;width:100%;height:30px;}
.comment-dialog-mask>img{height:100%;width:100%;}
.comment-dialog-top{top:0;}
.comment-dialog-bottom{bottom:0;}
.comment_dialog1{position:relative;}
.comment_dialog1 .hide{display:none!important;}
.howto-fine-comment .author-name{color:#AAA;}
.howto-fine-comment .comment-icon{padding-left:5px;}
.howto-fine-comment .comment-icon-num{color:red;}
.add_comment *{font-family:'微软雅黑'!important;}
.comment-info-zhuli.hide{display:none;}
.js_author_flag.hide{display:none;}

.comment-medal{position: absolute;top:110%;left:0;width:60px;margin-left:-2px;}
.comment-medal > img{float:left;height:16px;width:16px;margin:0 0 4px 2px;overflow:hidden;}
#medal-tip{
	z-index: 99999;
	position: absolute;
	width:276px;
	padding:22px;
	background-color:#FFF;
	font-size:12px;
	color:#71737A;
	font-family:'微软雅黑';
	box-shadow:1px 1px 4px 0 rgba(100,100,100,.4);
	border-radius: 3px;
	border:1px solid #E6E6E6\9;
}
#medal-tip img{float:left;height:70px;width:70px;margin-right:16px;}
#medal-tip .medal-info{border-left:1px solid #E6E6E6;padding-left:16px;overflow:hidden;}
#medal-tip .medal-info > span{display:block;line-height:12px;margin-top:12px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#medal-tip .medal-info > span:first-child{margin:0;}
#medal-tip .medal-info > .medal-name{font-size:14px;color:#2E2F31;line-height:14px;}
#medal-tip .medal-info > .game-name{}
#medal-tip .medal-info > .medal-date{}
#medal-tip .desc{line-height:25px; margin-top:20px;padding-top:15px;border-top:1px solid #E6E6E6;}
#medal-tip > em, #medal-tip > em > i{
	position: absolute;
	left: -12px;
	top: 15px;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border: 6px solid transparent;
	border-right-color: #E6E6E6;
}
#medal-tip > em > i{
	left:-5px;
	top:-6px;
	border-right-color: #FFF;
}

/*评论权限*/
.pop-comment-blocked {
	display: none;
	height: 260px;
	width: 400px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
	font-size: 12px;
	overflow: hidden;
}
.pop-comment-blocked > img {
	display: block;
	width: 120px;
	margin: 12px auto 0;
}
.pop-comment-blocked > p {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.pop-comment-blocked > div {
	margin-top: 20px;
	text-align: center;
}
.pop-comment-blocked > div > a {
	display: inline-block;
	height: 34px;
	width: 120px;
	line-height: 34px;
	border-radius: 3px;
	background-color: #3DA8F5;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s;
}
.pop-comment-blocked > div > a:first-child {
	margin-right: 40px;
}
.pop-comment-blocked > div > a:hover {
	background-color: #0c92f3;
}
.pop-comment-blocked > div > a:active {
	background-color: #0a75c2;
}
.pop-comment-blocked > div > a.myclose {
	background-color: #E6E6E6;
	color: #9FA1A5;
}
.pop-comment-blocked > div > a.myclose:hover {
	background-color: #d9d9d9;
}
.pop-comment-blocked > div > a.myclose:active {
	background-color: #cdcdcd;
}
.pop-comment-blocked > div > a.orange{
	height: 32px;
	width: 118px;
	line-height: 32px;
	border: 1px solid #ffac28;
	color: #ffac28;
	margin-right: 0;
	background-color: #fff;
}
.pop-comment-blocked > div > a.orange:hover{
	background-color: #ee8a06;
	color: #fff;
}
.pop-comment-blocked > div > a.orange:active{
	background-color: #cc6804;
	color: #fff;
}

/* hongRi new*/
.medal-icon {
	width: 24px;
	height: 24px;
}

.grade-style {
	color: #3a8795 !important;
}
.mergerSign {
	color: #ff6c10 !important;
	background-color: #fff;
}
.media-object {
	width:60px;height:60px;border-radius:30px;
}
.prompt{
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #ccc;
}