/**
	@file web.personal.home.css
	@author lixiaodi
	@desc 个人主页样式
*/
.personal-home-pageContent>.header .home-background {
    height: 300px;
    position: relative;
    z-index: 1;
    width: 100%;
    background-size: 1280px 300px;
    background-repeat: no-repeat;
    background-position: center center;
}
.personal-home-pageContent>.header .home-background:before {
    content: "";
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    background-size: 100% 100%;
    background-image: linear-gradient(90deg, rgba(0,0,0,1) 16%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,1) 85%);
}
.personal-home-pageContent>.header .home-userInfo {
	position: relative;
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-top: 65px;
    text-align: center;
}
.personal-home-pageContent>.header .userHeadImg {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    background-image: url(https://static.iyingdi.cn/achievement/badge/frame/moderator.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 6px;
}
.personal-home-pageContent>.header .userHeadImg>img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
}
.personal-home-pageContent>.header .userHeadImg .level {
    position: absolute;
    width: 100%;
    bottom: -12px;
    text-align: center;
}

.personal-home-pageContent>.header .userHeadImg .level>div {
    width: 54px;
    height: 20px;
    background-image: url(https://static.iyingdi.cn/achievement/badge/board/moderator.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: white;
    margin: 0 auto;
}
.personal-home-pageContent>.header .username {
    font-size: 22px;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 6px;
}
.personal-home-pageContent>.header .userBadges {
    margin-bottom: 6px;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li {
    display: inline-block;
    position: relative;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li>img {
    width: 26px;
    height: 26px;
    padding: 2px;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li .badge-detail {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.76);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 6px;
    width: 496px;
    text-align: left;
    padding: 10px;
    color: #E1E1E1;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li:hover .badge-detail {
    display: block;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li .badge-detail .title>img {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-right: 20px;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li .badge-detail .title .badge-title {
    font-size: 18px;
    color: #FFFFFF;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li .badge-detail .title .require-time {
    margin-top: 14px;
    font-size: 12px;
    color: #9B9B9B;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li .badge-detail>div:not(:first-child) {
    margin-top: 10px;
}
.personal-home-pageContent>.header .userBadges ul.badges-list>li:hover .badge-detail p {
    font-size: 14px;
    margin-top: 4px;
}

.personal-home-pageContent>.header .description {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.personal-home-pageContent>.header button.sendMsg {
    /*position: absolute;
    right: 22px;
    top: 62px;*/
    background-color: rgba(59,104,184,0.72);
	border:1px solid #3b68b8;
	border-radius:4px;
	width:115px;
	height:33px;
    color: white;
    cursor: pointer;
}
.personal-home-pageContent>.header button.focus {
    background-color: rgba(102,186,113,0.72);
    border: 1px solid #66ba71;
    border-radius: 4px;
    width: 115px;
    height: 33px;
    color: white;
    cursor: pointer;
    margin-right: 20px;
    outline: none;
}
.personal-home-pageContent>.header button.focus.hasfollow {
    background-color: rgba(169, 169, 169, 0.72);
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    width: 115px;
    height: 33px;
    color: white;
    cursor: pointer;
    margin-right: 20px;
    outline: none;
}

.personal-home-pageContent>.main-area {
    width: 1280px;
    margin: 0 auto;
    margin-top: 26px;
    overflow: hidden;
    position: relative;
}
.personal-home-pageContent>.main-area .left-side {
    float: left;
    width: 323px;
}
.personal-home-pageContent>.main-area .left-side-item {
    width: 100%;
    background-color: #f7f7f7;
    border-top: 2px solid #3b68b8;
    margin-bottom: 20px;
    padding: 14px;
}
.personal-home-pageContent>.main-area .left-side-item-title {
    font-size: 16px;
    color: #444;
    font-weight: bold;
}
.personal-home-pageContent>.main-area .left-side-item-seeAll {
    text-align: center;
    font-size: 15px;
    color: #3b68b8;
    cursor: pointer;
    border-top: 1px solid #dde7f1;
    padding-top: 10px;
}
.personal-home-pageContent>.main-area .left-side-item-seeAll:after{
    font-family: SimSun;
    content: '>';
    font-size: 16px;
    vertical-align: initial;
    font-weight: bolder;
    margin-left: 4px;
}

/*关注、粉丝*/
.personal-home-pageContent>.main-area .left-side-item .focus-info>div {
    display: inline-block;
    width: 50%;
    text-align: center;
    cursor: pointer;
    font-size:14px;
	color:#949494;
}
.personal-home-pageContent>.main-area .left-side-item .focus-info .focus-num {
    font-size: 18px;
    color: #444444;
}
/*个人简介*/
.personal-home-pageContent>.main-area .left-side-item .user-description {
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
    padding-top: 10px;
}
.personal-home-pageContent>.main-area .left-side-item .user-description-title {
    font-size: 16px;
    color: #444;
    font-weight: bold;
    margin-bottom: 10px;
}
.personal-home-pageContent>.main-area .left-side-item .user-description-title>a {
    font-weight: normal;
    font-size: 14px;
    float: right;
    color: #3b68b8;
}
.personal-home-pageContent>.main-area .left-side-item .user-description-txt>a {
    color: #3b68b8;
}
/*游戏账号*/
.personal-home-pageContent>.main-area .left-side-item .user-game-account {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    margin-top: 10px;
}
.personal-home-pageContent>.main-area .left-side-item ul.user-bind-account>li {
    margin-top: 5px;
}
.personal-home-pageContent>.main-area .left-side-item ul.user-bind-account>li>img {
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    border-radius: 50%;
    margin-right: 8px;
}
.personal-home-pageContent>.main-area .left-side-item ul.user-bind-account>li .account-type {
    font-size: 14px;
    color: #949494;
    margin-right: 10px;
}


/*我的文章*/
.personal-home-pageContent .left-side-item .left-side-item-articleList {
    margin-top: 12px;
}
.personal-home-pageContent .left-side-item li.home-publish-article-item {
    position: relative;
    margin-bottom: 15px;
}
.personal-home-pageContent .left-side-item li.home-publish-article-item>a{
	display: block;
	width: 100%;
    height: 160px;
    overflow: hidden;
}
.personal-home-pageContent .left-side-item li.home-publish-article-item img {
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 1px 0 rgba(121, 121, 121, 0.3);
    border-radius: 4px;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}
.personal-home-pageContent .left-side-item li.home-publish-article-item:hover img{
    transform: scale(1.05);
    transition: transform .3s ease-in-out;
}
.personal-home-pageContent .left-side-item .home-publish-article-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    opacity: 0.9;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 113%);
    font-size: 14px;
    color: #ffffff;
    padding: 6px 7px;
    word-break: break-all;
    border-radius: 0 0 4px 4px;
}
.home-all-publish-article-modal .home-all-publish-article-list{
    height: 582px;
}
.home-all-publish-article-modal .home-publish-article-item{
	position: relative;
	display: inline-block;
    overflow: hidden;
    margin-bottom: 10px;
}
.home-all-publish-article-modal li.home-publish-article-item:nth-child(2n) {
    margin-left: 20px;
}
.home-all-publish-article-modal li.home-publish-article-item>a {
    display: block;
    width: 330px;
    height: 179px;
    overflow: hidden;
    /*box-shadow:0 2px 2px 0 rgba(0,0,0,0.50);*/
    box-shadow: 0 1px 1px 0 rgba(121, 121, 121, 0.3);
	border-radius:4px;
}
.home-all-publish-article-modal li.home-publish-article-item>a>img{
	width: 100%;
	height: 100%;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}
.home-all-publish-article-modal li.home-publish-article-item:hover>a>img {
    transform: scale(1.05);
    transition: transform .3s ease-in-out;
}
.home-all-publish-article-modal li.home-publish-article-item>a .seedTitle {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0,0,0,0.3);
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
}
.home-all-publish-article-modal .home-publish-article-title {
    /*font-size: 16px;
    color: #000000;
    width: 330px;
    height: 44px;
    margin-top: 10px;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 54px;
    opacity: 0.9;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 113%);
    font-size: 16px;
    color: #ffffff;
    padding: 6px 7px;
    word-break: break-all;
    border-radius: 0 0 4px 4px;
}

/*TA的热帖*/
.personal-home-pageContent .left-side-item li.home-hot-topic-item {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    cursor: default;
}
.personal-home-pageContent .left-side-item .item-articleComment-txt {
    font-size: 16px;
    color: #444444;
    word-break: break-all;
}
.personal-home-pageContent .left-side-item .item-postComment-topicInfo {
    border-left: 2px solid #d6d6d6;
    padding-left: 6px;
    margin-top: 2px;
}
.personal-home-pageContent .left-side-item .item-originComment {
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 6px;
    max-width: 581px;
    word-break: break-all;
}
.personal-home-pageContent .left-side-item .item-postComment-topic-title {
    font-size: 14px;
    color: #3b68b8;
}
.personal-home-pageContent>.main-area .left-side .hot-topic .remind-txt {
    min-height: 80px;
    line-height: 80px;
    text-align: center;
    color: rgb(180, 180, 180);
}
/*查看全部热帖*/
.home-all-publish-topic-modal .home-all-publish-topic-list {
    min-height: 564px;
}
.home-all-publish-topic-modal li.home-hot-topic-item {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    cursor: default;
}
.home-hot-topic-item+.home-hot-topic-item{
	border-top:1px solid #e1e1e1;
}
.home-all-publish-topic-modal .item-articleComment-txt {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: bold;
    word-break: break-all;
    line-height: 1.6;
}
.home-all-publish-topic-modal .item-postComment-topicInfo {
    border-left: 2px solid #d6d6d6;
    padding-left: 6px;
    margin-top: 10px;
}
.home-all-publish-topic-modal .item-originComment {
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 2px;
    max-width: 581px;
    word-break: break-all;
    line-height: 1.6;
}
.home-all-publish-topic-modal .item-postComment-topic-title {
    font-size: 14px;
    color: #3b68b8;
}
.home-all-publish-topic-modal .item-footer {
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 10px;
}
.home-all-publish-topic-modal i.likes {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_grey_new.png);
    vertical-align: inherit;
    width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    margin-left: 10px;
}
.home-all-publish-topic-modal .sort-area {
    position: relative;
    display: inline-block;
    width: 100%;
}
.home-all-publish-topic-modal .sort-area>img {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 47px;
}
.home-all-publish-topic-modal .sort-area>a {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    color: #3b68b8;
    font-size: 14px;
    width: 120px;
    text-align: left;
    /*text-indent: 38px;*/
    position: relative;
    border-radius: 3px
}
.home-all-publish-topic-modal .sort-area>ul {
    display: none;
    width: 120px;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1000;
    background-color: #f4f6f8;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
    border-radius: 3px
}
.home-all-publish-topic-modal .sort-area.active>ul {
    display: block
}
.home-all-publish-topic-modal .sort-area>ul>li {
    line-height: 30px;
    color: #444444;
    text-align: center;
}
.home-all-publish-topic-modal .sort-area>ul>li:hover {
    color: #3b68b8;
}
/*TA的热评*/
.personal-home-pageContent>.main-area .left-side-item li.home-hot-comment-item{
	padding: 15px 0;
    cursor: default;
}
li.home-hot-comment-item+li.home-hot-comment-item {
    border-top: 1px solid #e1e1e1;
}
.personal-home-pageContent>.main-area .left-side-item .item-articleComment-txt{
	font-size: 14px;
    color: #6d6d6d;
    font-weight: 700;
    word-break: break-all;
    line-height: 1.6;
}
.personal-home-pageContent>.main-area .left-side-item .item-articleComment-articleInfo{
    border-left: 4px solid #3b68b8;
    padding-left: 10px;
    margin-top: 6px;
}
.personal-home-pageContent>.main-area .left-side-item .item-articleTitle{
	font-size: 14px;
    color: #3b68b8;
}
.personal-home-pageContent>.main-area .left-side-item .item-hot-comment-title {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: 700;
    word-break: break-all;
}
.personal-home-pageContent>.main-area .left-side-item .item-hot-comment-content {
    font-size: 14px;
    color: #8f8f8f;
    word-break: break-all;
}
.personal-home-pageContent>.main-area .left-side-item .item-originComment {
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 6px;
    max-width: 581px;
    word-break: break-all;
    line-height: 1.6;
}
.personal-home-pageContent>.main-area .left-side .hot-comment .remind-txt {
    min-height: 80px;
    line-height: 80px;
    text-align: center;
    color: rgb(180, 180, 180);
}
/*全部评论*/
.home-all-publish-comment-modal .sort-area {
    position: relative;
    display: inline-block;
    width: 100%;
}
.home-all-publish-comment-modal .sort-area>img {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 47px;
}
.home-all-publish-comment-modal .sort-area>a {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    color: #3b68b8;
    font-size: 14px;
    width: 120px;
    text-align: left;
    /*text-indent: 38px;*/
    position: relative;
    border-radius: 3px
}
.home-all-publish-comment-modal .sort-area>ul {
    display: none;
    width: 120px;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1000;
    background-color: #f4f6f8;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);
    border-radius: 3px
}
.home-all-publish-comment-modal .sort-area.active>ul {
    display: block
}
.home-all-publish-comment-modal .sort-area>ul>li {
    line-height: 30px;
    color: #444444;
    text-align: center;
}
.home-all-publish-comment-modal .sort-area>ul>li:hover {
    color: #3b68b8;
}
.home-all-publish-comment-modal .home-all-publish-comment-list {
    min-height: 564px;
}
.home-all-publish-comment-modal li.home-hot-comment-item{
	width: 100%;
    overflow: hidden;
   	padding: 15px 0;
    cursor: default;
}
li.home-hot-comment-item+li.home-hot-comment-item {
    border-top: 1px solid #e1e1e1;
}
.home-all-publish-comment-modal .item-articleComment-txt{
	font-size: 14px;
    color: #6d6d6d;
    font-weight: 700;
    word-break: break-all;
    line-height: 1.6;
}
.home-all-publish-comment-modal .item-articleComment-articleInfo{
    border-left: 2px solid #d6d6d6;
    padding-left: 6px;
    margin-top: 10px;
}
.home-all-publish-comment-modal .item-articleTitle{
	font-size: 14px;
    color: #3b68b8;
}
.home-all-publish-comment-modal .item-originComment {
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 2px;
    max-width: 581px;
    word-break: break-all;
    line-height: 1.6;
}
.home-all-publish-comment-modal .item-footer {
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 10px;
}
.home-all-publish-comment-modal i.likes {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_grey_new.png);
    vertical-align: inherit;
    width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    margin-left: 10px;
}
.home-all-publish-comment-modal i.hates {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/hate_logo_grey_new.png);
    vertical-align: text-bottom;
    width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    margin-left: 10px;
}
.home-all-publish-comment-modal i.replys {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/reply_logo_grey_new.png);
    vertical-align: text-bottom;
    width: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    margin-left: 10px;
}



.personal-home-pageContent>.main-area .main-content {
    margin-left: 348px;
    width: 710px;
}
/*成就*/
.personal-home-pageContent>.main-area .main-content .home-achievement-area{
	position: relative;
    border-top: 2px solid rgb(59,104,184);
    margin-bottom: 22px;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area .home-achievement-title {
    font-size: 16px;
    color: #444444;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 15px;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul{
	/*display: flex;*/
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul>li {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 96px;
    overflow: hidden;
    margin-right: 10px;
    cursor: default;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul>li:last-child {
    margin-right: 0;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul>li>img {
    width: 100%;
    height: 100%;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area .achievement-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3px 0;
    background-color: rgba(0,0,0,0.8);
    color: white;
    text-align: center;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area .check-all-achievement {
    float: right;
    color: #3b68b8;
    font-weight: normal;
    font-size: 14px;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul>li .lock-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 106px;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
}
.personal-home-pageContent>.main-area .main-content .home-achievement-area>ul>li .lock-shade>img {
    width: 40px;
    margin-top: 24px;
}
.home-all-achievements-modal ul.home-all-achievements-list {
    height: 500px;
    overflow: auto;
}
.home-all-achievements-modal ul.home-all-achievements-list>li {
	position: relative;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: default;
}
.home-all-achievements-modal ul.home-all-achievements-list>li .achievement-icon {
    width: 171px;
    height: 91px;
}
.home-all-achievements-modal ul.home-all-achievements-list>li .achievement-title {
    text-align: center;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: bold;
}
.home-all-achievements-modal ul.home-all-achievements-list .lock-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 171px;
    height: 91px;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
}
.home-all-achievements-modal ul.home-all-achievements-list .lock-shade>img {
    width: 38px;
    margin-top: 16px;
}

/*个人动态*/
.personal-home-pageContent>.main-area .main-content .home-dynamic-area {
    /*margin-top: 22px;*/
    border-top: 2px solid rgb(59,104,184);
    padding-bottom: 30px;
}
.personal-home-pageContent>.main-area .main-content .home-dynamic-title {
    font-size: 16px;
    color: #444444;
    font-weight: bold;
    padding-top: 10px;
}
.personal-home-pageContent>.main-area .main-content .hide-dynamic-btn {
    float: right;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 2px 0;
    cursor: pointer;
    background-color: white;
    color: #3b68b8;
}
.personal-home-pageContent>.main-area .main-content .loading-msg{
    padding: 15px 0;
    text-align: center;
}
.personal-home-pageContent>.main-area ul.home-dynamic-list>li {
    padding: 25px 0;
    cursor: default;
    overflow: hidden;
}
li.dynamic-item+li.dynamic-item {
    border-top: 1px solid #e7eff6;
}
ul.home-dynamic-list>li.dynamic-item .item-head{
	/*overflow: hidden;*/
}
ul.home-dynamic-list>li.dynamic-item .item-head .userHeadImg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    background-image: url(https://static.iyingdi.cn/achievement/badge/frame/moderator.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 2px;
}
ul.home-dynamic-list>li.dynamic-item .item-head .userHeadImg>img{
	width: 36px;
    height: 36px;
    border-radius: 50%;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info{
	margin-left: 50px;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .username {
    font-size: 14px;
    color: #3b68b8;
    margin-right: 6px;
    /*cursor: pointer;*/
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .level {
    color: white;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
    width: 38px;
    background-image: url(https://static.iyingdi.cn/achievement/badge/board/moderator.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: text-bottom;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .dynamic-type {
    font-size: 14px;
    color: #8f8f8f;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .operate-area{
	color: #9b9b9b;
    position: relative;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .operate-area>ul {
    display: none;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 2;
    width: 100px;
    background: #f7f7f7;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.25);
    border-radius: 3px;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .operate-area:hover>ul{
    display: block;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .operate-area>ul>li{
    text-align: center;
    padding: 4px;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .operate-area>ul>li:hover {
    color: #3b68b8;
}
ul.home-dynamic-list>li.dynamic-item .item-head-info .item-head-foot {
    font-size: 14px;
    color: #8f8f8f;
}
ul.home-dynamic-list>li.dynamic-item .item-content {
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-articleComment-content, ul.home-dynamic-list>li.dynamic-item .item-publish-topic-content, ul.home-dynamic-list>li.dynamic-item .item-postsComment-content {
    width: 100%;
    /*background-color: #f7f7f7;*/
    border-radius: 4px;
    padding: 2px;
}
ul.home-dynamic-list>li.dynamic-item .item-articleComment-txt {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: 700;
    word-break: break-all;
    line-height: 1.6;
}
ul.home-dynamic-list>li.dynamic-item .item-articleComment-articleInfo, ul.home-dynamic-list>li.dynamic-item .item-postComment-topicInfo{
    border-left: 2px solid #d6d6d6;
    padding-left: 6px;
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-post-content {
    border-radius: 4px;
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-post-content .item-post-txt {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: 700;
    word-break: break-all;
    line-height: 1.6;
}
ul.home-dynamic-list>li.dynamic-item .item-post-content .item-post-topicInfo {
    color: #BCBCBC;
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-originComment {
    font-size: 14px;
    color: #8f8f8f;
    margin-bottom: 2px;
    max-width: 698px;
    word-break: break-all;
    line-height: 1.6;
}
ul.home-dynamic-list>li.dynamic-item .item-articleComment-content .item-articleTitle, ul.home-dynamic-list>li.dynamic-item .item-postComment-topic-title {
    font-size: 14px;
    color: #3b68b8;
}
ul.home-dynamic-list>li.dynamic-item .item-publish-topic-content .item-topic-title {
    font-size: 14px;
    color: #7d7d7d;
    font-weight: bold;
}
ul.home-dynamic-list>li.dynamic-item .item-publish-topic-content .item-topic-Info {
    font-size: 16px;
    color: #bcbcbc;
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item i.item-topic-pageview {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 1px;
}
ul.home-dynamic-list>li.dynamic-item i.item-topic-reply {
    background-image: url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 1px;
    margin-left: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-article-cover {
    position: relative;
    width: 191px;
    height: 109px;
    /*margin: 0 auto;*/
    border-radius:4px;
    float: left;
    overflow: hidden;
}
ul.home-dynamic-list>li.dynamic-item .item-article-cover>img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.50);*/
}
ul.home-dynamic-list>li.dynamic-item:hover .item-article-cover>img{
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
ul.home-dynamic-list>li.dynamic-item .right-part {
    margin-left: 211px;
    height: 109px;
}
ul.home-dynamic-list>li.dynamic-item .right-part .title {
    font-size: 20px;
    font-weight: bold;
    color: #4a4a4a;
    text-align: left;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
ul.home-dynamic-list>li.dynamic-item:hover .right-part .title{
    color: #3b68b8;
    transition: color 0.3s ease-in-out;
}
ul.home-dynamic-list>li.dynamic-item .right-part .description {
    font-size: 14px;
    color: #646464;
    line-height: 1.7;
    max-height: 63px;
    overflow: hidden;
    word-break: break-all;
    margin-top: 10px;
}
ul.home-dynamic-list>li.dynamic-item .item-article-cover .item-article-cover-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: .9;
    background-image: linear-gradient(-180deg,rgba(0,0,0,0) 0,#000 113%);
    height: 60px;
    padding: 13px 15px;
    border-radius: 0 0px 4px 4px;
    overflow: hidden;
}
ul.home-dynamic-list>li.dynamic-item .item-article-cover .item-article-cover-footer>div {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    word-break: break-all;
    overflow: hidden;
    text-shadow: 0 2px 2px rgba(0,0,0,.6);
    letter-spacing: 2px;
}
ul.home-dynamic-list>li.dynamic-item .item-article-cover span.seedTitle {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
    color: white;
    padding: 2px 9px;
    font-size: 14px;
}