﻿html{padding:0px;margin:0px auto;-webkit-text-size-adjust: none;-webkit-box-sizing:border-box;}
body{background:#FFF;padding:0px;margin:0px auto;font-size:14px;color:#454545;}
a{color:#454545;text-decoration:none;}
ol,ul,li,dl,dd,dt{padding:0;margin:0;list-style:none;}
form,p{padding:0;margin:0;}
i,em{font-style:normal;}
textarea {resize:none}
*{ padding:0px; margin:0px;}
.spanclass {display: none;}
.body {margin: 0 auto;overflow: hidden;font-family:Helvetica,Microsoft YaHei,Microsoft JhengHei;position: relative;min-height: 250px;}
.topbar {height: 44px;background: #980023;overflow: hidden;position: relative;}
.topbar h1 {text-align: center;height: 44px;line-height: 44px;font-size:20px;color:#fff;margin: 0;padding: 0;font-weight:normal;}
.topbar .leftBtn {position: absolute;left:4%;top:25%;}
.topbar .search-btn {display: inline-block;width: 23px;height: 23px;background:url("search-w.png") no-repeat center;background-size: 23px ;}
.topbar .rightBtn {position: absolute;right:4%;top:17%;}
.topbar .nav-btn {font-size:14px;color:#fff;background: #980023;border:1px solid #fff;-webkit-border-radius: 3px;border-radius: 3px;height: 30px;line-height: 30px;padding: 0 12px;display: inline-block;}
.topbar .nav-btnA{font-size: 10px; width: 55px;border: 0;background: 0; padding: 0; line-height: 12px; height: 26px; padding-top: 4px;}
.topbar .nav-btnA::before{content: "";float: left;width: 28px;height:28px;-webkit-background-size: 23px;-moz-background-size: 23px;background-size: 23px;}

.search {height: 50px;background: #f5f5f5;border-bottom:1px solid #eaeaea;overflow: hidden;display: none;}
.search-wrap {height: 30px;border:1px solid #a5a5a5;-webkit-border-radius: 5px;border-radius: 5px;width: 83%;background: #fff;margin: 10px auto 0;background:#fff url("../images/search-b.png") no-repeat 9px 7px;background-size: 17px ;padding: 0 0 0 10%;}
.search-text {height: 30px;line-height: normal;padding: 0;width: 96%;border:none;outline: none;font-size:14px;}

.nav {position: absolute;width: 100%;background-color: rgba(0,0,0,0.9);padding: 10px 0;display: none;z-index:100;}
.nav::after {display: block;content:'';position: absolute;border:5px solid transparent;border-bottom:5px solid #190e06;right:11%;top:-10px;}
.nav a {display: inline-block;padding:10px;color:#aaa;}
.nav .current {color:#ff8a3c;}

.m-out{ position:absolute; right: -15px; top: -10px; color: #fff; font-size: 12px; width: 56px; height: 56px; z-index: 2}
.m-out em{ position: absolute;z-index: 3;-webkit-transform:rotate(45deg);transform:rotate(45deg); right: -4px; top:8px}
.m-out::after{content: ''; position: absolute; width: 0; height: 0; border-width: 28px; border-style: solid; border-color: transparent transparent #a9a9a9 transparent; right:-28px;top: -28px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.list {clear: both;overflow: hidden;}
.list a {display: block;padding: 10px;border-bottom:1px solid #dcdcdc; overflow: hidden; position: relative;}
.list .m-out{ left: 0;right: auto; top: 0}
.list .m-out::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top: -28px;left: -28px}
.list .m-out em{-webkit-transform:rotate(-45deg);transform:rotate(-45deg); top: 9px; right: auto; left: -4px}
.list .dPic {float: left;position: relative;}
.list .dPic img {width: 100;height: 100px; vertical-align: top}
.list .dPic span {position: absolute;display: inline-block;height: 17px;line-height: 17px;padding: 0 10px;color:#fff;font-size:11px;background-color: rgba(0,0,0,0.3);}
.list .dInfo {margin: 0 0 0 80px}
.list .dInfo .date {font-size:10px;color:#aaa;}
.list .dInfo .title {font-size:15px;color:#333;line-height: 21px; height: 42px; padding: 0; overflow: hidden;}
.list .dInfo .title .delete {text-decoration: line-through;}
.list .dInfo .price .sp-1 {color:#ea4848;font-size:14px;margin: 0 5px 0 0; width: 75%; overflow: hidden; height: 16px; display: inline-block;}
.list .dInfo .price .sp-1 em {font-size:10px;vertical-align: top;}
.list .dInfo .price .sp-2 {font-size:12px;color:#bbb;text-decoration: line-through;margin: 0 10px 0 0;}
.list .dInfo .price .sp-2 em {font-size:10px;vertical-align: top;}
.list .dInfo .price .sp-3 {display: inline-block;font-size:10px;color:#aaa;padding: 0 0 0 12px;float: right;margin: 3px 0 0; position: relative;}
.dInfo .price .sp-3::before{content: '';position: absolute;left: 0;top:1px;width: 11px; height: 10px; background-size: 11px;}

.article-topbar {background: #f5f5f5;}
.article-topbar h1 {color:#333;}
.article-topbar .back-btn {display: inline-block;width: 25px;height: 25px;background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/back.png") no-repeat center;background-size: 25px ;}
.article-topbar .comment-btn {display: inline-block;background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/com.png") no-repeat left center;background-size: 20px ;font-size:14px;font-weight: bold;color:#333;padding: 0 0 0 25px;height: 32px;line-height: 32px;}

.article {margin: 10px 15px; position: relative;}
.title {font-size:18px;color:#333;font-weight:normal; margin: 0; padding: 10px 0}
.subTitle {overflow:hidden;}
.subTitle span {margin:0 10px 0 0;display:inline-block;color:#ea4848;font-size:15px;}

.info {color:#6d6d6d;padding:10px 0;border-bottom:1px solid #ebebeb;margin:0 0 10px;}
.info span{position:relative;padding:0 0 0 15px;margin:0 15px 0 0;white-space: nowrap;display: inline-block;}
.info-author::before {content:'';position:absolute;display:block;width: 11px;height: 11px;background:url("http://www1.pconline.com.cn/app/20130730/zcz/icon.png") no-repeat 0 0;background-size: 11px ;left:0;top:3px;}
.info-date::before {content:'';position:absolute;display:block;width: 11px;height: 11px;background:url("http://www1.pconline.com.cn/app/20130730/zcz/icon.png") no-repeat 0 -16px;background-size: 11px ;left:0;top:3px;}
.info-mark {position:relative;white-space: nowrap;display: inline-block; color: #6d6d6d}
.info-mark::before {content:'';position:absolute;display:block;width: 11px;height: 11px;background-size: 11px ;left:0;top:3px;}

.info .info-view, .info .info-comment {padding: 0 0 0 20px;}
.info-view::before{content:'';position:absolute;display:block;width: 16px;height: 11px;background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/bbs-icon.png") no-repeat 0 -2px;background-size: 16px ;left:0;top:3px;}
.info-comment::before{content:'';position:absolute;display:block;width: 16px;height: 11px;background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/bbs-icon.png") no-repeat 0 -24px;background-size: 16px ;left:0;top:3px;}
.artBody {color:#000;line-height:24px;word-break:break-all;}
.artBody a {color:#309CEF;text-decoration:underline;}
.artBody .pic-wrap {text-align:center;}
.artBody .pic {margin:15px;display:inline-block;text-align:center;}
.artBody .pic img {max-width:100%;display:block;}
.artBody .pic a {position:relative;text-decoration:none;}
.artBody .pic i {height: 24px;line-height:24px;text-align:center;background:#cfb068;color:#fff;bottom:2px;left:0;display:block;}
.artBody .pic-side {float:right;}
.artBody .pic-side img {width: 90px;}
.artBody .btn {display:block;height: 40px;line-height:40px;text-align:center;background:#cfb068;color:#fff;margin:10px 0;text-decoration:none;-webkit-border-radius: 4px;border-radius: 4px;}
.artBody img {max-width: 100%;}
.artBody embed {max-width: 100%;max-height: 276px;}

.artTool {position: relative;}
.artTool::after {content:"\20";clear:both;height:0;display:block;overflow:hidden}
.artTool .com-wrap {height: 30px;background: #f5f5f5 url("http://www1.pconline.com.cn/zt/2131028/jcz/img/pen.png") no-repeat 9px 7px;border:1px solid #c8c8c8;-webkit-border-radius: 4px;border-radius: 4px;background-size: 15px ;padding: 0 0 0 10%;width: 54%;float: right;}
.artTool .com-wrap .com-text {margin: 0;padding: 0;height: 30px;width: 95%;background: #f5f5f5;border:none;outline: none}
.artTool .tool {float: left; margin-right: 6px}
.artTool .score-btn {display: inline-block;height: 30px;line-height: 30px;color:#ff822e;font-size:16px;padding: 0 0 0 25px;vertical-align: middle; position: relative;}
.artTool .score-btn::before,.artTool .share-btn::before,.artTool .score a::before{background-size: 20px ;content: '';position: absolute;}
.artTool .score-btn::before{width: 20px; height: 18px; left: 0; top: 6px}
.artTool .share-btn {display: inline-block;height: 30px;width:20px;vertical-align: middle;margin-right:5px;position: relative;}
.artTool .share-btn::before{width: 20px; height: 17px;background-position: 0 -38px;background-size: 20px ; left: 0; top: 7px}
.artTool .score {position: absolute;border:1px solid #cecece;-webkit-border-radius: 4px;border-radius: 4px;background: #fff;left:0;top:-55px;display: none;}
.artTool .score::after {content:'';display: block;position: absolute;width: 8px;height: 8px;border-right:1px solid #cecece;border-bottom:1px solid #cecece;background: #fff;-webkit-transform:rotate(45deg);left:51px;bottom: -5px;}
.artTool .score a {display: inline-block;width: 55px;height: 18px;font-size:12px;text-align: center;padding: 26px 0 0; position: relative;}
.artTool .score a::before{left: 17px; top: 6px;width: 20px; height: 18px;}
.artTool .score .up {color:#ff822e;border-right:1px solid #ededed;}
.artTool .score .down::before{background-position: 0 -19px;}
.artTool .share {position: absolute;background: #fff;border:1px solid #cecece;width: 99.9%;right:0;bottom:40px;-webkit-border-radius: 4px;border-radius: 4px;padding: 5px 0;display: none;}
.artTool .share::after {content:'';display: block;position: absolute;width: 8px;height: 8px;border-right:1px solid #cecece;border-bottom:1px solid #cecece;background: #fff;-webkit-transform:rotate(45deg);left:6px;bottom: -5px;}

.bds_tools_32 a {margin: 5px 40px;}

.comment {clear: both;}
.comment-th {height: 27px;background: #ececec;line-height: 27px;}
.comment-th .hot {background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/comment.png") no-repeat left 1px;background-size: 12px ;color:#777;margin: 0 0 0 16px;padding: 0 0 0 15px;}
.comment-th .all {background:url("http://www1.pconline.com.cn/zt/2131028/jcz/img/comment.png") no-repeat left -35px;background-size: 12px ;color:#777;margin: 0 0 0 16px;padding: 0 0 0 15px;}
.comment-box {padding: 10px 15px;border-bottom:1px solid #e5e5e5;}
.comment-box p {margin: 0 0 8px;}
.comment-box .user {font-size:11px;}
.comment-box .user span:nth-of-type(1) {color:#aaa;margin: 0 10px 0 0}
.comment-box .user span:nth-of-type(2) {color:#3293e5;}
.comment-box .user span:nth-of-type(3) {float: right;color:#aaa;}
.comment-box .content {font-size:16px;color:#444;line-height: 24px;}
.comment-box .date {color:#aaa;overflow: hidden;}
.comment-box .date span:nth-of-type(1) {float: left;}
.comment-box .date span:nth-of-type(2) {float: right;}
.inner-box {background: #fff9e5;border:1px solid #9eaec3;padding: 1px;margin: 0 0 8px;}
.inner-box p {margin: 5px 10px}
.moreBtn {clear: both;overflow: hidden;margin: 10px auto;}
.moreBtn a {display: block;text-align: center; border: 0}
#noJmore {display: none;}

/*楼层*/
.floor{padding:15px 0;border-bottom: 1px solid #dcdcdc;}
.floor>.th{height:40px;line-height:18px;margin: 0 0 10px;}
.floor .avatar{float:left;width:30px;height:30px;border:2px solid #fff;border-radius:5px;box-shadow:1px 1px 2px #ccc;margin-right:5px;overflow:hidden;}
.floor>.th img{width:30px;height:30px;border-radius:3px;overflow:hidden;}
.floor>.th .author{float:left;font-size:16px;}
.floor>.th .author .name{display:block;font-size:14px;}
.floor>.th .author .name::after{content:"";display:inline-block;width:15px;height:10px;background-size:15px;vertical-align:middle;margin-left:5px;}
.floor>.th .author .type{display:block;font-sizse:14px;color:#777;}
.floor>.th .date{float:right;color:#777;font-size:14px;text-align:right;}

.floor>.content {word-wrap:break-word;padding:5px 0 5px;font-size:16px;line-height: 28px;}
.floor>.content img.emot{width:25px;vertical-align:middle;margin:0 2px;}
.floor>.content img {max-width: 100%;}
.floor .tf{color:#777;line-height:25px;font-size:12px;overflow: hidden;}
.floor .tf .reply-btn{float:right;padding:0 10px;border-radius:3px;height:25px;background:#eee;font-size:14px;border-bottom:2px solid #c8c8c8;}

.floor .reply{background:#ededed;padding:10px;margin-bottom:10px;font-size:15px;line-height: 20px;}
.floor .reply>.th{font-size:14px;color:#777;margin-bottom:-20px;}
.floor .reply>.content{word-wrap:break-word;}
.artReply {margin: 0 15px;}

/*20140318 lijun*/
/*APP*/
.m-top-dlWrap{width:320px;height:60px;text-align:center;vertical-align:top; position: relative;border-bottom:1px solid #e7e7e7; margin: 0 auto}
.m-top-dlWrap a{ display: block; margin: 0 10px 0 28px; overflow: hidden; cursor: pointer; height: 60px}
.m-top-dlWrap .logo{display:inline-block;width:45px;height:45px;margin:8px 7px 0 0;border-radius:10px;background-size:45px; float: left;}
.m-top-dlWrap .text2{ float: left; font-size: 15px; color: #797979; height: 20px; line-height: 20px; margin-top: 21px; margin-right: 4px}
.m-top-dlWrap .close{width:24px;height:24px;color:#999;font-size:24px;cursor:pointer; position: absolute; left: 4px; top:17px;}
.m-top-dlWrap .m-btn{ display: inline-block; width: 50px; height: 30px; line-height: 30px; border-radius: 5px; border: 1px solid #bababa; color: #0f66b1; text-align: center; font-size: 16px; margin-top: 14px;}

.list .dInfo .date{ text-align: right; height: 14px; line-height: 14px; overflow: hidden;}
.dInfo-sj{ float: left;}
body #bdshare a{display:inline-block;float:none;margin:5px 10px 0 30px;font-size:12px; background-size:150px;padding-left:0px;padding-top:6px;padding-bottom: 3px;font-family: 'Microsoft Yahei',Arial;width:49px;font-size: 12px; color: #c3c3c3; text-indent: 0; padding-top: 50px; height: 15px}
body .bds_tsina{background-position: -50px 0px!important;}
body .bds_tqq{background-position: 0px 0px!important;}
body .bds_qzone{background-position: -99px 0px!important;}


