* {
    margin: 0px;
    padding: 0px;
}

html {
    height: 100%;
    width: 100%;
    font-family: 'Heiti SC', 'Microsoft YaHei';
    font-size: 20px;
    overflow-x: hidden;
    outline: 0;
    -webkit-text-size-adjust: none;
}

body {
    height: 100%;
    margin: 0;
    position: relative;
}

a {
    text-decoration: none;
	color:#666666;
}

img {
    border: 0;
}

h1,h2,h3{
    font-weight:normal;
}


input,textarea {
    -webkit-appearance:none;
}

.big-btn{
    width:100%;
    border:none;
    background-color:#e03939;
    color:#fff;
    height:4rem;
    text-align:center;
    display:block;
    line-height:4rem;
    font-size:1.8rem;
    margin-top:1rem;
}

.btn-gray{
    background-color:#b3b3b3;
}

/*图片外层链接a标签的统一样式，以及包裹的img标签的样式*/
.img-a-wrap {
    display: block;
}

    .img-a-wrap > img {
        display: block;
    }

.float-to-left{
    float:left;
}

.float-to-right{
    float:right;
}

.clearfix:after {
    height: 0;
    content: " ";
    visibility: hidden;
    display: block;
    clear: both;
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0;
    font-size: 0;
}

.to-block{
    display:block;
	position:relative;
}

.icon-text{
    display:block;
    width: 1.1rem;
    height: 1.1rem;
    font-style: normal;
    background-color: #E9EAEB;
    font-size: 0.7rem;
    color: #5B6367;
    line-height: 1.05rem;
    text-align: center;
    border-radius:0.2px;
    padding:0.1rem;
    margin-top:0.15rem;
}


.left-line-title{
    height:1.4rem;
    border-left:0.3rem solid #cb3333;
    padding-left:0.5rem;
    color:#000;
    font-size:1.4rem;
    line-height:1.4rem;

}
.vartical-align{ vertical-align:middle;}

/*整体页面包裹*/
#page_wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

/*header begin*/
#header {
    height: 4.2rem;
    background-color: #fff;
    box-shadow: 0px 0.25rem 0.25rem rgba(0,0,0,0.2);
    position: fixed;
    z-index: 99;
    width: 100%;
}

.top-logo {
    display: block;
	margin-left:5rem;
    height: 2.4rem;
	margin-top:1.1rem;
    
}

.top-btn {
    position: absolute;
    left: 1.5rem;
    top: 1.25rem;
    width: 2.6rem;
    height: 1.45rem;
}




    #btn_more_label{
        width:2.5rem;
        margin:0 auto;
        height:1.2rem;
        overflow:hidden;
    }
.top-btn-more {
    width: 1rem;
    height: 0.8rem;
    margin: 0.2rem auto;
    display: block;
}
/*header end*/

.flicker-example{ height:16rem;}

#content{
    width:30rem;
    margin:1.5rem auto;
}

.btn-more {
    width: 100%;
    height: 2.5rem;
    background-color: #f8f8f8;
    text-align: center;
    color: #a1a1a1;
    line-height: 2.5rem;
    border-radius: 5px;
    margin:2rem 0;
    font-size:1rem;
    
}

/*common-title*/
.section-title-wrap{
    width: 30rem;
    background-color:#fff;
    height:2.0rem;
    position:relative;
    overflow:hidden;
}
.t-line{
    display:block;
    width:100%;
    height:1px;
    background-color:#f6f6f6;
    margin-top:0.68rem;
}

.section-title{
    height:1.4rem;
    border-left:0.3rem solid #cc3333;
    padding-left:0.6rem;
    color:#000;
    font-size:1.4rem;
    background-color:#fff;
    padding-right:0.9rem;
    line-height:1.4rem;
    position:absolute;
    left:0px;
    top:0px;
}

.section-r {
    float: right;
    display: block;
    color: #cb3333;
    font-size: 1rem;
    margin-top: -0.8rem;
    background-color: #fff;
    padding-left: 0.7rem;
}


/*waterfall common*/
#imgs-wrap{
    width:32rem;
    margin-left:-1rem;
    margin-top:1.6rem;
    position:relative;
}

.img-block{
    width:14.5rem;
    background-color:#F9F9F9;
    float:left;
    margin-left:1rem;
    padding-bottom:0.5rem;
}
.timestock{ display:block; font-size:1rem; position:absolute; background-color:#C33; color:#FFF; top:1rem; right:0rem;}
.Datestok{font-size:1rem;  background-color:#f1f1f1; color:#cccccc; top:1rem; right:0rem; padding:1px 2px; border-radius:5px;}
.img-block > a.to-block img{
    width:100%;
    height:auto;
    display:block;
}


.img-info-wrap{
    width:14.5rem;
}

.info-top{
    padding:0.5rem;
}

.img-info-tit {
    font-size: 1.25rem;
    display: block;
	line-height:2rem;
    float: left;
    color: #282828;

}

.long-tit{
    max-width:26rem;
}


.img-info-icon {
    display: block;
    float: right;
    width: 1rem;
    height: 1rem;
    font-style: normal;
    /*background-color: #E9EAEB;*/
    background-color:#cb3333;
    font-size: 0.8rem;
    color:#fff;
    /*color: #5B6367;*/
    line-height: 1.05rem;
    text-align: center;
    border-radius:0.2px;
    padding:0.1rem;
    margin-top:0.15rem;
}

.split-line {
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    opacity: 0.3;
}


.info-bottom {
    width: 13.5rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.user-info{
    float:left;
    width:105px;
}

.user-a {
    color: #9e9e9e;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.user-head-img {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    vertical-align: middle;
}

.user-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9rem;
    width: 2.75rem;
    overflow: hidden;
    height: 2rem;
    line-height: 2rem;
    white-space: nowrap;
}

.img-data {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    width: 62%;
}


.data-block {
    float: right;
    height: 1.25rem;
    padding-top:0.375rem;
    white-space: nowrap;
    overflow: hidden;
    margin-left:0.25rem;
}

.img-data > div.data-block:last-child{
    margin-left:0px;
}

.bottom-icon-commom {
    display: block;
    height: 1.25rem;
    background-position: left center;
    width:1.25rem;
    background-repeat: no-repeat;
    background-size:cover;
    /*background-position:left center;*/
    float:left;
}

.icon-eye{
    background-image: url('../images/common/icon-eye.png');
}

.icon-like {
    background-image: url('../images/common/icon-like.png');
}

.icon-commt{
    background-image: url('../images/common/icon-commt.png');
}

.icon-data {
    background-image: url('../images/common/icon-date.png');
}


.data-txt {
    font-size: 0.7rem;
    display: block;
    float: left;
    height:1.25rem;
    color: #9e9e9e;
    line-height: 1.25rem;
    max-width:3.5rem;
    padding-left:0.2rem;
    overflow:hidden;
}
.data-txt-Date
 {
    font-size: 0.7rem;
    display: block;
    float: left;
    height:1.25rem;
    color: #9e9e9e;
    line-height: 1.25rem;
    max-width:8.6rem;
    padding-left:0.2rem;
    overflow:hidden;
	margin-right:5px;
}

/*footer begin*/
footer {
    background-color: #2b577c;
    width: 100%;
    overflow: hidden;
    position:relative;
	
}


.bottom-info {
	padding:2rem;
	line-height:2rem;
    color: #a6abaf;
    margin: 0 auto;
	font-size:1.2rem;
    text-align: center;
}


/*重写抽屉样式*/

.drawer-nav{
    width:17.5rem;
    background-color:#eee;
}

.drawer-menu {
    margin-top: 0rem;
    background-color: #fff;
    min-height: 18rem;
}


/*未登录状态*/
#drawer_head_wrap {
    height: 8rem;
    color: #5a5a5a;
    margin-bottom:1.5rem;
}

    #drawer_head_wrap img {
        display: block;
        width: 6rem;
        height: 6rem;
        margin: 5rem auto 0rem auto;
    }

    #drawer_head_wrap a{
        padding:0 1rem;
        color:#5a5a5a;
        font-size:1.3rem;
        line-height:2rem;
    }

/*登录状态*/
#logined_wrap {
    width: 100%;
    height: 14rem;
    position: relative;
    margin-top:2rem;
}

.btn-logout{
    display: block;
    position: absolute;
    right:1.5rem;
    color:#9d9d9d;
    font-size:1rem;
    top:-0.2rem;
}


.head-img-wrap {
    display: block;
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: 50%;
    top: 1.3rem;
    margin-left: -3rem;
}

.drawer-head-img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
}


#pub_btn_wrap{
    width:5.8rem;
    height:5.5rem;
    position:absolute;
    right:2rem;
    top:2.2rem;
	z-index:10;
}



.btn-pub{
    width: 5rem;
    height:2rem;
    padding: 0 0.4rem;
    background-color: #d23535;
    color: #fff;
    line-height: 2.1rem;
    display: block;
    text-align: center;
    border-radius:1rem;
    margin-top:1.5rem;
}


#u_infos{
    position:absolute;
    bottom:1.5rem;
    width:100%;
    height:5rem;
}

.top-uname{
    font-size:1.5rem;
    color:#514b4b;
    text-align:center;
    height:2rem;
    line-height:2rem;
}

.top-location{
    font-size:1rem;
    color:#545454;
    line-height:1.2rem;
    text-align:center;
}

#data_list{
    list-style:none;
    text-align:center;
}

#data_list li{
    display:inline-block;
    height:2rem;
    line-height:2rem;
    margin-top:0.6rem;
    padding:0 0.5rem;
}

#btn-msg {
    display: block;
    position: absolute;
    width: 2.1rem;
    height: 1.3rem;
    background-image: url('../images/common/icon-msg.png');
    background-size:cover;
    background-repeat:no-repeat;
    left:1.5rem;
}

/*已登录状态样式结束*/


.drawer-menu li{
    display:block;
    border-bottom:1px solid #cfcfcf;
    height:6rem;
    line-height:4.5rem;
    padding-left:2.5rem;
}

    .drawer-menu li.select {
        background-color: #d14040;
    }
        .drawer-menu li.select i {
            background-color: #fff;
        }
        .drawer-menu li.select a {
            color: #fff;
        }

.drawer-menu-item{
    display:inline-block;
    vertical-align:middle;
    font-size:1.5rem;
}

.g-block{
    display:inline-block;
    width:0.5rem;
    height:0.5rem;
    background-color:#D13F3F;
    vertical-align:middle;
}


/*文章通用样式*/

#arti_container{
    margin-top:0rem;
}

.article-block{
    width:100%;
    margin-top:1.5rem;
}

.article-img-wrap{
    display:block;
    width:10.25rem;
    height:6.75rem;
    float:left;
}

.article-img-wrap img{
    display:block;
    width:10.25rem;
    height:6.75rem;
}

.article-text-wrap{
    float:right;
    width:18.5rem;
    height:atuto;
    overflow:hidden;
}



.no-img div.article-text-wrap{
    float:none;
    width:100%;
    
}


.article-tit,.comt-tit {
    font-size: 1.4rem;
    line-height:2rem;
    color: #282828;
    display: block;
    overflow: hidden;
    margin-top: -0.05rem;
	padding-bottom:0.7rem;
}

.article-content,.comt-content{
    height:auto;
    font-size:1rem;
    color:#A6a6a6;
    margin-top:.5rem;
    line-height:1.7em;
    overflow:hidden;
}

.artical-block-bottom{
    margin-top:0.5rem;
}

.long-width{
    width:12rem;
}


/*评论样式*/

#comment_wrap{

}

#comment_wrap div.data-block{
    padding-top:0.15rem;
}

.comment-i-big {
    display:block;
    width: 4px;
    height: 20px;
    background-color: #D3d3d3;
    margin-top:3px;
    float:left;
}
.comment-tit{
    display:block;
    line-height:2rem;
    padding-left:10px;
    color:#282828;
    max-width:25rem;
    font-size:1.25rem;
    padding-right:10px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}

.comt-tit{
    font-size:1.1rem;
}

.comt-txt{
    color:#5b6367;
    height:4.8rem;
}

.bottom-time {
    float: left;
    font-size: 0.8rem;
    color: #9d9d9d;
    height: 2rem;
    line-height: 2rem;
    padding-left:0.2rem;
}

.commt-split-line{
    height:1px;
    background-color:#e4e4e4;
    margin:1.25rem auto;
}


.zan{
    width:68px;
    height:68px;
    margin:2rem auto;
    background-image:url("../images/common/zan.png");
    background-repeat:no-repeat;
    cursor:pointer;
}



/*作品大图片样式*/


#production > div.prod-img-block:first-child {
    margin-top: 0px;
}

.prod-img-block{
    background-color:#fafafa;
    margin-top:1.5rem;
}

    .prod-img-block > a {
        display: block;
    }

.prod-img {
    display:block;
    width:100%;
    height:auto;
}

.prod-img-bottom{
    padding:0.6rem 0;
}

.tit-area {
    height:1.8rem;
    padding:0 0.6rem;
}

.prod-img-tit {
    display: inline-block;
    max-width: 27rem;
    width: auto;
    vertical-align:middle;
}

.img-icon-text {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.15rem;
    margin-left:.5rem;
    background-color:#cb3333;
    color:#fff;
}

.prod-label{
    height:1.4rem;
    font-size:0.9rem;
    color:#000;
    opacity:0.7;
    line-height:1.4rem;
    padding:0 0.6rem 0.6rem 0.6rem;
}

.prod-label a{
    color:#000;
}


.prod-info-bottom{
    width:28.8rem;
    padding:0.6rem;
    padding-bottom:0;
}

.prod-pub-time {
    float: left;
    font-size: 0.9rem;
    color: #9d9d9d;
    height: 2rem;
    line-height: 2rem;
    margin-left: .5rem;
}

.long-width-10{
    width:10rem;
    padding-right:0.3rem;
}

/*评论样式-通用*/
.comment-block{
    padding:1rem 0.2rem;
		margin-top:1rem;
	border-bottom:1px #cccccc dotted;
   
}

#comment_wrap a.img-a-wrap {
    width: 3rem;
    height: 3rem;
    float:left;
}

#comment_wrap a.img-a-wrap img{
    width: 3rem;
    height: 3rem;
    border-radius:50%;
}

.comment-content{
    width:25.5rem;
    float:left;
    padding-top:0.65rem;
}

.comment-content div.replay-user-info{
    font-size:0.9rem;
}

.comment-user{
    display:inline-block;
    line-height:1.2rem;
    vertical-align:middle;
    color:#cb3333;
    max-width:8rem;
    overflow:hidden;
    font-size:1rem;
    height:1.2rem;
    white-space:nowrap;
}

.txt-replay{
    display:inline-block;
    padding:0 0.6rem;
    height:1.1rem;
    line-height:1rem;
    vertical-align:middle;
}

.comment-time{
    font-size:1rem;
    line-height:1rem;
    color:#9d9d9d;
    margin-left:1rem;
    vertical-align:middle;
    display:inline-block;
    height:1.1rem;
}

.comment-txt{
    font-size:1rem;
    line-height:1.6rem;
    margin:0.5rem 0;
}

#comment_wrap .img-data{
    width:auto;
    vertical-align:middle;
}

#comment_wrap .comm-data-txt {
    font-size: 0.7rem;
    float:left;
    height: 1.25rem;
    color: #9e9e9e;
    line-height: 1.25rem;
    padding-left: 0.2rem;
    overflow: hidden;
    max-width:6rem;
    vertical-align:middle;
}

#comment_wrap .btn-replay {
    float: left;
    vertical-align: middle;
    display:inline-block;
    color:#9d9d9d;
    line-height:1.8rem;
}

#comment_wrap .replay-wrap {
    border-left: 1px solid #e9e9e9;
    width: 23rem;
    margin-left: 5.5rem;
}

.replay-footer{
    margin-left:5.5rem;
}

#comment_wrap .re-level-1 {
    width: 23rem;
    padding-left:1rem;
    padding-top:0;
    padding-bottom:0;
    margin-top:1.5rem;
}

#comment_wrap .re-level-1 > .img-a-wrap{
    width:3rem;
    height:3rem;
}

#comment_wrap .re-level-1 > .img-a-wrap img{
    width:3rem;
    height:3rem;
}

#comment_wrap .content-level-1 {
    width: 18.5rem;
    padding-top:0.5rem;
}

.comment-split-line {
    background-image: url('../images/common/split-line-gray.png');
    width:656px;
    height:3px;
    margin:13px auto;
}


.comment-footer{
    
}

#pub_comment{
    width:30rem;
    margin:0 auto 1.5rem auto;
}


#pub_comment #iptComment{
    width:29rem;
    display:block;
    height:5rem;
    line-height:1.6rem;
    padding:0.4rem;
    border:1px solid #c9c9c9;
    border-radius:0.25rem;
    resize:unset;
    outline:none;
    margin:0 auto;
}

#btnPubcomm{
    display:block;
    width:5rem;
    height:2rem;
    background-color:#d23535;
    float:right;
    border:0;
    line-height:2rem;
    color:#fff;
    text-align:center;
    border-radius:1rem;
}

.pub_comment_bottom{
    margin-top:0.8rem;
}

.text-num{
    float:left;
    font-size:1rem;
    color:#9d9d9d;
    margin-top:0.3rem;
}


/*分页样式*/
#pager{
    text-align:center;
    margin:3rem 0px;
}
#pager ul {
    list-style: none;
    overflow: hidden;
}

    #pager ul li {
        margin-left: 1rem;
        display: inline-block;
        height:3rem;
    }
#pager ul li:first-child{
    margin-left:0px;
}

.a_li{
    color:#000000;
    height:2rem;
    padding:0 0.75rem;
    line-height:2rem;
    border-radius:0.5rem;
    border:1px solid #c8c8c8;
    display:inline-block;
    font-size:1.1rem;
}

.a_slected{
    color:#ffffff;
    background-color:#CB3333;
    border:none;
    border:1px solid #cb3333;
}



		
		.text-icon {
    padding: 0.2rem;
    background-color: #cb3333;
    border-radius: 0.2rem;
    color: #fff;
    font-size:0.6rem;
    line-height:1rem;
    font-style:normal;
	 margin-left:0.4rem;
}
.time-option-wrap{ margin:1.4rem 0rem; width:100%;}
.time-option-wrap a{ display:block; height:3rem; float:left; color:#999999; margin-right:0.6rem; line-height:3rem; font-size:1.1rem;}
.a-head{ margin-left:0rem;}
.img-head {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display:block;
    border:0px;
    overflow:hidden;
}

.img-head1 {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display:block;
    border:0px;
    overflow:hidden;
}
.mult-pic-summary1{
    background-color:#f2f2f2;
    width:28.6rem;
    padding:0.7rem;
    font-size:1.2rem;
    line-height:2rem;
	color:#333333;
	margin:0.6rem 0rem;
}
.pic-content{
    margin-top:1.5rem;
}

.pic-content img{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto;
}

.pic-text{
    font-size:1.3rem;
    line-height:2em;
    color:#282828;
    margin-top:1rem;
    padding-bottom:1.2rem;
}

.pic-text img{

    margin:1rem 0rem;
}


.detail-title{
    font-size:1.7rem;
    line-height:2.5rem;
    color:#282828;
    font-weight:bold;
    padding-top:0.75rem;
	margin:0.8rem 0rem;
}

.comment_line{ width:30rem; padding:0rem 0.3rem; margin:1rem 0rem;}
.fatherNext{ margin:1rem 0rem;}
.next-Prv{ width:14.5rem; height:2.5rem; line-height:2.5rem; text-align:center; background-color:#f2f2f2; color:#999999; margin-right:0.5rem; margin-top:0.1rem; overflow:hidden;font-size:1.2rem;}
.next-Prv a{ color:#282828; font-size:1.2rem;}

#bottom_bar{
    width:100%;
    height:4rem;
    border-top:1px solid #dfdfdf;
    bottom:0;
    background-color:rgba(255,255,255,0.7);
    position:fixed;
	z-index:1000;
}

#bottom_bar ul {
    list-style:none;
    width:100%;
}

#bottom_bar ul li{
    float:left;
    width:25%;
    text-align:center;
}
.viewst{ color:#999;}