@charset "utf-8";
/*css reset*/
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
html,body{width:100%;height:100%;font-size:14px;}
html{overflow:auto;}
body{line-height:1;background:#fff;font-family: Arial, Helvetica, sans-serif;width:100%;_background-image:url(about:blank);_background-attachment:fixed;}
ul{list-style:none;}
a{outline:none;text-decoration:none;color:#36c;*blr:expression(this.onFocus=this.blur());}
h1,h2,h3,h4{font-weight:normal;font-size:100%;font-family:"Microsoft YaHei","微软雅黑" !important;}
.yahei{font-family:"Microsoft YaHei","微软雅黑" !important;}
.clear:after{content:"";display:block;height:0;clear:both;visibility: hidden;overflow:hidden;}
.clear{*zoom:1;}
::selection{background: #DB4F33;color: white;text-shadow: none;}
::-moz-selection {background: #DB4F33;color: white;text-shadow: none;}
#wrap img{max-width:100%;}
*img{width:auto;}
/*common css style*/
.center{width:1000px;margin:0 auto;position:relative;}
.arrow{width:0px;height:0px;display:inline-block;border:5px dotted #fff;border:5px solid #fff\9\0;border-color:transparent;border-top-color:#000;border-top-style: solid;font-size:0;line-height:0px;}
.gray-gradient{
	background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff), color-stop(1, #f3f3f3));
	background:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType='0');
	background: -o-linear-gradient(top, #ffffff, #f3f3f3);
}
p{padding:5px 0px;}
.author{color:#d4d4d4;font-size:12px;}
.author a{color:#4779e3;margin-right:10px;}
.author .name{color:#4779E3;font-style:normal;}

.common-top .title{height:32px;background:#f5f5f5;line-height:32px;color:#333;text-indent:7px;margin-bottom:15px;}
.common-top .more{float:right;line-height:32px;color:#333;*background:#f5f5f5;}
.common-top .more:hover{color:#3b70e1;}
/*header start*/
#header{width:100%;height:54px;border-top:2px solid #407ae4;border-bottom:1px solid #cfcfcf;}
#header .center{z-index:10;}
#logo{width:120px;height:100%;display:block;line-height:5;}
#logo img{width:120px;padding:12px 0px;float:left;}

#nav{position:absolute;top:-2px;height:56px;left:170px;line-height:56px;font-size:14px;}
#nav li{width:90px;height:54px;float:left;position:relative;text-align:center;border-top:2px solid #407ae4;overflow:hidden;cursor:pointer;}
#nav li:hover,#nav .cur{background:url(../img/lihover.png) no-repeat;border-top:2px solid #3565cb;}
#nav li:hover a,#nav .cur a{color:#5ea8ea;}
#nav li a{color:#8f8f8f;width:100%;height:100%;padding-left:13px;letter-spacing:3px;display:block;}
#nav li a:hover{color:#5ea8ea;}
#nav li em{width:17px;height:14px;display:block;overflow:hidden;position:absolute;top:22px;left:15px;background-image:url(../img/ico.png);}

#nav .home em{background-position:0px 0px;}
#nav .news em{background-position:0px -14px;}
#nav .view em{background-position:0px -28px;}
#nav .person em{background-position:0px -42px;}
#nav .company em{background-position:0px -56px;}
#nav .app em{background-position:0px -70px;}

#nav .home.cur em,#nav .home:hover em{background-position:0px -84px;}
#nav .news.cur em,#nav .news:hover em{background-position:0px -98px;}
#nav .view.cur em,#nav .view:hover em{background-position:0px -112px;}
#nav .person.cur em,#nav .person:hover em{background-position:0px -126px;}
#nav .company.cur em,#nav .company:hover em{background-position:0px -140px;}
#nav .app.cur em,#nav .app:hover em{background-position:0px -154px;}

#header-right{position:absolute;right:10px;top:15px;font-size:12px;height:24px;line-height:24px;z-index:10;}
#header-right a{color:#8f8f8f;}
#header-right a:hover{color:#5ea8ea;}
#header-right .user-info{color:#8f8f8f;position:relative;cursor:pointer;padding-right:7px;}
#header-right .user-info img{float:left;width:24px;height:24px;box-shadow:0px 1px 1px #c8c8c8;margin-right:5px;}
#header-right .arrow{position:absolute;right:-5px;top:9px;_right:40px;*top:3px;}

#hide-info{width:120px; border:1px solid #b7b7b7; position:absolute; right:-9px; top:42px; background:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); font-size:12px;display:none;}
#hide-info li{  float:none; padding:0px; height:auto;}
#hide-info li a{color:#333; display:block; text-align:left; line-height:30px; height:30px;text-indent:50px;}
#hide-info .edit-message a{ background-image: url(../img/manage_ico.png); background-position: 16px 7px; background-repeat: no-repeat ;}
#hide-info .quit-message a { background-image: url(../img/manage_ico.png); background-position: 16px -33px; background-repeat: no-repeat ;}
#hide-info a:hover{ background-color:#f3f3f3;}

#header-right .line{float:right;background:url(../img/ico.png) left bottom no-repeat;padding:0px 10px;}
#header-right .tougao{color:#db4f33;}
#header-right .search{width:16px;height:24px;position:relative;}
#header-right .search b{background:url(../img/ico.png) 0px -172px no-repeat;text-indent:-9999px;display:inline-block;width:16px;height:16px;cursor:pointer;overflow:hidden;position:absolute;top:4px;left:10px;z-index:1;}
#keyword{position:absolute;left:4px;top:0px;border:1px solid #c8c8c8;width:110px;height:22px;border-radius:20px;padding-left:28px;line-height:22px;display:none;}

/*wrap start*/
#wrap{margin-top:20px;position:relative;}
#goTop{position:fixed;width:40px;height:40px;bottom:80px;right:3.52991452991453%;overflow:hidden;background:url(../img/top_arrow.png) left top no-repeat;text-indent:-999em;display:none;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight- 80 + 'px');}
#goTop:hover{background:url(../img/top_arrow.png) left bottom no-repeat;}
.title-info{background-position:center center;background-repeat:no-repeat;width:100%;overflow:hidden;position:relative;}
.title-back{background:url(../img/blank.png) repeat;width:100%;bottom:0px;left:0px;position:absolute;}
.title-back h3 a{color:#fff;}

.ad-top{margin-bottom:20px;width:100%;overflow:hidden;}

#wrap-left{width:64%;float:left;}
#wrap-right{width:32%;float:left;margin-left:4%;_margin-left:3%;position:relative;}

.title-link{width:100%;height:100%;display:block;text-indent:-999em;}
/*hot news start*/
.hot-news{width:100%;margin:0 auto;}
.hot-news .title-info{height:369px;}
.hot-news .title-back{padding-top:26px;padding-bottom:10px;}
.hot-news .title-back h3{padding-left:20px;padding-right:10px;}
.hot-news .title-back h3 a{font-size:25px;line-height:30px;}
.hot-news .title-back p{padding-top:16px;padding-left:20px;}
.hot-news .title-back .author a{color:#fff;}
.hot-news .title-back .share{padding-left:5px;}
/*point of view start*/
.point-view{width:100%;margin-top:20px;}

.view-front{float:left;width:47%;color:#333;}
.view-front h3{margin-top:10px;}
.view-front h3 a{font-size:18px;color:#3A6FE1;font-size:24px;line-height:40px;position:relative;}
.view-front .comment em{width:28px;height:27px;display:inline-block;background:url(../img/comment_ico.png) left top no-repeat;line-height:18px;position:relative;color:#000;text-align:center;font-style:normal;font-size:12px;position:absolute;top:6px;left:6px;}
.view-front .comment:hover em{background:url(../img/comment_ico.png) left -27px no-repeat;color:#fff;}
.view-front .view-back{background-position:center center;background-repeat:no-repeat;width:100%;height:150px;display:block;overflow:hidden;text-indent:-999em;}
.view-front p{padding:5px 0px;line-height:20px;font-size:14px;}
.view-front .author{padding:5px 0px;padding-bottom:10px;}
.view-front .share{margin-top:5px;height:16px;}
.view-front .share a{*display:inline;*float:left;}

.view-other{float:left;width:47%;margin-left:6%;font-family:"Microsoft YaHei","微软雅黑" !important;}
.view-other li{overflow:hidden;margin-bottom:15px;width:100%;height:83px;overflow:hidden;}
.view-other .view-back{width:118px;height:83px;float:left;margin-right:5px;overflow:hidden;display:block;background-position:center center;background-repeat:no-repeat;text-indent:-999em;}
.view-other li a{color:#333;line-height:20px;}
.view-other li a:hover{color:#3b70e1;}
.view-other li .share{margin-top:5px;height:16px;overflow:hidden;display:block;}
.view-other li .share a{*display:inline;*float:left;}

/*post list start*/
.post-list{border-top:1px solid #c9c9c9;padding-top:5px;overflow:hidden;}
.post-list .post{border-bottom:1px dashed #b8b8b8;padding:15px 0px;margin-bottom:-1px;_overflow:hidden;}
.post-content{display:block;overflow:hidden;}
.post-list .post-img{width:195px;height:130px;float:left;margin-right:10px;}
.post-list .post-img em{width:100%;height:100%;overflow:hidden;display:block;}
.post-list .title{font-size:24px;}
.post-list .title a{color:#3A6FE1;line-height:40px;}
.post-list .title a:hover{color:#1052df;}


.post-list .comment{width:28px;height:27px;display:inline-block;font-size:12px;background:url(../img/comment_ico.png) left top no-repeat;line-height:18px;position:relative;}
.post-list .comment em{width:100%;text-align:center;position:absolute;top:-11px;left:0px;font-size:12px;font-style:normal;color:#333;}
.post-list .comment:hover{background:url(../img/comment_ico.png) left -27px no-repeat;}
.post-list .comment:hover em{color:#fff;}
.post-list p{line-height:24px;color:#333;}
.post-list .meta{padding:5px 0px;}
.post-list .share{padding-left:10px;}

/*person and company start*/
.person-company{margin-top:10px;padding-bottom:15px;}
.person-company .person{width:47%;float:left;}
.person-company .company{width:47%;float:left;margin-left:6%;}
.person-company img{width:100%;}
.person-company .title-list{overflow:hidden;margin-top:10px;}
.person-company .title-list a{display:block;width;100%;height:25px;line-height:25px;color:#3b70e1;overflow:hidden;}
.person-company .title-list a:hover{color:#333;}

.person-company .title-info{height:180px;}
.person-company .title-back{line-height:30px;padding:10px 0px;}
.person-company .title-back h3{padding:0px 18px;}
.person-company .title-back h3 a{font-size:14px;position:relative;}
.person-company .title-back .comment{width:28px;height:27px;display:inline-block;background:url(../img/comment_ico.png) left top no-repeat;line-height:18px;position:relative;color:#000;text-align:center;font-style:normal;font-size:12px;position:absolute;top:-3px;left:6px;}

/*apply start*/
.apply{padding-bottom:10px;}
.app-list{width:100%;}
.app-list li{width:50%;float:left;margin-bottom:10px;overflow:hidden;}
.app-list li .right{float:left;width:182px;overflow: hidden;word-break: break-all;word-wrap: break-word;}
.app-list li img{width:118px;height:83px;float:left;padding-left:6px;border-left:3px solid #5fb6ff;margin-right:10px;}
.app-list li a:hover img{border-left:3px solid #db4f33;}
.app-list li a{color:#000;line-height:18px;}

.app-list li a{*display:inline;*float:left;}

.app-list li a:hover{color:#3b70e1;}
.app-list li .share{margin-top:5px;}

/*page start*/
#page{padding:25px 0px;text-align:center;font-weight:bold;border-top:1px solid #c9c9c9;}
#page a{padding:7px 8px;background:#f5f5f5;color:#3b70e1;margin:0px 3px;border-radius:2px;float:left;}
#page .prev,#page .next{background-color:#db4f33;color:#fff;padding:7px 15px;background-image:url(../img/arrow.png);background-repeat:no-repeat;}
#page .cur,#page a:hover{background-color:#3b70e1;color:#fff;}
#page .prev{background-position:10px -20px;padding-left:20px;}
#page .next{background-position:65px 10px;padding-right:20px;}

/*right news start*/
.right-news{width:100%;height:369px;overflow:hidden;}

.right-news .title-info{height:180px;}
.right-news .title-back{line-height:30px;padding:10px 0px;}
.right-news .title-back h3{padding:0px 18px;}
.right-news .title-back h3 a{font-size:14px;position:relative;}

.right-news .title-back .comment{width:28px;height:27px;display:inline-block;background:url(../img/comment_ico.png) left top no-repeat;line-height:18px;position:relative;color:#000;text-align:center;font-style:normal;font-size:12px;position:absolute;top:-3px;left:6px;}
.title-back a{position:relative;}
.hot-news .title-back .comment em{width:28px;height:27px;display:inline-block;background:url(../img/comment_ico.png) left top no-repeat;line-height:18px;position:relative;color:#000;text-align:center;font-style:normal;font-size:12px;position:absolute;top:5px;left:6px;}

.right-news img{width:100%;}
.right-news .title-list{overflow:hidden;margin-top:10px;}
.right-news .title-list a{display:block;width;100%;height:25px;line-height:25px;color:#3b70e1;overflow:hidden;}
.right-news .title-list a:hover{color:#333;}

.us-info{border-top:2px solid #3b70e1;background:#ededed;margin-top:20px;overflow:hidden;}
.us-info ul{width:100%;height:134px;background:#f5f5f5;}
.us-info .title{width:100%;line-height:26px;text-align:center;}
.us-info li{float:left;width:45%;height:26px;line-height:16px;margin:10px 0px;font-size:12px;margin-left:5%;_margin-left:3%;display:block;overflow:hidden;}
.us-info .twitter{width:118px;float:left;}
.us-info .rss{background: url('../img/sns_ico.png') 0px -128px no-repeat;margin-top:12px;text-indent:24px;height:16px;}
.us-info .rss a{color:#333;}
.us-info .weixin{height:148px;}
.us-info img{width:auto;}
.us-info .qrcode{float:left;margin:20px;margin-left:30px;}
.us-info p{padding-top:40px;line-height:30px;}
.us-info p img{float:left;margin-top:7px;margin-right:5px;}

/*recent news start*/
.recent-news{width:100%;margin-top:20px;border-top:2px solid #3b70e1;background:#f5f5f5;padding-bottom:20px;}
.recent-news .title{line-height:30px;width:100%;text-align:center;}
.recent-news li{width:100%;height:80px;overflow:hidden;padding:5px 0px;position:relative;}
.recent-news .content{padding-top:10px;}
.recent-news .img-back{width:80px;height:80px;float:left;margin:10px;display:block;overflow:hidden;background-position:center center;background-repeat:no-repeat;text-indent:-999em;}
.recent-news .art-title{color:#333;line-height:25px;}
.recent-news .art-title:hover{color:#3b70e1;}
.recent-news .author{margin-top:5px;}
.recent-news .comment{width:28px;height:27px;display:inline-block;font-size:12px;background:url(../img/comment_ico.png) left -27px no-repeat;line-height:18px;color:#fff;float:right;margin-top:12px;margin-right:12px;margin-left:5px;text-align:center;}

/*relate news start*/
.relate-news{width:100%;margin-top:20px;padding-bottom:20px;}
.relate-news .title{line-height:30px;width:100%;text-align:left;}
.relate-news ul{border-top:2px solid #333;padding-top:10px;}
.relate-news li{width:100%;height:30px;overflow:hidden;padding:5px 0px;position:relative;}

.relate-news .art-title{color:#333;line-height:25px;width:auto;overflow:hidden;height:25px;display:block;white-space:nowrap;text-overflow:ellipsis;}
.relate-news .art-title:hover{color:#3b70e1;}

.relate-news .comment{width:28px;height:27px;display:inline-block;font-size:12px;background:url(../img/dialog.png) left top no-repeat;line-height:18px;color:#333;float:left;margin-top:3px;margin-right:12px;margin-left:5px;text-align:center;font-weight:bold;}

/* article start*/
#article a{color:#36c;}
#article a:hover{color:#69f;}
#article .author{color:#36c;font-style:normal;}
.article-header{color:#666;position:relative;}
.title-act{padding:5px 0px;}
.article-header .category{float:left;height:24px;padding:0px 15px;text-align:center;line-height:24px;background:#eee;border:1px solid #ddd;border-radius:3px;color:#666;margin-right:10px;margin-top:6px;}
.article-header p{line-height:16px;}
.article-header .author{color:#69f;font-size:14px;font-weight:bold;margin-right:5px;}
.article-header .title{font-size:24px;line-height:36px;color:#333;margin-top:10px;}

#article-content{border-bottom:1px dotted #999;margin:8px 0px;padding-bottom:8px;}
#article-content p{font-size: 14px;line-height: 24px;padding-bottom: 15px;color:#333;}
#article-content img{display:block;margin:0 auto;}
#article-content li{margin-left:35px;}
#article-content hr{border-top:1px solid #ccc;}
#article-content blockquote {font-size:14px;margin:0 10px; background: #f1f1f1 url(../img/left_quote.jpg) 1% 5px no-repeat;margin-bottom: 20px; color: #878787; padding: 5px 0; }
#article-content blockquote p {color: #666666; padding: 5px 20px 5px 45px;}

#article-content blockquote  ul{margin:20px 25px;margin-left:30px;padding:5px;background:#fff;}
#article-content  a{background:url(../img/linkIcon.png) right 1px no-repeat;padding-right:15px;margin-right:5px;}
#article-content a:hover{background:url(../img/linkIcon.png) right -15px no-repeat;}

#article-content .articleTag a{background:none;padding-right:0px;margin:0px 3px;border-bottom:1px solid #3b70e1;line-height:20px;}

#author-article{padding:12px 15px;background:#f5f5f5;border:1px solid #d4d4d4;margin-bottom:10px;}
#author-article img{float:left;margin-right:10px;}
#author-article .author-info{line-height:30px;color:#666;}
#author-article .author-info p{line-height:24px;}
#author-article .author-info .name{color:#36c;font-weight:bold;margin-right:10px;font-style:normal;}
#author-article ul{background:#fff url(../img/dot.png) 50% top repeat-y;line-height:24px;padding:10px;border:1px solid #ddd;margin:10px auto 0px;}
#author-article ul li{float:left;width:50%;height:24px;overflow:hidden;text-indent:20px;font-size:13px;}
#author-article ul li a{width:90%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display:block;}

#related-article{margin-top:20px;margin-bottom:10px;}
#related-article ul{background:#fff url(../img/dot.png) 48% top repeat-y;line-height:24px;margin:10px auto 0px;}
#related-article ul li{float:left;width:50%;height:24px;overflow:hidden;font-size:13px;}
#related-article ul li a{width:90%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display:block;}

#comment .comment-num{text-align:center;}
#comment .number{margin-left: 4px; display: inline-block; background: url(../img/comment_num.png) left top no-repeat; width: 32px; height: 25px; line-height: 25px; text-align: center; color: #fff;font-weight:bold;font-style:normal;}
#comment .comment-content{padding:5px;background:#eee;border-bottom:1px solid #ddd;}

/*
	comment form start
	comment form default display:none
*/
#comment-form{background:#fff;display:none;}
#comment-form textarea{font-size:12px;line-height:20px;height:70px;color:#666;width:98%;padding:0px 1%;padding-top:5px;}
#comment-form .handle-wrap{position:relative;background:#eee;padding:12px 0px 8px 0px;height:29px;}
#comment-form .share-comment{position:absolute;right:2px;top:16px;}
#comment-form .comment-send{width:82px;height:29px;color:#fff;font-size:12px;text-align:center;line-height:29px;display:inline-block;background:#3A6FE1;border-radius:3px;}
#comment-form .comment-send:hover{color:#fff;box-shadow:0px 0px 2px #666;}
#comment-form .share-comment em{width:16px;display:inline-block;height:16px;background-image: url(../img/article_share.png); background-repeat: no-repeat; margin:0 4px 0 8px;position: relative;top:2px;}

#comment-form .share-sina-off em{background-position:-8px -46px;}
#comment-form .share-qq-off em{background-position: -34px -46px;}
#comment-form .share-douban-off em{background-position:-86px -46px;}
#comment-form .share-qzone-off em{background-position:-112px -46px;}

#comment-form .share-sina-on em{background-position: -8px -8px;}
#comment-form .share-qq-on em{background-position: -34px -8px;}
#comment-form .share-douban-on em{background-position: -86px -8px;}
#comment-form .share-qzone-on em{background-position: -112px -8px;}


#comment-form .share-comment-des{background:#ffffda; border: 1px solid #f7ec9e; color:#43453b; margin-bottom: 6px; line-height: 25px; text-align: center; font-size: 12px;padding:0px;display:none;}

#trackInfo{color:#666;font-size:12px;line-height: 27px;height: 27px;border-bottom:1px dashed #ddd;margin:0 4px;}
#trackInfo .notrack{float:right;}
#prev-comment{height:33px;background:url(../img/comment_bg.png) left top repeat-x;}
#prev-comment em{float:left;display:block;width:15px;height:15px;cursor:pointer;background:url(../img/prev_comment.png) no-repeat;margin-top:10px;margin-left:15px;}

.login-check{background:#ffc;border-bottom:1px solid #FCDD8A;}
.login-check p{position:relative;font-size:12px;line-height:22px;padding:10px;color:#333;}
.login-form{padding-bottom:10px;}
.login-form p{padding:0px;float:left;}
.login-check p label{position:absolute;left:6px;top:1px;}
.login-check p input{border:1px solid #aaa;padding:4px;width:200px;margin-right:10px;}
#comment_submit{width: 60px;border:none 0;color: #fff; border-radius:3px;background:#3a6fe1;cursor:pointer;}
.third-icon em{width:16px;display:inline-block;height:16px;background-image: url(../img/share_icon.png);background-repeat: no-repeat;background-position: -8px -8px; margin: 0 4px 0 6px;position: relative;top:2px;}
.sina-login em {background-position:-8px -8px;}	
.qq-login em {  background-position: -34px -8px;}	
.douban-login em {  background-position: -86px -8px;}
.qzone-login em {  background-position: -138px -8px;}


/*comment list start*/
#comment{padding-top:20px;}
#comment-list{padding-top:20px;color:#666;}
#comment-list li{border-bottom:1px solid #aaa;padding:10px 5px 10px 0;}
#comment-list li .avatar{float:left;padding-left:14px;border-left:3px solid #fff;width:50px;height:50px;display:block;background-repeat:no-repeat;background-position:right center;text-indent:-999em;position:relative;}
#comment-list li .avatar:hover{border-left:3px solid #000;}
#comment-list li .uinfo{position:absolute;text-indent:0em;left:70px;top:0px;border:1px solid #ccc;z-index:10;font-style:normal;font-size:12px;line-height:20px;width:190px;padding:0px 10px;background:#fff;min-height:48px;*height:48px;display:none;}
#comment-list li .avatar:hover .uinfo{display:block;}
#comment-list li .floor{float:right;font-size:12px;margin-top:5px;}
#comment-list .comment-p{word-wrap:break-word;word-break:break-all;padding:0px;line-height:20px;font-size:12px;margin-left:90px;}
#comment-list .comment-p span{color:#333;}
#comment-list .comment-p p{position:relative;padding-right:22px;}
#comment-list .comment-p p span{color:#666;}
#comment-list .comment-p .track{display:none;position:absolute;right:0px;top:4px;}
#comment-list .comment-p:hover .track{display:block;}
#comment-list .first-comment .comment-p{border-top:1px solid #aaa;padding-top:10px;}
#comment-list .trackContent{border:1px solid #d1d1d1;padding:0px;margin-top:5px;}
#comment-list .first-comment .floor{margin-top:15px;}

#page.comment-page{text-align:right;border-top:none;}
#page.comment-page a:hover{color:#fff;}

.prev-next-page{padding:15px 0px;}
.prev-page{float:left;}
.next-page{float:right;}

/*category start*/
#wrap-left .category-head{padding:18px 20px;background:#f3f3f3;margin-bottom:15px;color:#666;line-height:30px;}
#wrap-left .category-rss{float:right;}
#wrap-left .category-head .title{font-size:24px;color:#5bb0fa;display:inline-block;*display:inline;margin-right:10px;}
#wrap-left .category-head .author{width:69px;height:69px;float:left;margin-right:10px;}
#wrap-left .category-head .weibo{color:#5BB0FA;}
/*footer start*/
#footer{background:#f5f5f5;}
#footer .ad-bottom{width:100%;height:110px;display:block;background:#f0f0f0 url(../img/ad_footer.png) center center no-repeat;border-bottom:1px solid #d5d5d5;}

#footer .center{height:180px;padding-top:20px;*overflow:hidden;}
#footer .item{float:left;width:20%;color:#8f8f8f;font-size:12px;}
#footer .item a{color:#8f8f8f;}
#footer .item a:hover{color:#5ea8ea;}
#footer .title{font-weight:bold;color:#666;font-size:14px;line-height:24px;}

#footer .friend{border-bottom:1px solid #d5d5d5;width:100%;background:#f0f0f0;line-height:46px;height:auto;padding-top:0px;}
#footer .friend .content{width:1000px;margin:0 auto;}
#footer .friend strong{float:left;}
#footer .friend a{color:#333;margin:0px 3px;}
#footer li{width:100%;height:16px;overflow:hidden;margin:6px 0px;}
#footer li a{line-height:16px;padding-left:24px;}
#footer .rss{background:url(../img/sns_ico.png) 0px -128px no-repeat;}
#footer .sina-weibo{background:url(../img/sns_ico.png) 0px -144px no-repeat;}
#footer .qq-weibo{background:url(../img/sns_ico.png) 0px -160px no-repeat;}
#footer .weixin{background:url(../img/sns_ico.png) 0px -176px no-repeat;}
#footer .weixin{overflow:visible;}
#footer .weixin a{position:relative;}
#footer .weixin img{position:absolute;top:-66px;left:84px;max-width:100px;display:none;}
#footer .weixin  a:hover img{display:block;}
#footer .twitter{background:url(../img/sns_ico.png) 0px -192px no-repeat;}

#footer .about a{width:100%;display:block;margin:6px 0px;height:16px;line-height:16px;}
#footer .copyright{line-height:24px;}

/*mark start*/
#mark{position:absolute;left:0px;top:0px;filter:alpha(opacity=50);opacity:0.5;background:#000;z-index:100;display:none;}
#popup{position:fixed;background:#fff;z-index:101;width:660px;/*height:476px;*/left:50%;top:50%;margin-left:-330px;margin-top:-238px;color:#333;overflow:hidden;display:none;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
#popup .header{height:59px;background:#f5f5f5;border-bottom:1px solid #ddd;padding:5px 20px;}
#popup .header h4{font-size:20px; color: #444; line-height:30px;text-align: left; font-weight: normal;}
#popup .close{float:right;margin:0px;font-size:30px;width:25px;height:25px;display:inline-block;text-align:center;line-height:25px;}
#popup .close:hover{background:#ddd;}
#popup .footer{height:49px;background:#f5f5f5;border-top:1px solid #ddd;padding:5px 20px;overflow:hidden;position:relative;}
#popup .footer span{font-family:"Microsoft YaHei","微软雅黑" !important;cursor:pointer;margin-right:10px;}
#popup .footer .post{padding:5px 10px;background:#3B70E0;width:100px;height:20px;margin-top:10px;display:inline-block;text-align:center;letter-spacing:5px;font-size:16px;color:#fff;margin-left:73px;}
#popup ul{padding:5px 20px;}
#popup ul li{overflow:hidden;_zoom:1;line-height:30px;margin:10px 0px;color:#666;position:relative;}
#popup ul li label{position:absolute;left:80px;top:0px;color:#aaa;z-index:100;font-size:12px;}
#popup ul li em{font-style:normal;float:left;width:73px;}
#popup ul input{position:relative;border:1px solid #aaa;padding:4px;font-size:12px;color:#666;}
#popup .long-input{width:430px;}
#popup .short-input{width:200px;}
#popup textarea{width:430px;height:100px;border:1px solid #aaa;padding:4px;color:#666;font-size:12px;}
#popup .upload{width:91px;height:36px;background:url(../img/upload.jpg) no-repeat;oveflow:hidden;display:block;float:left;position:relative;}
#popup .upload form{position:absolute;left:0px;top:0px;}
#popup .upload form input{width:90px;height:36px;opacity:0;filter:alpha(opacity=0);}
#popup ul span{padding-left:15px;color:#f00;background: url(../img/err_ar.png) 8px 12px no-repeat;float:right;width:90px;display:none;}
#popup ul .long-span{width:320px;}
#fileRes{font-weight:normal;margin-left:10px;line-height:37px;}
#popup .success-title{font-size:24px;background:url(../img/smile.png) 25px top no-repeat;color:#666;line-height:50px;margin:20px 0px;padding-left:95px;}
#popup .success-info{list-style-type:circle;color:#666;padding-left:110px;line-height:30px;font-size:12px;}
#popup ul.success-info li{overflow:visible;list-style-type:circle;}

/*single page*/
#about-info{float:left;width:642px;padding-bottom:10px;font-family:"Microsoft YaHei","微软雅黑" !important;}
#about-info .nav{border-bottom:3px solid #cfcfcf;margin-bottom:25px;}
#about-info .nav li{float:left;margin-right:35px;height:40px;line-height:40px;}
#about-info .nav li a{font-weight:bold;display:inline-block;height:100%;color:#333;}
#about-info .nav li a:hover,#about-info .nav li.sel a{color:#3B70E1;background:url(../img/arr_t.png) center bottom no-repeat;}
#about-info .content{color:#333;line-height:24px;}
#about-info .content p{text-indent:2em;margin:10px 0px 20px;padding:0px;}
#about-info .content .words_des{padding-left:2em;}
#about-info .content h2{background:#f5f5f5;padding:5px 10px;margin:0px 85px 20px 0px;}
#about-info .content .img-list{padding-top:15px;}
#about-info .content .img-list img{border:1px solid #e5e5e5;width:610px;margin:10px 0px;}

/*user setting */
.setting h1{font-size:20px;color:#3B70E1;line-height:120px;padding-left:25px;}
.setting h1 strong{color:#aaa;background:url(../img/right_arr.png) 8px center no-repeat;padding-left:20px;font-weight:normal;}
.setLeft{width:730px;float:left;margin-left:25px;}
.setLeft .nav{width:100%;border-bottom:2px solid #ddd;}
.setLeft .nav li{float:left;}
.setLeft .nav li a{color:#aaa;font-weight:bold;margin-right:40px;display:inline-block;position:relative;top:2px;padding-bottom:7px;}
.setLeft .nav li .cur,.setLeft .nav li a:hover{border-bottom:2px solid #555;color:#666;}

.setBody{padding:15px 0px;}
.setBody table{position:relative;}
.setBody td{font-size:14px;line-height:30px;color:#484848;padding-top:18px;vertical-align:top;}
.setBody .col1{width:90px;}
.setBody .normal_input{width:248px;padding:8px 4px;line-height:14px;height:14px;border:1px solid #aaa;color:#666;font-size:12px;}
.setBody .normal_txt{height:90px;resize:none;}
.setBody .sub_btn{width:90px;height:33px;border-top:1px solid #3a6eaf; line-height: 33px; color: #fff; background: #4481e1; border-bottom:1px solid #4481e1; border-left:1px solid #4481e1;border-right:1px solid #4481e1;}
.setBody .frm_tip{line-height:48px;background:#FCFEE3;border:1px solid #e9ead9;padding:0px;padding-left:24px;color:#666;font-size:12px;}
.setRight{float:right;width:150px;margin-right:25px;padding-bottom:15px;}
.setRight h3{color:#666;border-bottom:2px solid #ddd;padding-bottom:10px;}
.setRight a:hover{color:#69F;}
.setRight .info{font-size:12px;word-break:break-all;color:#666;line-height:24px;}

.setBody h2{color:#484848;font-weight:bold;padding-top:20px;}
.setBody .snsBody {padding-top:20px;border-bottom:1px solid #ddd;width:600px;padding-bottom:10px;}
.setBody .snsBody .sns{display:block;width:120px;height:37px;line-height:37px;background:url(../img/rss_top_article.png) no-repeat;padding-left:30px;overflow:hidden;font-size:14px;float:left;font-style:normal;_float:left;}
.setBody .snsBody .sina{background-position:0px -4px;}
.setBody .snsBody .douban{background-position:0px -150px;}
.setBody .snsBody .tencent{background-position:0px -80px;}
.setBody .snsBody .qzone{background-position:0px -118px;}
.setBody li{float:left;width:120px;margin-right:30px;}
.setBody li a{padding-left:30px;}
.btn_bind select{border:1px solid #aaa;margin-right:15px;width:90px;padding:6px 3px;outline:none;}
.setBody label{padding-left:15px;float:right;width: 100px;color: #f00;line-height:30px; background:url(../img/err_ar.png) 8px 12px no-repeat;}

.upload_touxiang { padding: 22px 0 13px;}
.touxinag_show img { display: none; }
.touxinag_show .item_tou { background: url(../img/toutxinag_show.jpg) left top no-repeat; overflow: hidden; width: 278px; height: 278px; margin-right: 30px; border: 1px solid #acacac; float: left; }
.touxinag_show .normal_150 { background: url(../img/tou_150.png) left top no-repeat; width: 150px; height: 150px; position: relative; top: 128px; overflow: hidden; }
.touxinag_show .normal_150 img { max-width:none; width:150px;  }
.touxinag_show .small_50 { background: url(../img/tou_50.png) left top no-repeat; width: 50px; height: 50px; position: relative; top: 228px; overflow: hidden;}	 
.touxinag_show .small_50 img { max-width:none; width:50px; }

.imgareaselect-border1 {background: url(../img/select/border-v.gif) repeat-y left top;}
.imgareaselect-border2 {background: url(../img/select/border-h.gif) repeat-x left top;}
.imgareaselect-border3 {background: url(../img/select/border-v.gif) repeat-y right top;}
.imgareaselect-border4 {background: url(../img/select/border-h.gif) repeat-x left bottom;}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {filter: alpha(opacity=50);opacity: 0.5;}
.imgareaselect-handle {background-color: #fff;border: solid 1px #000;filter: alpha(opacity=50);opacity: 0.5;}
.imgareaselect-outer {background-color: #000;filter: alpha(opacity=50);opacity: 0.5;}

.forgetTop{width:100%;height:89px;background:#ececec;}
.forgetTop h1{line-height:89px;font-size:30px;color:#333;}
.forgetBody{margin-top:20px;width:100%;line-height:20px;height:300px;}
.forgetBody .input{width:248px;padding:8px 4px;line-height:14px;height:14px;border:1px solid #aaa;color:#666;font-size:12px;margin-top:10px;}
.forgetBody .submit{width:90px;height:33px;border-top:1px solid #3a6eaf; line-height: 33px; color: #fff; background: #4481e1; border-bottom:1px solid #4481e1; border-left:1px solid #4481e1;border-right:1px solid #4481e1;margin-top:10px;}
.forgetBody .notice{line-height:48px;background:#FCFEE3;border:1px solid #e9ead9;padding:0px;padding-left:24px;color:#666;font-size:12px;}
.title-list a,.recent-news .art-title,.relate-news .art-title,.app-list li a{font-family:"Microsoft YaHei","微软雅黑" !important;}

.articleShare{float:right;margin-top:0px;position:relative;z-index:10;}
.articleShare span{float:left;margin-right:10px;}
.articleShare em{font-style:normal;}
#article-content .articleShare{float:right;margin-top:10px;}
#article-content .articleShare a,.articleShare a{width:16px;height:16px;overflow:hidden;background:url(../img/newShareIcon.png) no-repeat;display:block;border:none;float:left;margin:0px 3px;}
#article-content .articleShare a.sina,.articleShare a.sina{background-position:0px 0px;}
#article-content .articleShare a.qq,.articleShare a.qq{background-position:-26px 0px;}
#article-content .articleShare a.renren,.articleShare a.renren{background-position:-52px 0px;}
#article-content .articleShare a.qzone,.articleShare a.qzone{background-position:-78px 0px;}

#article-content .articleShare a.sina:hover,.articleShare a.sina:hover{background-position:0px -28px;}
#article-content .articleShare a.qq:hover,.articleShare a.qq:hover{background-position:-26px -28px;}
#article-content .articleShare a.renren:hover,.articleShare a.renren:hover{background-position:-52px -28px;}
#article-content .articleShare a.qzone:hover,.articleShare a.qzone:hover{background-position:-78px -28px;}

.author{position:relative;cursor:pointer;}
.authorInfo{display:none;position:absolute;left:100%;top:0px;background:#fff;border:1px solid #b7b7b7;width:180px;padding:15px;}
.authorInfo .top{border-bottom:1px dotted #aaa;padding-bottom:10px;font-size:12px;font-weight:normal;color:#333;line-height:18px;}
.authorInfo .top img{width:40px;height:40px;float:left;margin-right:10px;}
.authorInfo .top span{color:#b0b0b0;}
.authorInfo .bottom{padding-top:10px;}
.authorInfo .bottom a{text-indent:-999em;}
.authorInfo a.rss{background-position:0px -128px;width:81px;height:22px;background:url(../img/rssBg.png) no-repeat;display:block;float:left;overflow:hidden;}
.authorInfo .weibo{float:left;margin-left:10px;}

#new-wrap{position:fixed;background:#fff;top:0px;width:320px;z-index:100;}

#homeTopic{width:100%;margin-bottom:20px;}
#showTopic,#hideTopic{width:100%;}
#hideTopic{background:#eaeaea;border:1px solid #ddd;}
#homeTopic .title{width:66px;height:24px;padding:40px;background:#db4f33;font-size:22px;text-align:center;color:#fff;line-height:24px;position:relative;float:left;display:block;}
.arrowRight{width:0px;height:0px;display:inline-block;border:8px solid #fff;border:8px solid #fff\9\0;border-color:transparent;border-left-color:#db4f33;font-size:0;line-height:0px;position:absolute;right:-16px;top:50%;margin-top:-6px;}
#homeTopic .topicWrap{width:854px;overflow:hidden;float:right;}
#homeTopic .topicWrap ul{width:856px;}
#homeTopic .topicWrap ul li{float:left;padding-left:16px;width:155px;overflow:hidden;}

#homeTopic .titleClose{padding:0px 40px;}
#homeTopic .topicClose ul{background:#ececec;float:left;}
#homeTopic .topicClose ul li{height:50px;padding-left:0px;width:172px;border-right:1px solid #ddd;}
#homeTopic .topicClose a{height:50px;line-height:50px;display:inline-block;text-align:center;color:#666;width:100%;}
#homeTopic .topicClose a:hover{background:#dbdbdb;color:#333;}
DIV.pageinfo {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.pageinfo A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.pageinfo A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.pageinfo A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.pageinfo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}