@charset "utf-8";
/*显示右上角广告*/
.feedback{display: block;}
/*重置*/
/*中间文字详情页部分*/
/*.article-main{padding-top:78px; padding-bottom: 100px;}*/
.article-left{width: 776px; width:740px;/*padding: 0 30px 30px; border: solid 1px #E6E6E6;*/padding-bottom: 30px;}
.article-left .pageTop{padding: 30px 0;}
.article-left .pageTop h1{color: #292929; font-size: 32px; line-height: 1.2;font-family: "microsoft yahei";}
.article-left .pageInfo{height: 28px; line-height: 28px; border-bottom: dotted 1px #D8D8D8;}
.article-left .pageInfo .pi-author{float: left;/*font-family: "NSimSun";*/ font-size: 14px; color: #888888; }
.article-left .pageInfo .pi-author span{margin-right: 1px;}
.article-left .pageInfo .pi-author i{margin: 0 3px; color: #7e7d7d;}
.article-left .pageInfo .pi-author a{color: #272727;}
.article-left .pageInfo .pi-comment{float: right; padding-left: 10px; border-left: solid 1px #E0E0E0; height: 18px; margin-top: 5px;line-height: 18px;  }
.article-left .pageInfo .pi-comment a{font-size:14px; color: #ed5565;}
.article-left .pageInfo .pi-comment a span{margin: 2px;}
.article-left .pageTag{padding: 20px 0;overflow: hidden;font-size: 14px;color: #292929;}
.article-left .pageTag .tags{float: left;padding: 4px 0;}
.article-left .pageTag ul li{float: left;margin-right:12px; margin-bottom: 6px;}
.article-left .pageTag ul li a{float: left;border:1px solid #e2e2e2; padding: 4px 12px;color: #292929;font-size: 14px;background: #fcfcfc; }
.article-left .pageTag ul li a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;}
.article-left .pageTag ul li a:hover{background: #f6f6f6;/*border-color:#ED5565;color: #fff;*/ }
.article-left .pageCont{padding: 8px 0 5px; word-break: break-word;}
.article-left .pageCont p{text-indent: 2em; }
.article-left .pageShenming{color: #A7A7A7;font-size: 15px;margin-bottom: 20px;color: #999898; margin-top:10px; line-height: 1.4;}
.article-left .pageShenming span{padding: 2px 7px; float: left; /* background: #f9f9f9; *//*border-left: 2px solid #E6E6E6;*/font-family: 'microsoft yehei';}
.article-left .pageTemporary{color: #ED5565;font-size: 16px;margin-bottom: 15px;}
.article-left .pageTemporary a{color: #ED5565; padding-left: 10px;}
.article-left .pageTemporary a:hover{color: #FC95A0;}
.article-left .articleSourceSrc{font-size: 16px; font-family: "microsoft yahei";color: #5a5a5a;  padding-bottom: 15px;}
.article-left .articleSourceSrc a{color: #ED5565;}




.article-left .pageActive{ padding-bottom:20px; padding-top:20px;}

.article-left .share-btn{height:32px; -webkit-transition:background-color 0s;-moz-transition:background-color 0s; transition:background-color 0s; line-height: 32px; background:none; border:1px solid; position: relative; color:#333; float:left; padding:0px 16px 0px 36px; border-radius: 16px; font-family: "microsoft yahei";}
.article-left .share-btn i{width:24px; height: 24px;  position: absolute; left: 8px; top:4px; background: url("../images/article/article-sprite.png") no-repeat;}
.article-left .mark-like-btn{float:left; }
.article-left .baidu-share{float:right !important; }
.article-left .mark-like-btn a{margin-right:20px; font-size: 12px;}
.article-left .baidu-share a{margin:0px 0px 0px 15px;}
/*.article-left .baidu-share a:hover{color:#fff !important; opacity:1  !important;}*/

.article-left .collect{ border-color: #ff9933;}
.article-left .collect i{background-position: 2px -237px;}
/*
.article-left .collect:hover{color:#fff;background-color:#ff9933;}
.article-left .collect:hover i{background-position: 2px -45px;}
*/
.article-left .collect.collect-yes{cursor: default;color:#fff;background-color:#ff9933;}
.article-left .collect.collect-yes i{background-position: 2px -45px;}
.article-left .collect.collect-animate i{animation: starrotate 1.5s; -webkit-animation: starrotate 1.5s; -ms-animation: starrotate 1.5s; -o-animation: starrotate 1.5s; -moz-animation: starrotate 1.5s;}

.article-left .like-btn{ border-color: #f35454;}
.article-left .like-btn i{background-position: 2px -187px; }
/*
.article-left .like-btn:hover{background:#f35454; color:#fff; }
.article-left .like-btn:hover i{background-position: 2px -104px;}
*/
.article-left .like-btn.love-yes{cursor:default;background:#f35454; color:#fff;}
.article-left .like-btn.love-yes i{background-position: 2px -104px;}

.article-left .like-btn.love-animate i{animation: heartbomb .8s; -moz-animation: heartbomb .8s; -ms-animation: heartbomb .8s; -webkit-animation: heartbomb .8s;  -o-animation: heartbomb .8s;}


/*.article-left .weibo-btn{border-color: #e14d4c;}
.article-left .weibo-btn i{background-position: 0px -159px; width:26px;}
.article-left .weibo-btn:hover{background-color:#e14d4c; color:#fff;}
.article-left .weibo-btn:hover i{background-position: 0px -73px;}

.article-left .weixin-btn{ border-color: #40b440;}
.article-left .weixin-btn i{background-position: 0px -265px;}
.article-left .weixin-btn:hover{background-color:#40b440; color:#fff;}
.article-left .weixin-btn:hover i{background-position: 0px -132px;}
.article-left .weixin-btn:hover a{color:#fff !important; opacity:1  !important;}*/

.article-left .baidu-share .more-btn{border-color:#4593e4;  background:#fff url("../images/article/article-sprite.png") no-repeat 8px -208px !important; height:32px; line-height: 32px; font-size:0px; padding:0px; width:32px; }
.article-left .baidu-share .more-btn:hover{background-color:#4593e4 !important; background-position: 8px -14px !important;}
/*修改文章页面，分享btn*/
.article-left #bdshare .s-txt{float: left;line-height: 34px;font-size: 14px;color: #999;}
.article-left .lpatrshare-btn2{width: 34px;height: 34px;border-radius: 50%;padding: 0;border:0!important;}
.article-left .lpatrshare-btn2{display: inline-block;width: 34px;height: 34px;background: url("../images/article/article-sprite.png") no-repeat;}
.article-left .lpatrshare-btn2 i{display: none!important;}
/*sina*/
.article-left .weibo-btn{background-position: -1px -592px!important;}
.article-left .weixin-btn{background-position: -1px -630px;}
.article-left .wy-btn{background-position:  -1px -667px;}
#bdshare a:hover{opacity: 0.8;filter:alpha(opacity=80)}

.article-left .pageAuthor{ height: 110px; border:1px solid #c4c4c4; position: relative; overflow: hidden;}
.article-left .pageAuthor-in{height: 100%; width: 150%; position: relative; float:left;}
.article-left .au-roll{width:150%; position: relative;-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}
.article-left .au-roll.move{margin-left:-110px;}
.article-left .au-facename{float: left; width:200px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; padding: 15px; border-right:1px dotted #ccc;  }
.article-left .au-face{float: left; width: 80px;}
.article-left .au-name{float: left; padding-left: 30px; width: 90px; padding-top: 15px;}
.article-left .au-nickname{font-style: 14px; margin-bottom: 5px; display: block;}
.article-left .au-nickname a{ color: #666;font-size: 14px;}
.article-left .au-title{display: inline-block; background:#ed5565; color:#fff; padding:3px 10px; font-size: 14px;}
.article-left .au-intro{float:left; color: #a0a0a0; font-size: 14px; height: 100%; width:375px; padding: 7px 22px 10px 30px; width: 450px;/*width: 490px;*/}
.article-left .au-intro table{height: 110px;}
.article-left .au-intro td{height: 100%;}
.article-left .au-intro img{ position: relative; top:2px; margin-right: 15px;}
.article-left .au-intro img.img2{margin-left: 15px;}
.article-left .au-qcode{float: left; padding:2px; margin-left: 10px; position: relative; background:#db6d4c;display: none; }
.article-left .au-handle{width:10px; cursor: pointer; height: 57px; background:url(../images/article/handle_03.jpg) no-repeat; left: -10px; top:50%; margin-top: -28px;display: block; position: absolute;}
.article-left .su-box{position: relative; overflow: hidden;}
.article-left .su-roll{position: relative;}
.su-shadow{box-shadow:3px 0px 10px rgba(0,0,0,.1);}

/* animation */
@-webkit-keyframes rock {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    20%,60% {
        -webkit-transform: translate3d(-6px,0,0);
        transform: translate3d(-6px,0,0)
    }

    40%,80% {
        -webkit-transform: translate3d(6px,0,0);
        transform: translate3d(6px,0,0)
    }
}

@keyframes rock {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    20%,60% {
        -webkit-transform: translate3d(-6px,0,0);
        -ms-transform: translate3d(-6px,0,0);
        transform: translate3d(-6px,0,0)
    }

    40%,80% {
        -webkit-transform: translate3d(6px,0,0);
        -ms-transform: translate3d(6px,0,0);
        transform: translate3d(6px,0,0)
    }
}

@-webkit-keyframes border_large {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    20%,60% {
        -webkit-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0)
    }

    40%,80% {
        -webkit-transform: translate3d(0,6px,0);
        transform: translate3d(0,6px,0)
    }
}

@keyframes border_large {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    20%,60% {
        -webkit-transform: translate3d(0,-6px,0);
        -ms-transform: translate3d(0,-6px,0);
        transform: translate3d(0,-6px,0)
    }

    40%,80% {
        -webkit-transform: translate3d(0,6px,0);
        -ms-transform: translate3d(0,6px,0);
        transform: translate3d(0,6px,0)
    }
}





.article-left .pageRelate{padding:40px 0; }
.article-left .pageRelate ul li{width: 30%;float: left; margin-right: 5%; border-top: solid 2px #fff; }
.article-left .pageRelate ul li{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.article-left .pageRelate ul li.last{margin-right: 0;}
.article-left .pageRelate ul li .img{/*width: 200px; height: 120px;*/ margin-bottom: 10px;}
.article-left .pageRelate ul li .img img{width: 100% ;}
.article-left .pageRelate ul li .name{/*height: 40px;*/ line-height: 20px; /*overflow: hidden;*//*padding-top: 10px;*/}
.article-left .pageRelate ul li .name h2 a{font-size:12px; color: #5a5a5a;font-family: "NSimSun"; font-weight: bold;}
.article-left .pageRelate ul li:hover{border-top: solid 2px #DB6D4C;}
.article-left .pageRelate ul li:hover .name h2 a{color: #DB6D4C;}

.article-left .article-coment{padding-bottom: 40px;}



.bdshare_popup_box{display: none !important;}
.weixin-btn{position: relative;}
#weixin-qt{position: absolute; display: none; left:-43px; top:40px; width:260px; box-shadow: 0px 2px 3px #eee; z-index: 10; background: #fff; border:1px solid #e0e0e0;}
#weixin-qt img{display: block; float:left; width:120px;}
#weixin-qt span{width:0px; height: 0px; display: block; position: absolute; border:8px solid; border-color:transparent transparent #e0e0e0 transparent;  top:-16px; left:60px;}
#weixin-qt-msg{line-height: 1.4; float:right; width:120px; padding:15px 15px 0 5px;}
#weixin-qt-msg:hover{color:#333 !important;}
.article-left .weixin-btn:hover #weixin-qt-msg{color:#333;}




/*段落评论*/
.pageCont p{position: relative;}
.pageCont .marker{position: absolute;  left:-30px; top:7px; display: block; cursor: pointer; width:22px; height: 16px; background:#dadada; font-size: 12px; text-align: center; line-height: 17px; border-radius: 2px; color: #fff;}
.pageCont .marker .count{position: relative; z-index: 10;}
.pageCont .marker .arrow{position: absolute;  width:0px; height: 0px; border:5px solid; border-color:transparent #dadada transparent transparent; display: block; top:11px; left:5px; }
.pageCont .marker.empty{text-indent: -9999px; background-image: url("../images/article/article-sprite.png"); background-position:  6px -299px; display: none;}
.pageCont .marker:hover,.pageCont .marker.active{background-color:#db6d4c;}
.pageCont .marker:hover .arrow,.pageCont .marker.active .arrow{border-color:transparent #db6d4c transparent transparent;}
.pageCont .marker.active{display: block !important;}
.pageCont .marker.noempty{background-color:#db6d4c;}
.pageCont .marker.noempty .arrow{border-color:transparent #db6d4c transparent transparent;}
.pageCont .marker.noempty{display: block !important;}

.paragraph-comments{position: absolute; width:250px; background:#fff; padding:15px; left:-360px; top:7px; display: block;}
.paragraph-comments span{display: block;}
.paragraph-comments .arrow{position: absolute; display: block; width:0px; height: 0px; font-style: 0px; border:10px solid; top:0px; right:-10px; border-color: #fff transparent transparent transparent;}
.paragraph-comments .comment-item{padding:20px 0; border-bottom:1px dotted #e4e4e4; overflow: hidden; text-align: left;}
.paragraph-comments .face{width:40px; float:left; text-align: left;}
.paragraph-comments .rside{width:195px; float:right; font-size: 14px;position: relative; top:-5px;}
.paragraph-comments .nickname{ display: inline-block; color:#b66257; }
.paragraph-comments .nickname:hover{ color:#b66257;}
.paragraph-comments .comment-insert{padding-top:35px; padding-bottom: 5px; border-bottom:1px solid #ededed; font-size: 14px; background: url("../images/article/article-sprite.png") -250px 9px;}
.paragraph-comments .comment-insert input{border:0px; width:80%; margin:0 10%; background:transparent; outline: 0; color:#666; word-break: normal;}
.paragraph-comments .ctrl{text-align: right; font-size: 14px; padding:20px 0 10px 0; color:#cccccc;}
.paragraph-comments i{font-style: normal !important; cursor: pointer;}
.paragraph-comments .commit{padding-right:15px; color:#b66257;}
.paragraph-comments .cancel{padding-left: 15px;}


.lp-article-vote{border:1px solid #c4c4c4; margin-bottom: 30px; font-style: normal !important;}
.lp-article-vote .vote-body{padding:15px 20px 15px 40px;}
.lp-article-vote .vote-body h2{color: #464646; font-size: 16px; font-weight: bold; margin-bottom: 15px; margin-top:5px;}
.lp-article-vote .vote-item{margin-bottom: 5px;}
.lp-article-vote .vote-footer{background:#f6f6f6; padding:5px 20px;}
.lp-article-vote .vote-footer span{float:left; height: 100%; line-height: 29px; color: #464646;}
.lp-article-vote .vote-footer a{float:right; font-size: 14px; color: #fff; background:#dd6e4c; padding:5px 15px; border-radius: 2px;}
.lp-article-vote .vote-item{font-size: 12px; color: #464646;}
.lp-article-vote .vote-checkbox{display: inline-block; width:11px; height: 11px; padding:2px; border:1px solid #9e9e9e; border-radius: 50%; cursor: pointer; position: absolute; left:-23px; top:2px;}
.lp-article-vote .vote-checkbox i{width: 100%; height: 100%; display: inline-block; background:#dd6e4c; border-radius: 50%; display: none;}
.lp-article-vote .vote-checkbox.checked i{display: block;}
.lp-article-vote .vote-result{overflow: hidden; line-height: 10px;}
.lp-article-vote .vote-result em{background:#dd6e4c; width: 0; color: #fff; display: block; height: 100%; font-style: normal;}
.lp-article-vote .vote-result span{float:left; color: #dd6e4c;}
.lp-article-vote .result-range{height: 10px; border:1px solid #eee; width: 300px; float:left; margin-right: 5px;}
.lp-article-vote .vote-title{position: relative; margin-bottom: 2px;}
.lp-article-multiple-vote .vote-checkbox{border-radius: 0;}
.lp-article-multiple-vote .vote-checkbox.checked i{border-radius: 0;}


/*igao7产品植入*/
.igao7Pro{border:1px solid #c4c4c4;height: 200px;margin-bottom: 30px;}
.igao7Pro .l-pro{display: block;width: 290px;height: 200px;float: left;position: relative;font-family: Microsoft Yahei;}
.igao7Pro .l-pro .pic{width: 290px;height: 200px;position: relative;}
.igao7Pro .l-pro .pic .star{position: absolute;left: 0;top:0;padding:8px 10px;color: #fff;border-radius: 3px;font-size: 12px;border-top-left-radius: 0;}
.b90{background:#f28714;}
.b80{background:#f3c500;}
.b70{background:#83d745;}
.b60{background:#1fcf6d;}
.b50{background:#01bf9d;}
.igao7Pro .l-pro .pic .star em{float: left;background: url('../images/article/article-sprite.png') no-repeat;width: 14px;height: 14px;}
.igao7Pro .l-pro .pic .star em{background-position: -2px -441px;}
.igao7Pro .l-pro .pic .star em.whole{background-position:-1px -424px; }
.igao7Pro .l-pro .pic .star em.half{background-position:  -2px -457px;}
.igao7Pro .l-pro .pic .star span{padding-left: 5px;}
.igao7Pro .l-pro .txt{position: absolute;left: 0;bottom: 0;width: 270px;height: 50px;padding:50px 10px 0 10px;color:#fff;line-height: 22px;}
.igao7Pro .l-pro .txt p{font-size: 13px;}
.igao7Pro .l-pro .txt h1{font-size:18px;color:#fff;margin: 0;font-weight: normal;}
/*.igao7Pro .l-pro .txt:hover a{color: #f74271;}*/
.igao7Pro .l-pro .shadow{position: absolute; width:100%; height: 50%; position: absolute; left: 0px; bottom:0px;
	background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.6) 100%);
	background-image:-moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.6) 100%);
	background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.6) 100%);
	-webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease;
	transition: all 0s ease;}
.igao7Pro .list{float: left;width: 184px;padding:11px 20px 15px 20px;}
.igao7Pro .list .ico{margin-bottom: 10px;background: url('../images/article/article-sprite.png') no-repeat 0 -324px;width: 27px;height: 27px;display: inline-block;vertical-align: middle;}
.igao7Pro .diswant-list .ico{background-position:-1px -357px; }
.igao7Pro .list ul{height: 95px;overflow: hidden;margin: 0;}
.igao7Pro .list li{font-size: 12px;color: #464646;line-height: 19px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;position: relative;padding-left: 10px;font-family: 'Microsoft Yahei';}
.igao7Pro .list li:before{content: "";position: absolute;background: url('../images/article/article-sprite.png') no-repeat -5px -476px;width: 3px;height: 3px;;left: 0;top:8px;}
.igao7Pro .list .btns{margin-top: 10px;height: 30px;line-height: 30px;text-align: center;border:1px solid #f74271;color: #f74271;border-radius: 3px;}
.igao7Pro .list .btns em{display: inline-block;display: none;background: url('../images/article/article-sprite.png') no-repeat  -3px -409px;width: 26px;height: 7px;vertical-align: 2px;}
/*.igao7Pro .list.want-list .btns{background-color: #f74271;}*/
.igao7Pro .list.want-list .btns em{background-position: -2px -393px;}
.igao7Pro .list .btns  a{color: #f74271;display: inline-block;width: 100%;height: 100%}
/*.igao7Pro .list.want-list .btns a{color: #fff;}*/

/*雷锋网文章页面卡片*/
.lp-artlCard{border:1px solid #d4d4d4;padding:25px 69px;}
.lp-artlCard .pic{position: relative;}
.lp-artlCard .pic img{width: 600px;height: 400px;}
.lp-artlCard .pic .buyBtn{position: absolute;z-index: 5;top:140px;}
.lp-artlCard .pic .buyBtn .btn{cursor: pointer;position: absolute;width: 100px;height: 100px;text-align: center;line-height: 100px;color: #fff;font-size: 32px;background: rgba(0,0,0,0.75);display: inline-block;border-radius: 50%;}
.lp-artlCard .pic .buyBtn .btn:hover{background:rgba(221,110,76,0.9);}
.lp-artlCard .pic .buyBtn .buy{left: 110px;}
.lp-artlCard .pic .buyBtn .buy:hover{animation: border_large .6s; -webkit-animation: border_large .6s; -moz-animation: border_large .6s; -o-animation: border_large .6s;}
.lp-artlCard .pic .buyBtn .no-buy{left:390px;}
.lp-artlCard .pic .buyBtn .no-buy:hover{animation: rock .6s; -webkit-animation: rock .6s; -moz-animation: rock .6s; -o-animation: rock .6s;}
.lp-artlCard .pic .buyBtn .st,
.lp-artlCard .pic .buyBtn .perteng{display: none;}

.lp-artlCard .pic .buyBtn .activ1,
.lp-artlCard .pic .buyBtn .activ2{
    -moz-transition: all 0.3s cubic-bezier(0,0,1,1);;
    -webkit-transition: all 0.3s cubic-bezier(0,0,1,1);;
    -o-transition: all 0.3s cubic-bezier(0,0,1,1);;
    transition: all 0.3s cubic-bezier(0,0,1,1);
}
.lp-artlCard .pic .buyBtn .lg{
    -moz-transform:translate(-12px,-12px);
    -webkit-transform:translate(-12px,-12px);
    -o-transform:translate(-12px,-12px);
    transform:translate(-12px,-12px);
}

.lp-artlCard .pic .btn.activ1{line-height: 60px;width: 120px;height: 120px;background: rgba(221,110,76,0.9);cursor:default;}
.lp-artlCard .pic .btn.activ1 .st,
.lp-artlCard .pic .btn.activ1 .perteng{display: block;}
.lp-artlCard .pic .btn.activ1 .st{font-size: 20px;padding-top: 30px;line-height:20px;}
.lp-artlCard .pic .btn.activ1 .perteng{font-size: 38px;}
.lp-artlCard .pic .btn.activ1 .perteng em{font-size: 20px;}
.lp-artlCard .pic .btn.activ1 .defu{display: none;}
.lp-artlCard .pic .btn.activ1:hover{background: rgba(221,110,76,0.9); -webkit-animation: none; -o-animation: none; animation: none;}
.lp-artlCard .pic .btn.activ2{line-height: 60px;width: 120px;height: 120px;background: rgba(0,0,0,0.75);cursor: default;}
.lp-artlCard .pic .btn.activ2 .st,
.lp-artlCard .pic .btn.activ2 .perteng{display: block;}
.lp-artlCard .pic .btn.activ2 .st{font-size: 20px;padding-top: 30px;line-height:20px;}
.lp-artlCard .pic .btn.activ2 .perteng{font-size: 38px;}
.lp-artlCard .pic .btn.activ2 .perteng em{font-size: 20px;}
.lp-artlCard .pic .btn.activ2 .defu{display: none;}
.lp-artlCard .pic .btn.activ2:hover{background: rgba(0,0,0,0.75);-webkit-animation: none; -o-animation: none; animation: none;}

.lp-artlCard .pic .btn.lg{width: 144px;height: 144px;}
.lp-artlCard .pic .btn.lg .perteng{font-size: 44px;}
.lp-artlCard .pic .btn.lg .perteng em{font-size: 24px;}
.lp-artlCard .pic .btn.lg .st{padding-top: 40px;}

.lp-artlCard .txt{padding-top: 25px;}
.lp-artlCard .txt .hd{padding-bottom: 8px;border-bottom: 1px solid #d4d4d4;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lp-artlCard .txt .hd a{font-size: 16px;color: #202020;}
.lp-artlCard .txt .detail{font-size: 12px;color: #202020;line-height: 22px;padding-top: 5px;position: relative;}
.lp-artlCard .txt .detail em{display: inline-block;margin-right: 5px;vertical-align: middle;background: url(../images/article/article-sprite.png) no-repeat -2px -736px;width: 11px;height: 11px;}
.lp-artlCard .txt .detail .readAll{font-size: 12px;color: #dd6e4c;position: absolute;right: 15px;bottom: 0px;padding-left: 20px;background-color: #fff;}


/*文章页面右侧关于作者*/
.lph-right .about-author{margin-bottom: 32px;}
.lph-right .about-author h1{height: 36px;line-height: 36px;border-bottom: 2px solid #f7f7f7;position: relative;}
.lph-right .about-author h1 span{position: absolute;left: 0;bottom:-1px;border-bottom:2px solid #d96c4b;color: #373737;font-size: 18px;}
.lph-right .aboutAur-main{/*margin-top: 25px;*/background-color: #f7f7f7;padding: 20px 20px 35px 20px;font-size: 12px;color: #373737;}
.lph-right .aboutAur-mes .au-face{width: 84px;float: left;position: relative;}
.lph-right .aboutAur-mes .au-face img{width: 84px;height: 84px;border-radius: 50%;}
.lph-right .aboutAur-mes .au-face .v{position: absolute;bottom: -2px;right: 16px;background: url(../images/article/article-sprite.png) no-repeat -1px -488px;width: 24px;height: 24px;}
.lph-right .aboutAur-mes .aboutAur-name{padding-left: 18px;overflow: hidden;}
.lph-right .aboutAur-mes .aboutAur-name .name a{font-size: 18px;color: #1b1b1b;}
.lph-right .aboutAur-mes .aboutAur-name .rank{padding: 5px 0 10px 0;color: #a5a5a5;}
.lph-right .aboutAur-mes .aboutAur-name .ope a{display: inline-block;padding:5px 10px;margin-right: 10px;background-color: #333;color: #fff;font-size: 14px;border-radius: 3px;}
.lph-right .aboutAur-mes .aboutAur-name .ope a.focus2{padding: 5px 6px;background: #DB6D4C; cursor: not-allowed;}
.lph-right .about-author .atten-area{margin: 32px auto 0;padding-left: 25px;position: relative;line-height: 18px;color: #333;}
.lph-right .about-author .atten-area em{background: url(../images/article/article-sprite.png) no-repeat;width: 17px;height: 13px;}
.lph-right .about-author .atten-area em.l-quote{position: absolute;left: 0;top:0;background-position:  -1px -519px;}
.lph-right .about-author .atten-area em.r-quote{display: inline-block;background-position: -2px -538px;margin-left: 2px;}
.lph-right .about-author .au-code{padding: 20px 16px;background-color: #fff;width: 168px;margin:0 auto; margin-top: 30px;}
.lph-right .about-author .au-code img{display: block;width: 168px;height: 168px;}
.lph-right .about-author .au-code p{text-align: center;color: #676767;font-size: 14px;padding-top: 20px;}


.lph-main{margin-bottom: 0px;}

.related-article-loading{height: 32px; background:url(../images/common/t.gif) no-repeat 124px center; margin-top:10px;}



/*相关推荐*/
.related-article{position: relative; overflow: hidden; display: none;}
.related-article h2{height: 36px; margin-bottom: 45px; line-height: 36px; text-align: center; background:#db6d4c; font-weight: bold; font-size: 26px; color: #fff;}
.related-article-list{}

.related-date-group{position: relative; padding-left: 125px; }
.related-date-group .day{position: absolute; font-size: 22px; color: #db6d4c; left:0; top:18px; font-weight: bold;}
.related-date-group .time{position: absolute; top:23px; left:-68px; color: #db6d4c; font-size: 13px; }
.related-date-group .dot{display: inline-block; width: 11px; height: 11px; margin-left: 5px; background:#db6d4c; border-radius: 50%; border:3px solid #fff; position: relative; top:3px;}
.related-date-group ul{padding-left: 20px; border-left:2px solid #d6d6d6;}
.related-date-group li{padding:30px 0 15px 0; border-bottom: 1px dashed #e0e0e0; position: relative;}
.related-date-group li.first-item{padding-top:0px;}
.related-date-group .litpic{width: 140px; float:left;}
.related-date-group .litpic img{display: block;}
.related-date-group .info{width: 440px; float:right;}
.related-date-group h3{height: 75px;}
.related-date-group h3 a{font-size: 20px; color: #000; font-weight: bold;}
.related-date-group h3 a:hover{color: #db6d4c;}
.related-date-group .ft{font-size: 13px; color: #b8b8b8;}
.related-date-group .ft a{color: #b8b8b8;padding:0 2px; }
.related-date-group .ft a:hover{color: #db6d4c; display: inline-block;}
.related-date-group .ft i{display: inline-block; background: url(../images/article/article-sprite.png) no-repeat 0px -715px; position: relative; top:2px; width: 19px; height: 13px; }
.related-date-group .author{padding-left: 15px; }
.related-article .first-group .day{top:-12px;}
.related-article .first-group .first-item .time{top:-8px;}

/*响应式布局公共样式*/
@media screen and (max-width: 780px){
	.article-left{padding: 0 10px!important;}
	/*作者部分*/
	.article-left .pageAuthor .pu-pic{clear:both; width: 90%; padding: 0 5%; border-right: 0;}
	.article-left .pageAuthor .pu-works{clear:both; width: 90%;padding: 0 5%;}
	/*0905*/
	.article-main{padding:20px 0;}

	.article-left .au-roll{width:100%;}
	.article-left .pageAuthor{height: auto;}
	.au-qcode{display: none;}
	.su-box{display: none;}
	.article-left .au-facename{border-right:0; width: 100%;}
}

@media screen and (max-width: 480px){
	/*变换字体*/
	.article-left .pageTop h1{font-size: 20px;font-size: 2rem;font-weight: normal;}
	.article-left .pageCont{font-size: 16px;font-size: 1.6rem; }
	/*作者*/
	.article-left .pageAuthor .pu-works{display: none;}
	/*推荐文章竖排*/
	.article-left .pageRelate ul li{width: 100%;margin-bottom: 30px;}
	.article-left .pageRelate ul li .img img{width: 100%;}
	.article-left .pageRelate ul li .name h2 a{font-size: 16px; font-size: 1.6rem; font-weight: normal;}
	/*直接去掉图片*/
	.article-left .pageRelate ul li .img{display: none;}

	/*去除微博分享*/
	.article-left .weibo-btn{display: none!important;}
	.article-left .weixin-btn{display: none!important;}

}

@keyframes heartbomb{
	0% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1);  transform:scale(1,1); }
	40% {opacity:0.3; -webkit-transform:scale(5,5); -moz-transform:scale(5,5); -ms-transform:scale(5,5); -o-transform:scale(5,5); transform:scale(5,5);}
	100% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);}
}
@-moz-keyframes heartbomb /* Firefox */{
	0% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);}
	40% {opacity:0.3; -webkit-transform:scale(5,5);  -moz-transform:scale(5,5); -ms-transform:scale(5,5);  -o-transform:scale(5,5);  transform:scale(5,5);}
	100% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1);}
}
@-webkit-keyframes heartbomb{
	0% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1); transform:scale(1,1);}
	40% {opacity:0.3; -webkit-transform:scale(5,5);  -moz-transform:scale(5,5);-ms-transform:scale(5,5);  -o-transform:scale(5,5);  transform:scale(5,5);}
	100% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1);-o-transform:scale(1,1); transform:scale(1,1);}
}
@-0-keyframes heartbomb{
	0% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1);-ms-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1);}
	40% {opacity:0.5; -webkit-transform:scale(5,5); -moz-transform:scale(5,5);-ms-transform:scale(5,5);  -o-transform:scale(5,5); transform:scale(5,5); }
	100% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1);  -o-transform:scale(1,1); transform:scale(1,1); }
}




@keyframes starrotate{
	0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
	50% { -webkit-transform:rotate(540deg) scale(3,3);-moz-transform:rotate(540deg) scale(3,3);-ms-transform:rotate(540deg) scale(3,3);  -o-transform:rotate(540deg) scale(3,3); transform:rotate(540deg) scale(3,3); opacity:0.5; }
	100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-moz-keyframes starrotate{
	0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
	50% { -webkit-transform:rotate(540deg) scale(3,3);-moz-transform:rotate(540deg) scale(3,3);-ms-transform:rotate(540deg) scale(3,3); -o-transform:rotate(540deg) scale(3,3); transform:rotate(540deg) scale(3,3); opacity:0.5; }
	100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1);-o-transform:rotate(1080deg) scale(1,1);transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-webkit-keyframes starrotate{
	0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
	50% { -webkit-transform:rotate(540deg) scale(3,3); -moz-transform:rotate(540deg) scale(3,3);-ms-transform:rotate(540deg) scale(3,3); -o-transform:rotate(540deg) scale(3,3); transform:rotate(540deg) scale(3,3); opacity:0.5; }
	100%{ -webkit-transform:rotate(1080deg) scale(1,1); -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1);  transform:rotate(1080deg) scale(1,1);  opacity:1;}
}
@-o-keyframes starrotate{
	0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
	50% { -webkit-transform:rotate(540deg) scale(3,3);  -moz-transform:rotate(540deg) scale(3,3);-ms-transform:rotate(540deg) scale(3,3); -o-transform:rotate(540deg) scale(3,3); transform:rotate(540deg) scale(3,3); opacity:0.5; }
	100%{ -webkit-transform:rotate(1080deg) scale(1,1);  -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}


/*相关文章推荐*/
.article-recommend{background-color: #fafafa;padding-bottom: 60px;}
.article-recommend .tit{height: 90px;line-height:90px;position: relative;text-align: center;font-size: 20px;color: #333;}
.article-recommend .tit .line{  width: 100%;height: 0;border-top: 1px solid #d1d1d1;position: absolute;top: 44px;}
.article-recommend .tit span{  padding: 0 30px;background-color: #fafafa;position: relative;z-index: 2;}
.article-recommend .list li{width: 254px;padding: 8px 6px;margin-bottom: 10px;margin-left: 12px;float: left;}
.article-recommend .list li.first{margin-left: 0;}
.article-recommend .list li:hover{background-color: #ededed}
.article-recommend .list li .pic,
.article-recommend .list li .pic img{width: 254px;height: 170px;}
.article-recommend .list li .name{padding: 11px 0;height: 48px;line-height: 24px;overflow: hidden;}
.article-recommend .list li .name a{display: inline-block;line-height: 24px;color: #333;font-size: 15px;}

/*相关推荐右侧*/
.recommend{color:#333;font-size: 14px;}
.recommend ul li{padding:5px 0;border-bottom:1px solid #ebebeb;}
.recommend ul li a{display:inline-block;line-height: 22px;max-height:44px;overflow: hidden;text-overflow:ellipsis;}
.recommend ul li a:hover{color: #DB6D4C;}
.recommend .last{border-bottom:none;}

/*返回首页按钮*/
.indexBtn{
	padding: 17px 0 35px 0;
	text-align: center;
}
.indexBtn .arrow{
	display: inline-block;
	background:url(../images/article/arrow.png);
	width: 24px;
	height: 24px;
	margin-right:15px;
	vertical-align: middle;
}
.indexBtn a{
	display: inline-block;
	width: 150px;
	/*height: 20px;*/
	background: #f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #dddddd;
	color: #dddddd;
	font-size: 16px;
	padding:15px 0;
	transition:all .3s ease-out;
}
.indexBtn a span{
	color:#989898;
	-webkit-transition: padding-right .3s ease-out;
	-o-transition: padding-right .3s ease-out;
	transition: padding-right .3s ease-out;
}

.indexBtn a:hover span{
	padding-right:18px;
}

/*产品卡片*/
.product-box{
	width:700px;
	padding:20px;
	border:1px solid #ccc;
	overflow: hidden;
}
.product-box .left-con{
	width:350px;
	float: left;
	position: relative;
	overflow: hidden;
	height: 468px;
}
.product-box .left-con img,.product-box .right-con img{max-width:100%;display: block;}
.product-box .right-con{
	width:350px;
	float: left;
	position: relative;
	overflow: hidden;
	height: 468px;
}
.product-box .btn{
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,.5);
	color:#fff;
	text-align: center;
	position: absolute;
	top:70px;
	left:50%;
	line-height: 100px;
	font-size: 35px;
	margin-left:-50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	line-height: 1.5;
}
.product-box .btn .em{
	display: none;
	font-size: 14px;
}
.product-box .btn span{
	position: absolute;
	left :50%;
	top:50%;
	margin-left: -17%;
	margin-top:-25%;
	font-style: normal;
}
.product-box .btn:hover{
	background: rgba(221,110,76,.8);
	color: #fff;
}
.product-box .active .btn{
	display: block;
	background: rgba(221,110,76,.8);	
	-webkit-transform: translateY(-22px);
	-ms-transform: translateY(-22px);
	-o-transform: translateY(-22px);
	transform: translateY(-22px);
	line-height: 1.7;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
.product-box .active .btn .em{
	display: block;
	font-size: 30px;
}
.product-box .detail{
	background: rgba(0,0,0,.8);
	color:#fff;
	position: absolute;
	bottom:-226px;
	left:0;
	width: 100%;
	-webkit-transition: bottom .5s;
	-o-transition: bottom .5s;
	transition: bottom .5s;
}
.product-box .detail:hover{
	bottom:-40px;
}
.product-box .detail:hover .icon-double-angle-down{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.product-box .cnt img{
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.product-box .cnt:hover img{
	opacity: 0.85;
}
.product-box .detail h3{
	font-size: 16px;
	padding:0 15px;
	border-bottom:1px solid #fff;
	position: relative;
	font-weight: normal;
	margin:0;
	height: 40px;
	line-height: 40px; 
	overflow: hidden;
}
.product-box .detail h3 a{
	color: #fff;
	font-style: normal;
}
.product-box .detail p{
	font-size: 12px;
	padding:15px;
	height: 184px; overflow: hidden;
	font-style: normal;
}
.icon-double-angle-down{
	display:block;
	  position: absolute;
	  background: url(http://www.leiphone.com/resWeb/images/product/p-v4.png) no-repeat -79px -2px;
	  width: 9px;
	  height: 9px;
	  right: 20px;
	  top: 20px;
}
.product-box-active .buy-btn a{cursor: default;}
.product-box-active .buy-btn .btn:hover{background:rgba(0,0,0,.5);}
.product-box-active .buy-btn.active .btn:hover{background:rgba(221,110,76,.8);}

.product-box-active .btn-large .btn{width: 140px; height: 140px; }
.product-box-active .btn-large .btn span{margin-left: -22%; margin-top:-22%;}

.product-box-active .btn span{
	font-size: 20px;
	margin-left:-17%;
	margin-top:-22%;
}

/*loading*/

#loading{position: absolute;top:50%;left:50%;margin-left:-29px;margin-top: -5px;display: none;z-index:1000;width:58px;height:10px;}


/*s =0702版文章页*/
.lph-main .artle-nowsite,
.lph-main .artle-nowsite a{color: #5b5a5a;font-size: 14px;}
.lph-main .artle-nowsite a{padding: 0 3px;}

.article-btn{padding-bottom: 40px;padding-top: 15px;}
.article-btn .prev-artle{float: left;width: 48%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.article-btn .next-artle{float: right;width: 48%;text-align: right;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.article-btn .prev-artle span,
.article-btn .next-artle span{color: #333;font-size: 14px;}
.article-btn .prev-artle a,
.article-btn .next-artle a{color: #dc6e4b;font-size: 14px;}

.realted-artle{border:1px solid #e1e1e1;}
.realted-artle .tit{background-color: #f6f6f6;height: 42px;line-height: 42px;}
.realted-artle .tit .name{float: left;color: #dc6e4b;font-size: 20px;padding-left: 15px;}
.realted-artle .tit .keyword{float: right;font-size: 12px;color: #5b5a5a;}
.realted-artle .tit .keyword a{background-color: #fff;border:1px solid #e1e1e1;padding: 3px 6px;display: inline;margin-right: 8px;}
.realted-artle .list{padding: 6px 0;}
.realted-artle .list li{float: left;padding:6px 15px 6px 20px;width: 334px;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.realted-artle .list li:before{content: "";position: absolute;width: 2px;height: 2px;background: #5a5a5a;left: 15px;top:18px;}
.realted-artle .list li a{font-size: 14px;color: #5b5a5a;}
.realted-artle .list li:hover a{color: #dc6e4b;}

.artle-watch{margin-top: 35px;}
.artle-watch .tit{margin-bottom: 15px;border-bottom: 1px solid #e1e1e1;position: relative;}
.artle-watch .tit h1{float: left;color: #dc6e4b;font-size: 16px;padding-bottom:4px;border-bottom: 1px solid #dc6e4b}
.artle-watch .tit .reflash{position: absolute;right: 0;bottom: 5px;color: #898989;font-size: 14px;border:1px solid #e1e1e1;border-radius: 12px;padding: 2px 8px;}
.artle-watch .tit .reflash i{display: inline-block;vertical-align: -2px;margin-right: 5px;background: url('../images/article/article-sprite.png') no-repeat 0 -752px;width: 12px;height: 14px;}
.artle-watch .tit .reflash i.active{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.artle-watch .list li{width: 173px;margin-left: 16px;float: left;}
.artle-watch .list li .pic{width: 173px;height: 116px;}
.artle-watch .list li.first{margin-left: 0;}
.artle-watch .list li .name{padding-top: 5px;height: 40px;line-height: 20px;overflow: hidden;}
.artle-watch .list li .name a{color: #1e1e1e;font-size: 12px;}
.artle-watch .list li:hover .name a{color: #dc6e4b;}
/*右侧关于作者*/
.lph-right .aboutAur-main{background-color: transparent;/*border-radius: 4px;*/padding: 24px 19px 24px 19px;border:1px solid #e1e1e1;}
.lph-right .aboutAur-mes .aboutAur-name .rank{font-size: 14px;color: #a5a5a5;}
.lph-right .aboutAur-mes .aboutAur-name .name a{font-size: 18px;}
.lph-right .monthHot-artle{margin-top: 35px;}
.lph-right .monthHot-artle .tit{margin-bottom: 20px;text-align: center;border-bottom: 1px solid #cdcdcd;position: relative;}
.lph-right .monthHot-artle .tit span{position: relative;top:10px;padding: 0 10px;background: #fff;color: #dc6e4b;font-size: 16px;}
.lph-right .monthHot-artle .list li{border-top: 1px solid #e1e1e1;max-height:44px;line-height: 22px;padding: 12px 0; }
.lph-right .monthHot-artle .list li.first{border-top: 0;}
.lph-right .monthHot-artle .list li a{font-size: 14px;color: #5b5a5a;}
.lph-right .monthHot-artle .list li:hover a{color: #dc6e4b;}
/*e =0702版文章页*/



/*文章卡片 0703*/
.lp-proCard{border:1px solid #d4d4d4;}
.lp-proCard a{display: block;position: relative;color: #dd6e4c}
.lp-proCard .pic{position: relative;width: 298px;height: 200px;float: left;text-align: center;}
.lp-proCard .pic img{/*display: block;*/height: inherit;width: auto;}
.lp-proCard .pic .vote-num{position: absolute;left: 0;top:15px;padding:4px 62px 4px 15px;background: rgba(0,0,0,0.75);height: 43px;line-height: 43px;color: #fff;font-size: 14px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
.lp-proCard .pic .vote-num i{color: #ff683b;font-size: 23px;}
.lp-proCard .pic .vote-num em{background: url('../images/article/article-sprite.png') no-repeat -1px -778px;width: 43px;height: 43px;position: absolute;right: 4px;top:4px;}
.lp-proCard .txt{overflow: hidden;padding: 0 15px;}
.lp-proCard .txt .tit{height: 44px;line-height: 44px;border-bottom: 1px solid #d4d4d4;font-size: 18px;color: #202020;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;}
.lp-proCard .txt ul{margin: 0;padding: 18px 0;overflow: hidden;height: 88px;overflow: hidden;width: 50%;float: left;}
.lp-proCard .txt li{position: relative;padding:0 10px 0 8px;font-size: 12px;color: #202020;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.lp-proCard .txt li:before{content: "";position: absolute;width: 2px;height: 2px;background-color: #525252;left: 0px;top:10px;}
.lp-proCard .txt .vote-info{font-size: 14px;color: #ff683b;text-align: center;}

.lp-proCard a{height: 200px}
.lp-proCard .line{
  z-index: 2;
  position: absolute;
  width: 2px;
  height: 2px;
  background: #FF7C54;
  transition-timing-function:linear;
  -webikt-transition-timing-function:linear;
  transition-timing-function:linear;
  transition-timing-function:linear;
}

.lp-proCard .before-line1{left: 370px;top:-1px;}
.lp-proCard .before-line2{left: -1px;top: 0px;display: none;}
.lp-proCard .before-line3{left: -1px;top: 200px;display: none;}

.lp-proCard .after-line1{left:369px;top:200px;}
.lp-proCard .after-line2{right:-1px;top:200px;display:none;}
.lp-proCard .after-line3{right:-1px;top:-1px;display: none;}

.lp-proCard .txt .proCard-cnt{margin: 0;margin: 18px 0;overflow: hidden;height: 88px;overflow: hidden;line-height: 22px;font-size: 12px;color: #202020;}

/*打赏*/
.gave { text-align: center; position: relative; height: 110px; }
.gave a { display: inline-block; width: 75px; height: 75px; background: #f06363; font-size: 18px; color: #fff !important; line-height: 75px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.gave .code>img { height: 140px; }
.gave .code { display: none; width: 180px; height: 160px; padding: 20px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 15px #e5e5e5; font-size: 13px; color: #68b3de; position: absolute; left: 50%; margin-left: -110px; bottom: 100%; }
.gave .code:after { content: ""; width: 0; height: 0; border-width: 10px; border-color: #fff transparent transparent transparent; border-style: solid; position: absolute; top: 100%; left: 50%; margin-left: -7.5px; }
.gave .ico-wechat { vertical-align: middle; padding-right: 3px; }



/****文章详情页面 广告位****/
.lph-products{height: 345px;}
.lph-tryout{height: 302px;}
.lph-knewbi{height: 386px;}
.lph-topic{height: 380px;}
.artDetail-ads{border:1px solid #e3e3e3;width: 515px;position: relative;margin:10px auto;}
.artDetail-ads .pic{position: relative;}
.artDetail-ads .txt{background: rgba(0,0,0,0.6);padding: 10px 15px 5px 15px;position: absolute;left:0;bottom:0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.artDetail-ads .txt .ads-name{display: block;width: 75%;font-size: 14px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.artDetail-ads .txt .parameters a{font-size: 12px;color: #fff;padding-right: 20px;}
.artDetail-ads .txt .parameters a em{margin-right:5px;vertical-align: middle;display: inline-block;background: url(../images/article/article-sprite.png) no-repeat;}
.artDetail-ads .txt .parameters .love em{background-position: -46px -1px;width: 15px;height: 13px;}
.artDetail-ads .txt .parameters .have em{background-position: -46px -24px;width: 15px;height: 15px;}
.artDetail-ads .txt .parameters .sCmt em{background-position: -46px -48px;width: 17px;height: 15px;}
.artDetail-ads .pic .tags{position: absolute;font-size: 13px;top:10px;left: 0;padding:5px 15px 5px 14px;border-top-right-radius: 16px;border-bottom-right-radius: 16px;color: #fff;}
.lph-products .pic .tags{background: #ed6036;}
.lph-tryout  .pic .tags{background: #ed6036;}
.lph-knewbi .pic .tags{background: #23b6b8;}
.lph-topic .pic .tags{background: #ed6036;}
.lph-knewbi .pic .tags em{display: inline-block;vertical-align:-3px;margin-right: 3px;background: url(../images/article/article-sprite.png) no-repeat -47px -69px;width: 17px;height: 17px;}
.artDetail-ads .txt .ads-btn{position: absolute;right:15px;bottom: 15px;height: 32px;width: 108px;border: 1px solid #ed6036;color: #ed6036;font-size: 13px;text-align: center;line-height: 32px;}
.artDetail-ads .txt .ads-btn:hover{background: rgba(255,255,255,0.08);}

/*右侧广告位*/
.aside-items{position: relative;overflow: hidden;}
.aside-tryout{height: 165px;}
.aside-hotTopic{height: 227px;}
.aside-knewbi{height: 218px;}
.aside-items .cover{text-align: center;position: absolute;height:32px;width: 100%;left: 0;bottom: 0;background:rgba(0,0,0,0.6);
    z-index: 1;
    transition:height .15s ease-in-out;
    -ms-transition:height .15s ease-in-out;
    -moz-transition:height .15s ease-in-out;
    -webkit-transition:height .15s ease-in-out;
}
.aside-items .cover a{position: relative;opacity: 0;filter:alpha(opacity=0);display: inline-block;width: 166px;height: 46px;border: 2px solid #ec6b44;color: #ec6b44;font-size: 16px;text-align: center;line-height: 46px;}
.aside-items:hover .cover{height: 100%;}
.aside-items:hover .cover a{opacity: 1;filter:alpha(opacity=100);top: 50%;margin-top: -25px;}
.aside-items .cover a:hover{background: rgba(255,255,255,0.08);}
.aside-items img{display: block;}

.aside-items .txt{z-index: 2;position: absolute;left: 0;bottom: 0;height: 32px;line-height: 32px;text-align: center;width: 100%;}
.aside-items .txt span{font-size: 13px;color: #f2f2f2;cursor: default;}
.aside-items .txt .num{float: left;padding-left: 12px;}
.aside-knewbi .txt .pri{float: left;padding-left: 12px;}
.aside-items .txt .webName{float: right;padding-right: 12px;}
.aside-knewbi .txt .webName em{display: inline-block;vertical-align: -3px;margin-right:3px;background: url(../images/article/article-sprite.png) no-repeat -47px -69px;width: 17px;height: 17px;}

/*硬创邦code*/
.ycb-code { height: 153px; padding-top: 37px; border-top: 1px solid #e5e5e5; position: relative; }
.ycb-code:before { content: ""; display: block; width: 13px; height: 7px; background: url(../images/down.gif); position: absolute; top: -1px; left: 225px; }
.ycb-code img { border: 3px solid #e5e5e5; margin-left: 157px; margin-right: 30px; float: left; }
.ycb-code .des { float: left; }
.ycb-code .des h3 { width: 234px;font-size: 15px; color: #000; font-weight: bold; padding-bottom: 13px; border-bottom: 5px solid #e5e5e5; }
.ycb-code .des p { font-size: 13px; color: #666; line-height: 34px; width: 234px; }

/*创马报名入口*/
.sign{width: 612px; height: 90px;background: #fff url(../images/sign.png) 0 0 no-repeat;line-height: 90px;padding-left:128px;margin:25px 0;}
.sign a{display: block;font-size: 18px;color: #fff !important;}


/*右侧code*/
.lph-right .about-author{position: relative;z-index: 1;top: -1px;}
.lph-code{padding: 30px 12px 30px 30px;overflow: hidden;border:1px solid #e5e5e5;border-bottom:0;border-top:2px solid #DD6E4E;border-radius: 3px;-webikt-border-radius: 3px;}
.lph-code a{float: left;width: 103px;}
.lph-code .des{overflow: hidden;padding-left: 15px;}
.lph-code .des h3{font-size: 16px;color: #000;font-weight: bold;}
.lph-code .des p{border-top:5px solid #e5e5e5;margin-top: 10px;padding-top: 5px;font-size: 14px;}