@charset "utf-8";
/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;    overflow-x:hidden ;width:100%}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
a:link, a:visited, a:hover, a:focus, a:active { color: #000; }
input { border: 0; }
p { margin: 0; padding: 0; }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
*html .clearfix { height: 1% }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #efefef; width:100%;position: absolute; right: 0; top: 0; left: 0; bottom: 0;}
.dc-mobile-wrapper { -webkit-text-size-adjust: none; -webkit-user-select: none; user-select: none; position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
/*圆角*/
.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/*头部*/
.header { top:0;left:0;z-index:100;position: fixed; width: 100%; height: 44px; background: #33c7c3; overflow: hidden; z-index: 1; }
.header .standBack { position: absolute; left: 0; top: 0; width: 44px; height: 44px; background: url(../images/back@2x.png) no-repeat 8px center; background-size: 19px 16px; }
.header .mainTitle { height: 44px; line-height: 44px; text-align: center; font-size: 19px; color: #fff; }
.header a.controllerBtn { position: absolute; display: block; right: 0; top: 0; width: 44px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; }
.header a.controllerBtn.share { background: url(../images/share@2x.png) no-repeat center; background-size: 20px; }
.header a:link, .header a:visited, .header a:hover, .header a:focus .header a:active { color: #fff; }

/*内容*/
section { position: relative; margin-top: 44px;   overflow-x:hidden ;width:100% }

/*PUBLIC--*/
/*选项卡按钮*/
.tabCtrl { width: 164px; height: 30px; margin: 7px auto; font-size: 12px; color: #fff; overflow: hidden;}
.tabCtrl a { display: block; float: left; width: 81px; background: #33c7c3; border: 1px solid #289b98; line-height: 28px; text-align: center; cursor: pointer;}
.tabCtrl a.first { border-right: 0; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px;}
.tabCtrl a.second { border-left: 0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;}
.tabCtrl a.active { background: #289b98;}
/*--------------本期话题--------------*/
.currentTopic {}
.topicPic, .topicPic img { width: 100%; height: auto;}
.topicCont { padding: 15px; background: #fff; border-bottom: 1px solid #ddd;}
.topicCont .title { font-size: 18px; color: #333;}
.voteState { margin-top: 8px; font-size: 12px;}
.voteState .count { line-height: 22px;}
.voteState .count .countNum { font-size: 14px;}
.voteState .front{ float: left; color: #F95633; text-align: left;width:40%}
.voteInfo{  color: #F95633; text-align: left; font-size: 12px;margin:20px 0}
.voteState .back { float: right; color: #00CAC1; text-align: left;width:40%}
.voteState .back .countNum{text-align: right;}
.voteProgress { position: relative; height: 3px; margin-top: 4px; background: #00CAC1;}
.frontProgress { position: absolute; left: 0; top: 0; height: 3px; background: #F95633;}
.viewsWrapper { margin: 16px auto; padding: 10px 0; background: #efefef; font-size: 12px; color: #666; line-height: 22px;}
.viewsWrapper .viewTable { width: 100%;}
.viewsWrapper .viewTable td { padding: 0 12px;}
.voteBox { background: url(../images/vs@2x.png) no-repeat center 15px; background-size: 25px 15px;}
.voteBox .front, .voteBox .back { width: 120px;}
.voteBox .front { float: left;}
.voteBox .back { float: right;}
.voteBox .front .btn, .voteBox .back .btn { display: block; width: 81px; height: 45px; padding-left: 39px; font-size: 18px; line-height: 45px; color: #fff;}
.voteBox .front .btn { background: url(../images/btn_front@2x.png) no-repeat 9px center #F95633; background-size: 26px;}
.voteBox .back .btn { background: url(../images/btn_back@2x.png) no-repeat 9px center #00CAC1; background-size: 26px;}
.voteBox .btn.voted { width: 120px; height: 42px; padding-top: 3px; padding-left: 0; background: #bbb; font-size: 12px; text-align: center; line-height: 18px;}
.voteBox .resultTip { margin-top: 15px; font-size: 12px;}
.voteBox .front .resultTip { color: #F95633; text-align: left;}
.voteBox .back .resultTip { color: #00CAC1; text-align: right;}
.columnTit { height: 34px; padding: 0 15px; border-bottom: 1px solid #ddd; font-size: 18px; color: #666; line-height: 34px;}
.text {  word-break: break-all;font-size: 12px; color: #666; line-height: 20px;}
.bgIntro, .userReviews { margin-top: 15px; background: #fff; border-top: 2px solid #33c7c3;}
.bgIntro { border-bottom: 1px solid #ddd;}
.bgIntro .content { padding: 10px 15px;}
.reviewsList li { margin: 0 15px; padding: 12px 0; border-bottom: 1px solid #ddd;}
.reviewsInfo { height: 23px; margin-bottom: 7px; padding-left: 30px; background: url(../images/viewsbg@2x.png) no-repeat left top; background-size: 23px; font-size: 12px; color: #999; line-height: 23px; overflow: hidden;}
.reviewsInfo.back { background-position: left -23px;}
.reviewsInfo span { float: left;}
.reviewsInfo .username { margin-right: 10px; color: #F95633;}
.reviewsInfo.back .username { color: #33c7c3;}
.reviewsInfo .prize { float: right; padding-left: 15px; background: url(../images/i-prize@2x.png) no-repeat left 4px; background-size: 13px; color: #666;}
.reviewsInfo .prized { float: right; padding-left: 15px; background: url(../images/i-prized@2x.png) no-repeat left 4px; background-size: 13px; color: #666;}
.viewTitle{
	width:50%;
	}
.viewTable td{
	width:50%;
}
/*--------------历史话题--------------*/
.historyTopic {width:100%;}
/*.hisItem { margin-bottom: 15px;}*/
.hisItem .topicPic { display: block; position:relative;min-height:40px}
.hisItem .topicPic .title {     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    bottom: 0;
    color: #333;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin: -40px 0 0;
    overflow: hidden;
   /*  padding: 0 15px; */
    position: absolute;
    width: 100%;}
.hisItem .topicCont { padding-top: 6px;}
.hisItem .topicCont .voteState { margin-top: 0;}
/*--------------发表评论--------------*/
.publish textarea { width: 100%; height: 260px; padding: 10px 15px; background: #fff; border: 0; font-size: 15px; line-height: 28px; resize: none; box-sizing: border-box;}


/*--------------Share--------------*/
.radius5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.shareMask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); z-index: 99; }
.shareWrapper { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 999;}
.shareCont { position: relative; margin: 0 10px; padding: 20px 0 0 0; background: #fff; text-align: center; }
.shareIcons li { float: left; display: inline-block; width: 60px; margin-bottom: 20px; padding: 0 7px 0 8px;}
.shareIcons li a { display: block; padding-top: 70px; background: url(../../images/elongyan/share-icon@2x.png) no-repeat; background-size: 420px 60px; font-size: 12px; color: #000; text-align: center; }
.shareIcons li .sinaweibo { background-position: 0 0; }
.shareIcons li .qqweibo { background-position: -60px 0; }
.shareIcons li .qzone { background-position: -120px 0; }
.shareIcons li .weixin { background-position: -180px 0; }
.shareIcons li .weixin_friend { background-position: -240px 0; }
.shareIcons li .copylink { background-position: -300px 0; }
.shareIcons li .sms { background-position: -360px 0; }
.shareFooter { padding: 8px 10px;}
a.shareCancel { display: block; height: 45px; background: #fff; border: 1px solid #fff; line-height: 45px; font-size: 20px; color: #0079fe; text-align: center;}
.topicId{display:none;}

.submitBut{
	width:100px;
	height:30px;
	background:#30F;
	color:#fff;
	line-height:30px;
	text-align:center;
	position:fixed;
	bottom:20px;
	right:30px;
}
/*float margin padding*/
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-top: 0.2rem; }
.mt15 { margin-top: 0.3rem; }
.ml5 { margin-left: 0.1rem; }
.ml10 { margin-left: 0.2rem; }
/*Color*/
.colmain, a.colmain { color: #04bbf3; }
.colred { color: #f65858; }
.col3 { color: #333; }
.col6 { color: #666; }
.col9 { color: #999; }
/*Font*/
.fs12 { font-size: 0.24rem; }
.fs15 { font-size: 0.3rem; }
.fs18 { font-size: 0.36rem; }
.fs20 { font-size: 0.4rem; }
.fs24 { font-size: 0.48rem; }
.lh20 { line-height: 0.4rem; }
.tc { text-align: center; }
.tr { text-align: right; }

.homeTopInner { width: 100%; height: 0.8rem; overflow: hidden;}
.homeTopInfo {width: 100%; height: 0.8rem; padding: 0.15rem 0.5rem; box-sizing: border-box; background: none; overflow: hidden;}
.homeTopInfo .userHead { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0; overflow: hidden;}
.homeTopInfo .userHead img { width: 0.46rem; height: 0.46rem; vertical-align: middle;}
.homeTopInfo .userMessage { position: relative; width: 0.7rem; height: 0.5rem; background: url(../../images/elongyan/images/topMessage.png) no-repeat center center; background-size: 0.5rem; overflow: hidden;}
.homeTopInfo .userMessage .messageNum { position: absolute; top: 0; right: 0; width: 0.25rem; height: 0.25rem; line-height: 0.25rem; font-size: 0.16rem; color: #FFFFFF; text-align: center; border: 1px solid #eee; background: #ff593e; border-radius: 50%; overflow: hidden;}
.homeTopInfo .topSearch { width: auto; margin-left: 0.65rem; height: 0.5rem; text-align: center; font-size: 0;  background: rgba(255,255,255,1) url(/wap_esm/images/elongyan/topSearch.png) no-repeat 0.2rem center; background-size: 0.24rem; border-radius: 0.25rem; overflow: hidden;}
.homeTopInfo .topSearch input { width: 100%; padding-left: 0.5rem; line-height: 0.34rem; margin: 0.1rem 0; font-size: 0.24rem; color: #000000; background: none; border: none; box-sizing: border-box; overflow: hidden;}


.newHomeSwiper .swiper-container {width: 100%;height: 100%;}
.newHomeSwiper .swiper-slide { position: relative; width:100%; height: 3.8rem; text-align: center; overflow: hidden;}
.newHomeSwiper .swiper-slide img { width: 100%; height: 3.8rem; vertical-align: top;}
.newHomeSwiper .swiper-slide .swiper-font { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 0.25rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; color: #FFFFFF; text-align: left; background: rgba(0,0,0,.4); box-sizing: border-box; overflow: hidden;}

.newHomePosts { width: 100%; background: #fff; border-radius: 0 0.15rem 0.15rem 0.15rem; box-shadow: 0 0 0.3rem #4f6cfe52; z-index: 999; overflow: hidden;}
.newHomePosts .newHomePost { width: 50%; height: 1.4rem; padding: 0.05rem; font-size: 0; box-sizing: border-box; overflow: hidden;}
.newHomePosts .newHomePost img { width: 100%; height: 1.3rem; vertical-align: middle; border-radius: 0.1rem;}

.slideBanner1 { position: absolute; top: 3.6rem; right: 0; z-index: 98;}
.slideBanner1 img { width: 0.3rem; vertical-align: top;}
.slideBanner2 { position: absolute; top: 3.6rem; left: 0; z-index: 98;}
.slideBanner2 img { width: 0.3rem; vertical-align: top;}