@import"global.css";

.article-page .topBar .logo {margin-left:-12px;}

#article-container{padding:35px 0 0}
#article-container .column {width:120px;margin-left:-30px;}
#article-container .main {width:640px;margin-left:30px}
#article-container .sidebar {width:300px;margin-top:-10px;}

/* =========== user-info ==========*/
.user-info {background:#fff;position:relative;padding-top:56px;width:118px;border:1px #ddd solid;}
.user-info .user-pic{height:70px;width:70px;position:absolute;top:-25px;left:25px}
.user-info .user-pic img{display:block;width:100%;height:100%;border-radius:50%;border:1px solid #ddd;}
.user-info h4{text-align:center;font-size:16px;line-height:20px;padding-top:3px;font-weight:bold;}
.user-info dl.user-num{padding:12px 2px 12px;height:42px}
.user-info dl.user-num dd:first-child {border-right:1px #eee solid}
.user-info dl.user-num dd {height:42px;width:56px;float:left;text-align:center;color:#999;line-height:1;font-size:12px}
.user-info dl.user-num .value{font-size:12px;display:block;height:26px;line-height:26px;vertical-align:middle}
.user-info dl.user-num .value .num{font-size:14px;color:#111;}
.user-info .user-more a{color:#666;font-size:12px}

/* =========== category-info ==========*/
.category-info {display:block;width:120px;margin-top:25px;border:1px solid #fff;padding-bottom:15px;}
.category-info a {display:block;clear:both;line-height:16px;font-size:14px;margin:15px 0 0 16px;color:#333;}
.category-info a.icon {padding-left:24px;}
.category-info a:hover {color:#f44;} 

.category-info a.icon_yinshi {background:url(../icon/icon_yinshi.png) no-repeat left top;}
.category-info a.icon_pengren {background:url(../icon/icon_pengren.png) no-repeat left top;}
.category-info a.icon_yangsheng {background:url(../icon/icon_yangsheng.png) no-repeat left top;}
.category-info a.icon_yingyang {background:url(../icon/icon_yingyang.png) no-repeat left top;}
.category-info a.icon_shenghuo {
    background: url(../icon/icon_shenghuo.png) no-repeat left top;
}

.category-info span {display:block;width:100%;border-top:1px solid #eee;margin-top:-1px;position:relative;height:8px;}
.category-info span b {position:absolute;top:-10px;left:40px;width:40px;background-color:#fff;font-size:14px;text-align:center;color:#ccc;}

/* =========== text ==========*/
.text-title {position:relative;top:-6px}
.text-title h1 {display:inline;font-size:28px;font-weight:700;line-height:38px;color:#111;padding-left:55px;}
.text .original-logo {position:absolute;top:6px;left:0;background:#f66;border-radius:2px;font-size:14px;font-weight:400;color:#fff;line-height:18px;padding:3px 6px 3px 6px;margin:0px 15px 0 0;}
.article-info {display:block;clear:both;font-size:14px;line-height:20px;color:#999;padding-top:5px}

.text .digest {font-size:16px;color:#999;margin-top: 5px;}
.text .digest span {display: inline-block;width:32px;height:16px;line-height:100%;font-size: 40px;font-family: ����, "Hiragino Sans GB", STHeiti, ΢���ź�, "Microsoft YaHei";color:#ccc;zoom:1;overflow:hidden;}
.text .digest span.txt_tart {text-indent: -10px;}
.text .block_txt {margin:15px 0;}


.article{color:#111;line-height:36px;font-size:18px;overflow:hidden;}
.article .imgs{display:block;clear:both;width:100%}
.article img{display:block;max-width:500px;max-height:600px;margin:10px auto;}
.article h2,.article h3 {display:block;font-weight:bold;text-indent:2em;}
.article p {padding:8px 0;}

.company{margin-left:13px;margin-bottom:9px}
.company li{position:relative;line-height:18px;font-size:12px;color:#999;padding-left:10px;margin-bottom:2px}
.company li{position:relative;line-height:18px;font-size:12px;color:#999;padding-left:10px;margin-bottom:2px}
.user-info .user-more{height:31px;background:#f9f9f9;text-align:center;line-height:31px}


.clear{zoom:1;overflow:hidden}
.article-allsee{padding-top:10px}

.title {display:block;clear:both;padding:6px 0;overflow:hidden;line-height:18px;}
.title .ln{float:left;margin-right:10px;width:4px;height:19px;border-radius:2px;background:#f66}
.title h4{font-size:16px;float:left;font-weight:bold;color:#111;}
.titleL h4 {font-size:18px;}
.titleR {width:300px;}


.allsee-list{width:680px;padding-top:10px}
.allsee-list .item {float:left;margin:0 20px 15px 0;width:200px;height:165px;position:relative}
.allsee-list .item span{display:block;width:200px;height:120px;overflow:hidden;cursor:pointer;}
.allsee-list .item span img{display:block;width:100%;transition:transform .5s ease .1s;-webkit-transition:-webkit-transform .5s ease .1s;}
.allsee-list .item h6 {display:block;display:-webkit-box;overflow:hidden;margin-top:8px;width:100%;height:36px;line-height:18px;font-size:15px;color:#303030;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;}

.hot-atlas{background:#fff;padding-bottom:10px}
.hot-atlas .focus{width:300px;height:200px;position:relative;overflow:hidden;margin:8px auto 0}
.hot-atlas .focus .scroll{width:100%;height:100%;position:relative;overflow:hidden}
.hot-atlas .focus .widget-swiper{height:200px;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}
.hot-atlas .focus .con{float:left;left:0;position:absolute;top:0;transition:all .5s ease 0s;width:9999px}
.hot-atlas .focus .con .pic{float:left;height:200px;position:relative;width:300px;overflow:hidden}
.hot-atlas .focus .con .pic img{height:100%;display:block}
.hot-atlas .focus .con .pic .linear-box{height:100px;position:absolute;bottom:0;left:0;width:100%;display:block;background:#000;background:-moz-linear-gradient(top,transparent 0,rgba(51,51,51,.7) 100%);background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 100%);background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 100%);background:-ms-linear-gradient(top,transparent 0,rgba(51,51,51,.7) 100%);background:linear-gradient(top,transparent 0,rgba(0,0,0,.9) 100%)}
.linear-box .linear-bg{display:block;height:100%;width:100%;color:#fff;background:#000;background:-moz-linear-gradient(top,transparent 0,rgba(51,51,51,.5) 100%);background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.9) 100%);background:-o-linear-gradient(top,transparent 0,rgba(51,51,51,.5) 100%);background:-ms-linear-gradient(top,transparent 0,rgba(51,51,51,.5) 100%);background:linear-gradient(top,transparent 0,rgba(0,0,0,.9) 100%)}

.hot-atlas .focus .con .pic .linear-box a{display:-webkit-box;position:absolute;left:12px;bottom:6px;font-size:16px;line-height:20px;max-height:40px;color:#fff;width:280px;transition:all .2s ease-in-out;bottom:20px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hot-atlas .focus .bullets{bottom:9px;height:2px;position:absolute;left:12px;text-align:center}
.hot-atlas .focus .bullets span{display:inline-block;vertical-align:top;cursor:pointer;width:6px;height:2px;margin:0;overflow:hidden;transition:all .2s ease-in-out}
.hot-atlas .focus .bullets span a{display:inline-block;vertical-align:top;background:#ccc;border-radius:3px;font-size:0;height:100%;width:100%}
.hot-atlas .focus .bullets .active a{background:#fff}
.hot-atlas .focus .btns{width:100%;left:0;pointer-events:none;top:85px;display:none;height:25px;position:absolute}
.hot-atlas .focus .btns a{background:url(left.png) repeat 0 0;left:10px;pointer-events:all;top:0;width:25px;height:25px;position:absolute}



.hot-article {display:block;width:300px;margin-top:10px;}

.float-links{width:54px;position:fixed;bottom:100px;left:50%;margin-left:600px}
.float-links li{width:100%;height:54px;margin-top:3px;background:#999;font-size:14px;line-height:16px;text-align:center;}
.float-links .home{background:#333}
.float-links li a{width:100%;height:100%;display:block;color:#fff;border-radius:50%;}
.float-links li a em{display:block;padding-top:14px}
.float-links li .icon{position:absolute;top:24px;left:15px;display:block;width:24px;height:12px;}
.float-links .back-top {background:inherit;}
.float-links .back-top a {background:#ff9999;}
.float-links .back-top a:hover {background:#ff6666;}
.float-links .back-top .icon{background:url(../img/totop.png) no-repeat 0 -20px;}