@charset "utf-8";
/* CSS Document */

/*---文章---*/
.wc_article{}
.wc_article .article_banner{position:relative; height: 120px; overflow: hidden;}
.wc_article .article_banner img{width:100%;}
.wc_article .article_banner .banner_bg {position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:#000;opacity:0.6;}
.wc_article .article_banner .banner_title {position:absolute;top:50%;left:0;z-index:12;width:100%;margin-top:-2.1rem;font-size:3.2rem;color:#fff;text-align:center;letter-spacing:0.2rem;}
.wc_article .article_banner .banner_classify {position:absolute;bottom:1.2rem;left:1.6rem;z-index:12;height:2.7rem;line-height:2.7rem;color:#fff;text-align:center;font-size:1.2rem;border-radius:1.3rem;background:#373b48;letter-spacing:0.1rem;padding:0 1rem;}

.wc_article .article_search {border-bottom:0.05rem solid #ccc;}
.wc_article .article_search .selectBox {float:left;width:10rem;border-right:0.05rem solid #ccc;line-height:4.6rem;}
.wc_article .article_search .selectBox img {display:block;width:1.8rem;float:right;margin:1.4rem 0.6rem 0 0;}
.wc_article .article_search .selectBox label {display:block;overflow:hidden;text-align:center;text-indent:0.5rem;}
.wc_article .article_search .inputBox {overflow:hidden;}
.wc_article .article_search .inputBox .article_search_input {border:0;display:block;float:left;width:80%;text-indent:1rem;padding:1rem 0;height:2.5rem;line-height:2.5rem;}
.wc_article .article_search .inputBox .article_search_btn {float:right; width: 18%; height: 4.5rem; background: url("../../images/touch/cooperation/search.png") center no-repeat; background-size: 2.5rem; border: none;}

.wc_article .article_list{border-bottom:0.05rem solid #ccc;padding:1rem 1.6rem;}
.wc_article .article_list img{float:left;width:13.5rem;height:8.2rem;margin-right:1rem;}
.wc_article .article_list .content{overflow:hidden;line-height:1.6rem;}
.wc_article .article_list .content .title{font-size:1.3rem;color:#333;height:3.2rem;line-height:1.6rem;word-break:break-all;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.wc_article .article_list .content .companyName {font-size:1.3rem;color:#333;margin-top:0.5rem;word-break:break-all;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.wc_article .article_list .content .con {font-size:1.1rem;color:#666;margin-top:0.5rem;line-height:1.6rem;max-height:4.8rem;word-break:break-all;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.wc_article .article_list a{color:#333; text-decoration:none;}
.wc_article .article_list .timeBox {overflow:hidden;line-height:1.6rem;margin-top:3.6rem;color:#999;}
.wc_article .article_list .timeBox .time{float:left;}
.wc_article .article_list .timeBox .readNum{float:right;}
.wc_article .article_more{border-bottom:solid #eee 1px; line-height:38px; text-align:center;}
.wc_article .article_more a{color:#333; text-decoration:none;display: block;}

/* 筛选条件 */
.article_select {}
.article_select .select_bg {display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.article_select .select_content {position:fixed;top:0;right:-80%;z-index:10000;width:80%;height:100%;background:#f5f5f5;color:#333;font-size:1.6rem;overflow-y:auto;}
.article_select .select_content .select_head {position:relative;height:4.6rem;line-height:4.6rem;padding:0 1.65rem;text-align:center;color:#666;background:#fff;font-size:1.5rem;}
.article_select .select_content .select_head .close {position:absolute;top:0;right:0;padding:0 1.65rem;display:block;color:#333;}
.article_select .select_content a.all {display:block;padding:1rem 1.65rem;background:#fff;margin-top:0.8rem;color:#333;font-size:1.4rem;}
.article_select .select_content a.all .current {border-bottom:0.05rem solid #3ba3fb;padding-bottom:0.3rem;}
.article_select .select_content a .checkIcon {display:none;float:right;width:1.6rem;height:1.6rem;}
.article_select .select_content .current .checkIcon {display:block;}
.article_select .select_content .select_part {padding:1rem 1.65rem;background:#fff;margin-top:0.8rem;color:#333;overflow:hidden;}
.article_select .select_content .select_part .select_label {display:block;font-size:1.5rem;padding-bottom:0.5rem;font-weight:bold;}
.article_select .select_content .select_part .select_items {float:left;width:33.333%;}
.article_select .select_content .select_part .select_items a {font-size:1.4rem; display:block; width:100%; padding:0.3rem 0; line-height: 1.8rem;}
.article_select .select_content .select_part .select_items a span {border-bottom:0.05rem solid #fff;padding-bottom:0.3rem;}
.article_select .select_content .select_part .select_items.current a span {border-bottom:0.05rem solid #3ba3fb;}
.article_select .select_content .select_part .select_items:nth-child(3n+1) {}
.article_select .select_content .select_case {color:#333;}
.article_select .select_content .select_case .select_label {margin-top:0.8rem;background:#fff;}
.article_select .select_content .select_case .select_label a {display:block;padding:0.8rem 1.65rem 1rem;font-size:1.4rem;}
.article_select .select_content .current .checkIcon {display:block;}

/*--详情--*/
.wc_article .article_show{padding:1.6rem 0 0;}
.wc_article .article_show .title {padding:0 1.6rem;border-bottom:0.05rem solid #ccc;}
.wc_article .article_show .title p {font-size:1.6rem;font-weight:bold;line-height:2.2rem;word-break:break-all;}
.wc_article .article_show .title span.author {float:left;line-height:2rem;color:#999;padding:0.4rem 0 0.8rem;}
.wc_article .article_show .title span.author i {font-size:16px;vertical-align:middle;}

.wc_article .article_show .content {line-height:2.6rem;padding:1.6rem;}
.wc_article .article_show .content a {text-decoration:underline;color:#3da9f7;}
.wc_article .article_show .content table td{border:1px solid #ededed;padding:5px;}
.wc_article .article_show .content p{text-align:justify;word-break:break-all;word-wrap:break-word;}
.wc_article .article_show .content img{max-width:100%;}

.wc_article .article_show .share{text-align: right; padding: 1rem 1.6rem;}
.wc_article .article_show .share a{padding-left: 1.6rem; background: url("../../images/tradeArticle/shareBtn.png") left center no-repeat;}
.wc_article .article_show .sharePopup{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; z-index: 9999; display: none;}
.wc_article .article_show .sharePopup img{width: 29.3rem; display: block; margin: 0 auto;}

.wc_article .article_show .thumbsUp{border-bottom: dashed #ddd 1px;}
.wc_article .article_show .thumbsUp .thumbsUp_btn{padding: 0 1.6rem;}
.wc_article .article_show .thumbsUp .thumbsUp_btn a{width: 8rem; height: 3rem; display: block; margin: 0 auto; background: url("../../images/tradeArticle/zan.png") 1.5rem center no-repeat #fe9601; background-size: 1.3rem; border-radius: 1.5rem; padding-left: 3.6rem; box-sizing: border-box; line-height: 3rem;}
.wc_article .article_show .thumbsUp .thumbsUp_btn a.yizan{background-image: url("../../images/tradeArticle/yizan.png"); background-color: #eee; color: #999;}
.wc_article .article_show .thumbsUp .thumbsUp_user{padding: 0.6rem 1rem; float: left;}
.wc_article .article_show .thumbsUp .thumbsUp_user .thumbsUp_user_list{width: 3.4rem; height: 3.4rem; float: left; margin: 0.4rem 0.52rem;}
.wc_article .article_show .thumbsUp .thumbsUp_user .thumbsUp_user_list img{width: 3.4rem; height: 3.4rem; float: left; border-radius: 50%; box-shadow: 0 0 0.6rem #bbb;}
.wc_article .article_show .article_comment{padding: 1.6rem;}
.wc_article .article_show .article_comment .comment_textarea{background: #f6f6f6; padding: 1rem 1.2rem; border-radius: 0.4rem;}
.wc_article .article_show .article_comment .comment_textarea .commentContent{width: 100%; height: 8rem; border: none; background: none;}
.wc_article .article_show .article_comment .comment_textarea .wordCount{text-align: right; color: #999;}
.wc_article .article_show .article_comment .post_comment{height: 35px; line-height: 35px; padding: 10px 0; position: relative;}
.wc_article .article_show .article_comment .post_comment .face_btn{height: 2rem; line-height: 2rem; float: left; padding-left: 2rem; margin-top: 0.4rem; background: url("../../images/tradeArticle/expression.png") left center no-repeat;}
.wc_article .article_show .article_comment .post_comment .face_item{width: 100%; background: #fff; padding: 2px; box-sizing: border-box; border: solid #ddd 1px; position: absolute; left: 0; top: 3.6rem; display: none;}
.wc_article .article_show .article_comment .post_comment .face_item img{float: left; width: 24px; height: 24px; margin: 3px; cursor: pointer;}
.wc_article .article_show .article_comment .post_comment .publish{width: 6rem; height: 2.6rem; float: right; background: #fe9601; color: #333; border: none; border-radius: 0.4rem; cursor: pointer;}
.wc_article .article_show .article_comment .post_comment .publish.cannot{background: #f6f6f6; color: #999; cursor: no-drop;}
.wc_article .article_show .article_comment .comment_sequence .replyNumber{font-size: 1.6rem;}
.wc_article .article_show .article_comment .comment_sequence a{float: right; color: #999; margin-left: 1.6rem;}
.wc_article .article_show .article_comment .comment_sequence a.on{color: #333;}
.wc_article .article_show .article_comment .comment_user{}
.wc_article .article_show .article_comment .comment_user .comment_list{border-bottom: solid #eee 1px; padding: 1.6rem 0;}
.wc_article .article_show .article_comment .comment_user .comment_list .user_avatar{width: 3.4rem; height: 3.4rem; float: left;}
.wc_article .article_show .article_comment .comment_user .comment_list .user_avatar img{width: 3.4rem; height: 3.4rem; float: left; border-radius: 50%;box-shadow: 0 0 0.4rem #bbb;}
.wc_article .article_show .article_comment .comment_user .comment_list .user_name{float: left; line-height: 3.4rem; margin-left: 1rem; font-weight: bold;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_time{float: left; line-height: 3.4rem; margin-left: 1rem; color: #999;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_zan{float: right; line-height: 1.6rem; margin-top: 0.8rem;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_zan a{width: 2rem; height: 2rem; float: left; margin-right: 0.6rem;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_zan a.zan{background: url("../../images/tradeArticle/userzan.png") no-repeat;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_zan a.yizan{background: url("../../images/tradeArticle/useryizan.png") no-repeat;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_content{margin-left: 4.4rem; line-height: 2.6rem;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_reply{margin: 0.8rem 0 0 4.4rem; color: #fe9601;}
.wc_article .article_show .article_comment .comment_user .comment_list .comment_reply h4{border-left: solid #fe9601 2px; padding-left: 0.4rem; line-height: 1.4rem; margin: 0.8rem 0;}

.wc_article .article_show .time{line-height:26px;}
.wc_article .article_show .time li{float:left;color:#999;}
.wc_article .article_show .tags{padding-top:20px;}
.wc_article .article_show .tags a{color:#06f; text-decoration:none; margin:0 10px;}
.wc_article .article_show .praise{text-align:center; padding:15px 0;}
.wc_article .article_show .praise a{width:50px; height:50px; background:url(/images/wechat/praise.png) no-repeat; border:solid #ddd 1px; display:inline-block; border-radius:50%;}
.wc_article .article_show .praise .point{background-position:1px 5px;}
.wc_article .article_show .praise .points{background-position:1px -39px;}

.wc_article .related_articles {padding:1.5rem 1.6rem;}
.wc_article .related_articles .related_title {height:2.4rem;line-height:2.4rem;font-size:1.5rem;}
.wc_article .related_articles .related_title i {float:left;height:100%;width:0.4rem;background:#3ba3fb;border-radius:0.2rem;margin-right:1rem;}
.wc_article .related_articles .related_title .more_article {float:right;color:#999;font-size:1.3rem;}
.wc_article .related_articles .related_list {}
.wc_article .related_articles .related_list li {float:left;width:45%;margin-top:1.5rem;}
.wc_article .related_articles .related_list li:nth-child(odd) {margin-right:10%;}
.wc_article .related_articles .related_list li .related_img {width:100%;height:9.4rem;}
.wc_article .related_articles .related_list li .article_title {font-size:1.6rem;color:#333;padding-top:0.5rem;line-height:1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wc_article .related_articles .related_list li .article_des {font-size:1.4rem;color:#666;padding-top:0.5rem;line-height:1.6rem;max-height:3.2rem;word-break:break-all;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}