.archive-top {width:9.8rem;  margin:0.5rem 0.5rem 0 0.5rem;}
.archive-top-img {width:9.8rem; height: 9.8rem;}
.archive-top-text {  font-weight: bolder; color:#303030; font-size: 0.68rem; text-align: center;
        margin: 1.36rem auto 0.6rem;}

.archive-top-time {height:2.66rem; text-align: center; font-size: 0.28rem;
    margin: 0 auto; color: #a5a5a5; vertical-align: top;}

.archive-top-line {width:100%; height:0.05rem; text-align: center;
    margin: 1.2rem auto 0; color: #a5a5a5;}

.archive-top-user {width:100%; height:1.58rem; text-align: center; font-size: 0.34rem;
    margin: 0 auto; color: #5c5c5c; vertical-align: top;}

.archive-line {width:100%; height:0.32rem; background-color: #f7f9fa;}



.archive-body{width:9.8rem; margin: 0 0.5rem 0 0.5rem; background-color: #FFFFFF;}

.archive-body-img {width:100%; margin: 1.36rem 0 0.62rem 0; background-color: #FFFFFF;}
.archive-body-text-1 {width:100%; margin: 0.62rem 0 1.36rem 0; background-color: #FFFFFF; 
        font-size: 0.48rem; color: #303030; line-height: 0.82rem; vertical-align: top;}
.archive-body-text-2 {width:100%; margin: 1.36rem 0 1.36rem 0; background-color: #FFFFFF; 
        font-size: 0.48rem; color: #303030; line-height: 0.82rem; vertical-align: top;}
.archive-body-time {width:100%; margin:0 0 0.52rem 0; font-size: 0.34rem; color: #a5a5a5; text-align: right;}
.archive-body-sep {width:100%; height:0.01rem; background-color: #dcdcdc;}
.archive-body-open {width:100%; height:2rem;}
.archive-body-archive-img {width:100%; height:2rem;}



.archive-comment{width:9.8rem; margin: 0 0.5rem 0 0.5rem;}

.archive-comment-header {width:9.8rem; height:1.28rem; color:#303030; font-size: 0.38rem; 
            font-weight: bolder; vertical-align: center; text-align: left; line-height: 1.28rem;}

.archive-comment-sep {width:100%; height:0.01rem; background-color: #dcdcdc;}

.archive-comment-content {width:9.8rem;}
.archive-comment-content-author {width:9.8rem; height:0.88rem; margin:0.44rem auto 0.44rem;}
.archive-comment-content-icon {width:0.88rem; height:0.88rem; float:left; display:inline;}
.archive-comment-content-profile {width:8.4rem; height:0.88rem; margin-left:0.28rem; float:left; display:inline;}
.archive-comment-content-profile-first {width:8.4rem; height:0.4rem; margin-bottom: 0.16rem;}
.archive-comment-content-nickname {width:4rem; font-weight: bolder; font-size: 0.4rem; text-align: left;  float:left; display:inline;
            color:#303030; line-height: 0.4rem; margin-bottom: 0.16rem;}
.archive-comment-content-time {width:4rem; font-size: 0.28rem; text-align: right; float:right; display:inline;
            color:#a5a5a5; line-height: 0.28rem;}
.archive-comment-content-gender {width:8.64rem; font-weight: lighter; font-size: 0.32rem; text-align: left;
            color:#5c5c5c; line-height: 0.32rem;}
.archive-comment-content-gender-img {width:0.32rem; height:0.32rem; float:left; display:inline;}
.archive-comment-content-gender-text {width: 2rem; height: 0.32rem; float:left; display:inline;}
/*.archive-comment-content-gender-img {width:0.32rem; height:0.32rem; float:left; display:inline;}
.archive-comment-content-gender-constellation {width:8rem; height:0.32rem; float:left; display:inline; margin-left: 1rem;}*/

.archive-comment-content-body {width: 8.64rem; font-size: 0.44rem; margin-bottom: 0.64rem; margin-left:1.16rem;
            color:#303030; line-height: 0.7rem; vertical-align: top;}


.archive-trailer {width: 10.8rem; height: 9.42rem;}
.archive-qrcode {width: 10.8rem; height: 7.52rem;}
.archive-app {width: 100%; height: 1.92rem; background-image: url(../img/bottom.png); background-size:100% 100%; position:fixed; bottom:0;}
.archive-app-goto {width: 2.35rem; height: 1rem; vertical-align: center; float: right; margin-top: 0.56rem; margin-right: 0.5rem;}
/*.arvhive-app-logo {width: 7.45rem; height:1.92rem; float:left; display:inline;}*/





/*  话题  */
.topic-header {width:10.8rem; background-color: #FFFFFF;}
.topic-header-img {width: 10.8rem; height:5.4rem; font-weight: bolder; color:#FFFFFF; font-size: 0.56rem; 
            text-align: center; vertical-align: middle; line-height: 0.56rem;}
.topic-header-title {width:9.96rem; height:1.3rem; margin: 0 0.42rem 0 0.42rem; vertical-align: middle; 
            font-size: 0.38rem; color:#303030; line-height: 0.38rem; font-weight: bold; padding-top: 0.38rem;}

.topic-header-content {width:9.96rem; line-height: 0.8rem; font-size: 0.4rem; color:#5c5c5c;
            margin: 0 0.42rem 0 0.42rem;}


.topic-header-vote {width:9.96rem; height:3.8rem; margin: 0 0.42rem 0 0.42rem;}

.topic-header-vote-btn-red {width: 4.88rem; height:1.28rem; font-weight: bold; font-size:0.4rem; color:#FFFFFF; vertical-align:middle; text-align: center;
            margin: 0.56rem 0 0 0; float:left; display: inline;background-image: url(../img/vote_red.png); background-size:100% 100%;}

.topic-header-vote-btn-blue {width: 4.88rem; height:1.28rem; font-weight: bold; font-size:0.4rem; color:#FFFFFF; vertical-align:middle; text-align: center;
            margin: 0.56rem 0 0 0.2rem; float:left; display: inline; background-image: url(../img/vote_blue.png); background-size:100% 100%;}


.topic-header-vote-bar-red {height:0.12rem; float:left; display: inline; background-color: #ec5d5d;  background-repeat: repeat-y;
            margin-top:0.46rem; margin-bottom: 0.46rem;}
.topic-header-vote-bar-blue {height:0.12rem; float:left; display: inline; background-color: #7acac9;  background-repeat: repeat-y;
            margin-top:0.46rem; margin-bottom: 0.46rem;}
.topic-header-vote-stat-red {width: 4.98rem; height:0.36rem; line-height: 0.36rem; font-size: 0.36rem; font-weight: bolder; color: #303030;
            margin-bottom: 0.56rem; float: left; display: inline; text-align: left;}
.topic-header-vote-stat-blue {width: 4.98rem; height:0.36rem; line-height: 0.36rem; font-size: 0.36rem; font-weight: bolder; color: #303030;
            margin-bottom: 0.56rem; float: left; display: inline; text-align: right;}



.topic-line {width:100%; height:0.32rem; background-color: #f7f9fa;}

.topic-body {width:9.96rem; margin: 0 0.42rem 0 0.42rem;}
.topic-body-sep {width:100%; height:0.01rem; background-color: #dcdcdc;}
.topic-body-header {width:100%; height:1.3rem; color:#303030; font-size: 0.38rem; 
            font-weight: bold; vertical-align: center; text-align: left; line-height: 1.3rem;}

.topic-body-reply {width:9.96rem; margin-top: 0.72rem; margin-bottom: 1.16rem;}
.topic-body-reply-author {width:9.96rem; height:0.88rem; margin:0 auto 0.3rem;}
.topic-body-reply-author-icon {width:0.88rem; height:0.88rem; float:left; display:inline;}
.topic-body-reply-author-profile {width:8.8rem; height:0.88rem; margin-left:0.26rem; float:left; display:inline;}
.topic-body-reply-author-profile-first {width:8.8rem; height:0.4rem; margin-bottom: 0.16rem;}
.topic-body-reply-author-profile-nickname {width:4rem; font-weight: bolder; font-size: 0.4rem; text-align: left;  float:left; display:inline;
            color:#303030; line-height: 0.4rem; margin-bottom: 0.16rem;}
.topic-body-reply-author-profile-time {width:4rem; font-size: 0.28rem; text-align: right; float:right; display:inline;
            color:#a5a5a5; line-height: 0.28rem;}
.topic-body-reply-author-profile-gender {width:8.64rem; font-weight: lighter; font-size: 0.32rem; text-align: left;
            color:#5c5c5c; line-height: 0.32rem;}
.topic-body-reply-author-profile-gender-img {width:0.32rem; height:0.32rem; float:left; display:inline;}
.topic-body-reply-author-profile-gender-text {width: 2rem; height: 0.32rem; float:left; display:inline;}
.topic-body-reply-content {width: 9.96rem; font-size: 0.46rem; margin-bottom: 0.6rem; 
            color:#303030; line-height: 0.7rem; vertical-align: top; word-wrap:break-word;}

.topic-body-reply-stat {width:100%; height:0.34rem; font-weight: lighter; font-size: 0.34rem; text-align: left;
            color:#a5a5a5; line-height: 0.34rem;}
.topic-body-reply-stat-like-img {width:0.34rem; height:0.34rem; float:left; display:inline;}
.topic-body-reply-stat-like-text {height: 0.34rem; float:left; display:inline; margin-left: 0.1rem; color: #a5a5a5;}
.topic-body-reply-stat-comment-img {width:0.34rem; height:0.34rem; float:left; display:inline; margin-left: 0.5rem;}
.topic-body-reply-stat-comment-text {height: 0.34rem; float:left; display:inline; margin-left: 0.1rem; color: #a5a5a5;}


.topic-body-all {width:100%;}

.topic-trailer {width: 10.8rem; height: 9.42rem;}
.topic-trailer-bak {width: 10.8rem; height: 1.52rem; margin-top:2.3rem;}

.topic-qrcode {width: 10.8rem; height: 7.52rem;}
.topic-app {width: 100%; height: 1.92rem; background-image: url(../img/bottom.png); background-size:100% 100%; position:fixed; bottom:0;}
.topic-app-goto {width: 2.35rem; height: 1rem; vertical-align: center; float: right; margin-top: 0.56rem; margin-right: 0.5rem;}





/*  旧物  */

.item-top {width:9.6rem;  margin:0.6rem 0.5rem 0 0.6rem;}
.item-top-img {width:9.6rem; height: 9.6rem;}


.archive-line {width:100%; height:0.32rem; background-color: #f7f9fa;}



.item-body{width:8.4rem; margin: 1rem 1.2rem 0 1.2rem; background-color: #FFFFFF;}
.item-body-text {font-size: 0.48rem; line-height: 0.96rem; vertical-align: center; color:#303030; margin-top: 1rem;}



.item-comment{width:9.8rem; margin: 2rem 0.5rem 2rem 0.5rem;}

.item-comment-header {width:9.8rem; height:0.4rem; color:#303030; font-size: 0.4rem; 
            font-weight: bolder; vertical-align: center; text-align: left; line-height: 0.4rem; margin-bottom: 0.8rem;}

.item-comment-sep {width:100%; height:0.01rem; background-color: #dcdcdc;}

.item-comment-content {width:9.8rem;}
.item-comment-content-author {width:9.8rem; height:0.88rem; margin:0.44rem auto 0.44rem;}
.item-comment-content-icon {width:0.88rem; height:0.88rem; float:left; display:inline;}
.item-comment-content-profile {width:8.4rem; height:0.88rem; margin-left:0.28rem; float:left; display:inline;}
.item-comment-content-profile-first {width:8.4rem; height:0.4rem; margin-bottom: 0.16rem;}
.item-comment-content-nickname {width:4rem; font-weight: bolder; font-size: 0.4rem; text-align: left;  float:left; display:inline;
            color:#303030; line-height: 0.4rem; margin-bottom: 0.16rem;}
.item-comment-content-time {width:4rem; font-size: 0.28rem; text-align: right; float:right; display:inline;
            color:#a5a5a5; line-height: 0.28rem;}
.item-comment-content-gender {width:8.64rem; font-weight: lighter; font-size: 0.32rem; text-align: left;
            color:#5c5c5c; line-height: 0.32rem;}
.item-comment-content-gender-img {width:0.32rem; height:0.32rem; float:left; display:inline;}
.item-comment-content-gender-text {width: 2rem; height: 0.32rem; float:left; display:inline;}
/*.archive-comment-content-gender-img {width:0.32rem; height:0.32rem; float:left; display:inline;}
.archive-comment-content-gender-constellation {width:8rem; height:0.32rem; float:left; display:inline; margin-left: 1rem;}*/

.item-comment-content-body {width: 8.64rem; font-size: 0.44rem; margin-bottom: 0.64rem; margin-left:1.16rem;
            color:#303030; line-height: 0.7rem; vertical-align: top;}


.item-trailer {width: 10.8rem; height: 9.42rem;}
.item-qrcode {width: 10.8rem; height: 7.52rem;}
.item-app {width: 100%; height: 1.92rem; background-image: url(../img/bottom.png); background-size:100% 100%; position:fixed; bottom:0;}
.item-app-goto {width: 2.35rem; height: 1rem; vertical-align: center; float: right; margin-top: 0.56rem; margin-right: 0.5rem;}