@charset "utf-8";
/* CSS Document */
body,font,h1,h2,h3,h4,h5,h6,li,ul,div,span {font-family: "微软雅黑", Arial}
#article-box{max-width:1440px; width:100%; overflow:hidden; margin:0 auto;}
#article-box .article-header{ }
#article-box .article-header img{ width:100%;}
#article-box .article-main{ max-width:1440px; width:100%; overflow:hidden; margin:10px auto; background:#FFF;}

.article-wapper{ position:relative; overflow:hidden;}
.article-left{ position:absolute; width:320px; left:0; top:0;}
.article-center{ max-width:640px; width:100%; margin:0 auto; position:relative; padding:0 20px;}
.article-right{ position:absolute; width:320px; right:20px; top:0;}

.fontcolor { margin: 30px 0 0 60px; color:#aaaaaa;}
.ellipsis{ float:left;}
.ellipsis a{ color:#aaaaaa;}
.article-title{ font-size:54px; margin:0 auto; text-align:left; font-weight:bold; color:#3c3d41; max-width:1000px; padding:20px;}
.vice-title { font-size: 18px; color:#aaaaaa; padding-left:250px; margin-bottom:20px;}
.article-sub{ font-size:28px; margin:0 auto; text-align:left; font-weight:bold; color:#3c3d41;}
.article-content{ overflow:hidden; font-size:16px;  line-height:1.5;}
.article-content img{ max-width:100%; margin:0 auto; display:block;}
.article-content embed{ max-width:100%;}
.article-content p strong,b{  }
.article-content p em{ font-size:14px; }
.article-content p em strong{ font-size:14px; }
.article-content .leaderette{ font-size:22px; line-height:1.8;  margin-top:0;}

.article-copyright{ text-align:center; font-size:12px; color:#878787; margin-bottom:20px;}
.article-topics{ text-align:center; margin:18px;}
.article-topics a{ display:inline-block; padding:5px 10px 5px 10px; font-size:14px; border:1px solid #ededed; color:#8a8a8b; margin:6px;}
.article-topics a:hover{ border:none; background:#3C3C3C; color:#FFF; border:1px solid #3C3C3C; }

.article-emotion{ margin:15px 0; border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:35px 0px;}
.emotion-box{ text-align:center;}
.emotion-box li{ display:inline-block; margin:0 35px; text-align:center; width:50px; cursor:pointer;}
.emotion-box li div{ width:18px; height:122px; border:1px solid #CCCCCC; margin: 0 16px 10px 16px;  position:relative;}
.emotion-box li div a{ display:block; width:16px; position:absolute; bottom:0; left:0; height:0; background:#CCCCCC;}
.emotion-box li span{ color:#999; font-size:14px;}
.emotion-box li label{ display:block; width:42px; height:42px; margin-left:5px; cursor:pointer;}
.emotion-box li label.emotion-1{ background:url(/static/emotion-1.png) no-repeat; background-size:cover;}
.emotion-box li label.emotion-2{ background:url(/static/emotion-2.png) no-repeat; background-size:cover;}
.emotion-box li label.emotion-3{ background:url(/static/emotion-3.png) no-repeat; background-size:cover;}
.emotion-box li label.emotion-4{ background:url(/static/emotion-4.png) no-repeat; background-size:cover;}

.author{ border:1px solid #ccc; width:200px; margin:10px auto 10px auto; text-align:center;}
.author .image{ width:100px; height:100px; overflow:hidden; border-radius:50%; background:#999; margin:30px auto 15px auto; line-height:100px; font-size:56px;}
.author .image img{ width:100%; height:100%;}
.author .name{ color:#333; font-size:14px; }
.author .date{ color:#999; font-size:12px; padding-bottom:10px;}
.author .link{ color:#999; font-size:12px; padding:8px; letter-spacing:2px;}
.author .link a{ color:#999;}

.author .sns{ border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:8px 0 4px 0;}
.author .sns .socials{ display:inline-block;}
.author .sns .socials li{ display:inline-block; margin-right:10px;}
.author .sns .socials li:last-child{margin-right:0;}
.author .sns .socials a{ font-size:14px; color:#FFF;}
.author .sns .socials span{ width:20px; height:20px; display:block;}
.author .sns .socials .icon-weibo{background:url(/static/icon-weibo-ww.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-wechat{background:url(/static/icon-wechat-ww.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-youku{background:url(/static/icon-video-ww.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-toutiao{ background:url(/static/icon-toutiao-ww.png) no-repeat; background-size:cover;}

.author .sns .socials .icon-weibo.on{background:url(/static/icon-weibo-bb.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-wechat.on{background:url(/static/icon-wechat-bb.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-youku.on{background:url(/static/icon-video-bb.png) no-repeat; background-size:cover;}
.author .sns .socials .icon-toutiao.on{ background:url(/static/icon-toutiao-bb.png) no-repeat; background-size:cover;}

.sns-recommend{ padding:20px;  max-width:1000px; margin:0 auto; position:relative;}
.article-center .sns-recommend{ padding:20px;  max-width:100%; margin:0; text-align:center; }
.sns-recommend .return-box{ position:absolute; right:20px; top:20px; background:#cccccc; color:#FFF; padding:5px 10px; cursor:pointer; display:none;}

.sns-recommend .socials{ }
.sns-recommend .socials li{ display:inline-block; margin-right:10px;}
.sns-recommend .socials a{ font-size:14px; color:#FFF;}

.sns-recommend .socials span{ width:30px; height:30px; display:block;}
.sns-recommend .socials .icon-weibo{ background:url(/static/icon-weibo-ww.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-wechat{ background:url(/static/icon-wechat-ww.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-qqzone{ background:url(/static/icon-qqzone-ww.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-toutiao{ background:url(/static/icon-toutiao-ww.png) no-repeat; background-size:cover;}

.sns-recommend .socials .icon-weibo.on{ background:url(/static/icon-weibo-bb.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-wechat.on{ background:url(/static/icon-wechat-bb.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-qqzone.on{ background:url(/static/icon-qqzone-bb.png) no-repeat; background-size:cover;}
.sns-recommend .socials .icon-toutiao.on{ background:url(/static/icon-toutiao-bb.png) no-repeat; background-size:cover;}

.article-comment .textarea-fw{ color:#333;}

.article-chose{}
.article-chose .chose-title{ font-size:24px; text-align:center; color:#2B2e37; padding-top:30px; border-top:1px solid #CCC;}
.chose-grid{margin:10px -15px 0 -10px;}
.chose-grid:before, .chose-grid:after { content:" "; display:table}
.chose-grid:after { clear:both}
.chose-grid .chose-item{ vertical-align:top; display:inline-block; margin:10px -2px 0 -2px; width:33.3%; overflow:hidden; padding:10px 15px; position:relative; float: left; height: 250px;}
.chose-grid .chose-item .image{ display: table-cell; overflow:hidden; vertical-align:middle; text-align: center;    height:148px; width:178px; line-height:148px;}
.chose-grid .chose-item .image img{width: auto;    max-width: 178px;     height: auto;     max-height: 148px;}
.chose-grid .chose-item .image a{ display:block; height:100%; width:100%; position:relative; left:0; top:0; overflow:hidden;}
.chose-grid .chose-item .image a:before{ content:""; }
.chose-grid .chose-item .image a:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; background:rgba(14, 14, 14, 0);}
.chose-grid .chose-item .image a:hover:after{ background:rgba(14, 14, 14, 0.5);}

.chose-grid .chose-item .title{ margin-top:10px;}
.chose-grid .chose-item .title a{ font-size:14px; font-weight:normal; color:#2B2E37;}

/** 更多内容 **/
#article-more{ padding-bottom:45px;}
#article-more .more-box{ display:block; margin:25px 0; text-align:center;}
#article-more .more-box .icon-more{ height:34px; line-height:34px; background:url(/static/icon-more-bb.png) no-repeat; background-size:34px 34px; margin-right:10px; font-size:16px; color:#2b2e37; display:inline-block; padding:0 10px 0 45px; cursor:pointer; }
#article-more .more-box .article-more-loading{ width:40px; height:40px; display:none;}

/** 产品相关 **/
.article-products{ text-align:center;}
.article-product{ display:inline-block; width:50%; margin:0 -2px; vertical-align:top; padding:10px; text-align:left; min-width:300px;}
.article-product .product-item{ border:1px solid #d2d3d8; }
.product-item .product-image{ position:relative; overflow:hidden;}
.product-item .product-image .product-mask{ position:absolute; width:100%; height:100%; background:url(/static/product-mask.png) no-repeat; background-size:cover;}
.product-item .product-image img{ width:100%;}
.product-item .product-intro{}
.product-item .product-intro .product-name{ font-size:20px; color:#767676; padding:10px;}
.product-item .product-intro .product-number{ font-size:14px; color:#767676; padding:10px 0; margin:0 10px; border-bottom:1px solid #d2d3d8;}
.product-item .product-intro .product-number span{ color:#CCC;}
.product-item .product-intro .product-price{ position:relative; font-size:30px; color:#F55555; padding:10px;}
.product-item .product-intro .product-price label{ font-size:18px;}
.product-item .product-intro .product-link{ position:absolute; right:10px; top:12px;}
.product-item .product-intro .product-link a{ display:block; padding:8px 15px; color:#FFF; background-color:#F55555; font-size:16px; letter-spacing:2px; }
.product-item .product-intro .product-link span{ display:block; padding:8px 15px; color:#FFF; background-color:#CCC; font-size:16px; letter-spacing:2px; }


@media (max-width: 1440px) {
.article-center{ margin:0 auto 0 320px; width:100%;}
}

@media (max-width: 1300px) {
.article-left{ width:260px; }
.article-center{ margin:0 auto 0 260px;}
}

@media (max-width: 1240px) {
.article-right{ width:240px; }
}

@media (max-width: 1200px) {
.article-right{ display:none;}
}

@media (max-width: 1000px) {
.article-title{ font-size:42px; padding:40px 20px;}
}
@media (max-width: 890px) {
.article-left{ text-align:center; position:relative; padding:0 20px; width:100%;}
.article-center{ margin:0 auto;}

.author{ border-left:none; border-right:none; width:100%; max-width:640px; text-align:left; position:relative;}
.author .image{ width:50px; height:50px; overflow:hidden; border-radius:50%; background:#999; margin:10px 0 0 0; line-height:50px; font-size:36px; float:left; }
.author .name{ color:#333; font-size:14px; margin:20px 0 0 60px;}
.author .date{ color:#999; font-size:12px; margin:0 0 0 60px;}
.author .sns{ position:absolute; right:0; top:15px; border:none;}
.author .link{ display:none;}
}
@media (max-width: 768px) {
.article-title{ font-size:32px; padding:20px;}
.emotion-box li{ margin:0 25px;}
.sns-recommend .return-box{ display:block;}
}
@media (max-width: 600px) {
.emotion-box li{ margin:0 20px;}
}
@media (max-width: 480px){
.article-title{ font-size:28px; padding:20px;}
.emotion-box li{ margin:0 15px; }	
.chose-grid .chose-item{width:50%;}
.article-product{ width:100%; }
}
@media (max-width: 420px) {
.author .sns{ display:none;}
.emotion-box li{ margin:0 10px; }	
}

@media (max-width: 360px) {
.emotion-box li{ margin:0 5px; }	
}

@media (max-width: 320px) {
.emotion-box li{ margin:0; }	
.chose-grid .chose-item{width:100%;}
}