* { margin: 0; padding: 0; }
::selection { background: #63B6F7; color: #fff; }
::-moz-selection {
background:#63B6F7;
color:#fff;
}
::-webkit-selection {
background:#63B6F7;
color:#fff;
}
a:link, a:visited { text-decoration: none; }
a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #272A30 }
ul { list-style-type: none }
img { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-size: 100%; }
h1 { font-size: 1.25em; }
h2 { font-size: 1.15em; }
.clear { clear: both; }
body { font-size: 14px; font-family: 'Microsoft Yahei'; background: #fff url(/static/image/bg.jpg) top no-repeat; background-attachment: fixed; color: #272a30; }

figure { width: 100%; background: rgba(51,51,51,0.7); clear: both; height: 28px; position: fixed; z-index: 9999 }
figure p { width: 1030px; margin: 0 auto; color: #FFF; line-height: 28px; }
.login, .emails, .rssdy { float: right; width: 30px; height: 28px; background: url(/static/image/nav_sprite.png) no-repeat }
.emails { background-position: 0px -21px; }
.rssdy { background-position: 0px -67px; }
.login { background-position: 0px 2px; }
.header { padding: 50px 0 0 0; width: 1100px; min-width:1100px; height: 77px; margin: auto; }
.header img { float: left; margin: 0 20px 0 30px; -webkit-animation: 'flipInX' 1s ease 1s backwards; -moz-animation: 'flipInX' 1s ease 1s backwards; -ms-animation: 'flipInX' 1s ease 1s backwards; -o-animation: 'flipInX' 1s ease 1s backwards; animation: 'flipInX' 1s ease 1s backwards; }
.header h1 { font-size: 20px; font-weight: normal; text-shadow: #999 1px 1px 1px; margin-top:5px; }
.header h1 a { color: #FFF }
.header h1 a:hover { text-decoration: underline }
.header p { margin:0; text-shadow: #000 1px 1px 1px; color: #fff }
#nav { width: 100%; min-width:1100px;  line-height: 40px; height: 40px; margin: 0 auto 10px; background: rgba(245,245,245,0.3); }
#nav ul { list-style: none; margin: auto; width: 1030px }
#nav ul li { float: left; width: 100px; text-align: center; }
#nav ul li a { display: block; color: #06C; cursor: pointer; background: rgba(245,245,245,0.5); }
#nav ul li a:hover { background: #4A4295; color: #FFF; font-weight: bold;  border-left: #2C9CDE 5px solid; }
#nav ul li a.on, .current-menu-item { background: #DB3E8F; color: #FFF; font-weight: bold; }
.footer { width: 100%; min-width:1100px;  margin:0 auto;  background: #242221; border-top: 40px #F28101 solid; }
.footer h2{font-size: 1.15em !important;}
.fat { width: 1030px; margin:0 auto; padding: 20px 0; overflow: hidden; }
.partner { width: 120px; border-right: #000 1px solid; }
.partner ul { border-right: #696666 1px solid; text-align: right; padding: 0 40px 0 0; }
.partner h2 a { color: #fff }
section { float: left; display: block }
section h2 { color: #FFF; line-height: 30px; height: 30px }
section p { line-height: 22px; color: #999 }
section p a { color: #999 }
.contact { width: 260px; }
.links { width: 600px; margin-left: 40px }
.links ul li { width: 100px; height: 30px; text-align: center; float: left; display: block; line-height: 30px; margin: 5px; }
.links ul li a { display: block; background: #393939; color: #ACABAB; }
.links ul li a:hover { background: #2C9CDE; color: #FFF; }
.links ul li.more a { background: none }
.links ul li.exchange a { background: none; color: #f16e50 }
#copright { background: #141414; line-height: 50px; height: 50px; text-align: center; width: 100%; color: #f16e50 }
#copright a { color: #fff; margin-right:10px; }
#copright a:hover, .partner p a:hover { color: #FFF }
/*外框架*/
.article { width: 1030px; margin: 0 auto; overflow: hidden; background: #fff;}
/*左框架*/
.content { width: 746px; float: left; background: #F1F0EE; margin-bottom:15px; }
/*右框架*/
aside { width: 276px; float: right; overflow: hidden; margin-bottom:20px; background: #fff;}
/*推荐文章 New Blog*/
h3 { width: 100%; overflow: hidden; margin-bottom:15px; display: block; position: relative; }
h3 p { width: 100%; text-indent: 15px;  background: #40454B; height: 25px; line-height: 25px; color: #fff;}
.info-l { position: absolute; top: 0px; left: 0%; width: 5px; height: 25px; background: #2C9CDE;}
.info-r { color: #fff; position: absolute; top: 0px; right: 15px; height: 25px; line-height: 25px; font-size: 9px; }
.slideing{overflow:hidden;float:left;zoom:1; margin: 0 0 15px 15px; width:313px;}
.FocusPic{zoom:1;position:relative; overflow:hidden;}
.FocusPic .conq{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .changeDiv img{ min-height:204px; min-width:313px;}
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0; text-align:left;width:313px;height:30px;line-height:30px;overflow:hidden}
.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding:0 100px 0 15px;color:#fff; font-size:14px; width:198px;}
.FocusPic .change{bottom:6px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#FF7700;}
/*推送文三*/
.topblog { background: url(/static/image/libg.png) no-repeat 15px 15px; line-height: 26px; float: right; width: 53%; margin-right: 2%; overflow: hidden; }
.topblog li { border-bottom: #ddd 1px solid; border-top: #FFF 1px solid; text-indent: 50px; }
.topblog li span { display: block; font-size: 12px; color: #999999; font-weight: normal }
.topblog li a { color: #ef7000; font-size: 20px; font-weight: bold; display: block; height: 52px; padding: 7px 0; }
.topblog li a:hover { background: rgba(255,255,255,0.5); color: #000 }
/*推送四图*/
.template { padding: 0 18px 0 18px; overflow: hidden; }
.template li { float: left; margin-right: 20px; margin-bottom:20px; }
.template li:nth-child(4n+4) { float: left; margin-right: 0px; }
.template li img { width: 162px; height:123px; background: #FFF; padding: 4px; box-shadow: 0px 0px 2px rgba(0,0,0,.5); display: block; transition: All 1s ease; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; }
.template li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
/*列表*/
.list { width: 100%; background: #f1f1f1; border-top: #383838 4px solid; clear: both; overflow: hidden; padding:15px 0 0 0; }
.list li { width: 46%; height: 80px; float: left; overflow: hidden; list-style-type: none; margin: 2px 2% 15px; cursor: pointer; border-radius: 5px; overflow: hidden; position: relative; background: #E9E7E2; color: #000; }
.list li:hover { background: #EEE9D6; cursor: pointer; }
.list li:hover .thumbs img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }
.list li span.line { width: 100%; height: 0; bottom: 0; left: 0; display: block; background: #40454B; position: absolute; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.list li:hover span.line { height: 4px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.list .thumbs { float: left; margin: 15px 0 15px 17px; }
.list .thumbs img { width: 50px; height: 50px; border-radius: 50px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.list h2 { margin: 15px 15px 0 85px; line-height: 29px; height: 29px; font-size: 14px; color: #3b3b3b; overflow: hidden; }
.list p { margin: 0 15px 0 85px; line-height: 22px; height: 22px; overflow: hidden;  font-size: 12px; color: #999;}
/*pagebar*/
.pagebar { overflow: hidden; padding: 15px 0; background: #FFF;}
.pagebar .page { display: inline-block; padding:1px 10px; text-align:center; line-height:25px; background: #E9E7E2; border-radius: 5px;  }
.pagebar .now-page { color: #fff;  background-color: #40454B; }
.pagebar span:hover {  color: #fff; background-color: #40454B; }
/*information*/
.information { color: #FFF; overflow: hidden; padding: 40px 20px; line-height: 25px; background: #2C9CDE;  margin-bottom:18px;}
.information a { color: #FFF; }
.information a:hover { color: #FFC }
/*qun*/
.qun { color: #fff; line-height: 40px; text-align: center; margin: 10px 0; position: relative; }
.qun form { height: 37px; background: #fff; border: 1px solid #2C9CDE; }
.qun input { border: 0px none; }
.qun input[type="text"] { float: left; width: 85%; height: 36px; text-indent: 10px; }
.qun input[type="submit"] { position: absolute; top: 2px; right: 0px; width: 45px; height: 35px; cursor: pointer; text-indent: -9999px; background: url(/static/image/sc.png) no-repeat; }
/*vcard*/
.vcard{  margin-bottom:18px; min-height:125px; }
.vcard img { float: left; clear: right; margin-right: 10px }
.vcard p { line-height: 25px; font-size:12px;}
/*hotcomm*/
.hotcomm { clear: both; overflow:hidden; margin-bottom:15px;}
.hotcomm h2 { border-bottom: #40454B 2px solid;  line-height: 35px; height: 35px; color: #383734; margin-bottom:5px; }
.hotcomm ul li  { height: 25px; margin-bottom:5px; position: relative; }
.hotcomm ul li i { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; top: 0px; color: #fff; font-style: normal;  }
.hotcomm ul li a { display: block; color: #555; padding-left: 30px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; height: 25px; overflow: hidden }
.hotcomm ul li a:hover { color: #000; background: #E9E7E2; }
.hotcomm ul li:nth-child(1) i{ background: #C6C5CD; }
.hotcomm ul li:nth-child(2) i{ background: #40454B; }
.hotcomm ul li:nth-child(3) i{ background: #4B4396; }
.hotcomm ul li:nth-child(4) i{ background: #2C9CDE; }
.hotcomm ul li:nth-child(5) i{ background: #82C110; }
.hotcomm ul li:nth-child(6) i{ background: #F7DA00; }
.hotcomm ul li:nth-child(7) i{ background: #F28101; }
.hotcomm ul li:nth-child(8) i{ background: #D61D00; }
.hotcomm ul li:nth-child(9) i{ background: #DB3E8F; }
/*newbolg*/
.newbolg { clear: both; overflow:hidden; margin-bottom:15px; }
.newbolg h2 { border-bottom: #40454B 2px solid;  line-height: 35px; height: 35px; color: #383734; margin-bottom:5px; }
.newbolg ul li { height: 25px; margin-bottom:5px; position: relative; }
.newbolg ul li i { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; top: 0px; color: #fff; font-style: normal; }
.newbolg ul li a { display: block; color: #555; padding-left: 30px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; height: 25px; overflow: hidden }
.newbolg ul li a:hover { color: #000; background: #E9E7E2; }
.newbolg ul li:nth-child(1) i{ background: #C6C5CD; }
.newbolg ul li:nth-child(2) i{ background: #40454B; }
.newbolg ul li:nth-child(3) i{ background: #4B4396; }
.newbolg ul li:nth-child(4) i{ background: #2C9CDE; }
.newbolg ul li:nth-child(5) i{ background: #82C110; }
.newbolg ul li:nth-child(6) i{ background: #F7DA00; }
.newbolg ul li:nth-child(7) i{ background: #F28101; }
.newbolg ul li:nth-child(8) i{ background: #D61D00; }
.newbolg ul li:nth-child(9) i{ background: #DB3E8F; }

.sComment { clear: both; overflow:hidden; margin-bottom:15px;}
.sComment h2 { border-bottom: #40454B 2px solid;  line-height: 35px; height: 35px; color: #383734; margin-bottom:5px; }
.sComment ul { margin-top:10px; overflow:hidden;}

.sComment li { height: 25px; margin-bottom:5px; position: relative; }
.sComment li img { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; top: 0px; color: #fff; font-style: normal; }
.sComment li a { display: block; color: #555; padding-left: 30px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; height: 25px; overflow: hidden }
.sComment li a:hover { color: #000; background: #E9E7E2; }

/*toTop*/
#toTop { display: none; position: fixed; right: 5px; bottom: 5px; z-index: 999; cursor: pointer; width: 40px; height: 40px; color: #fff; background: url(/static/image/top.png) #000 no-repeat center center; }
#toTop:hover { background-color: #242221; }
/*postContent*/
.postContent { width:96%; margin:2%; }
.postContent img { display: block; margin: 15px auto; }
.postContent h3, .postContent h2 { margin: 10px 0; height: 25px; line-height: 25px; padding: 1px 8px; font-size: 16px; color: #000; line-height: 25px; margin-bottom:15px; }
.postContent p { line-height:28px; color:#555; margin-bottom:15px;}
.postContent a { font-weight: bold; }
.postContent a:hover, .prevnext a:hover { border-bottom: 1px dashed #2C9CDE; color:#D61D00; }
/*tag*/
.tag { margin: 0 2%; overflow: hidden; margin-bottom: 20px; }
.tag-t { display: block; width: 20px; height: 30px; background: #F28101 url(/static/image/sp.png) -34px -56px no-repeat; float: left; margin-right: 3px; }
.tag a { padding: 5px 10px; display: block; float: left; margin-right: 7px; color: #fff; background: #2797D9;}
/*prevnext*/
.prevnext { margin: 0 2%; overflow: hidden; margin-bottom: 20px; }
.prevnext .pren, .prevnext .next { float: left; display: block; width: 100%; margin-bottom: 10px; }
/*author*/
.author { padding: 20px; margin: 0 auto; overflow: hidden;  position: relative; border-top: #383838 4px solid; clear: both;  }
.author .author_img { width: 50px; height: 50px; float: left; }
.author .author_img img { border-radius: 5px; }
.author .author_info { margin-left: 60px; line-height: 25px; }
.author .author_info a { padding: 0; color: #444; margin: 0; font-weight: bold; }
.author .a_s0 { width: 100%; overflow: hidden; }
.author .a_s0 a { height:25px; line-height:25px; padding:0 5px;  display: inline-block; color: #fff; margin: 14px 5px 0 0; }
.author a.a_s1 { background: #D61D00; }
.author a.a_s2 { background: #2C9CDE; }
.author a.a_s3 { background: #F28101; }
.author a.a_s4 { background: #82C110; }
#qrcodeCanvas { position: absolute; top: 20px; right: 20px; }
#author_20 a { padding: 1px; border: #ccc 1px solid; position: absolute; top: 47px; right: 47px; z-index: 10; border-radius: 50px; width: 30px; height: 30px; background: #fff; }
#author_20 img { border: 0; display: block; width: 30px; height: 30px; border-radius: 50px; }
/*comment-hd*/
.comment-hd { position: relative; border-bottom: #ddd 1px solid; padding: 10px 20px; }
.comment-author { position: absolute; width: 25px; height: 25px; overflow: hidden; }
.comment-author img { border-radius: 50px; border: #ccc 1px solid; }
.comment-info { line-height: 25px; padding: 0 100px 0 33px; }
.comment-extra { color: #aaa; font-size: 12px; margin-top: 8px; position: absolute; top: 1px; right: 20px; }
.comment-extra .v-line { margin: 0 5px; }
.comment-extra .can { display: none; }
.comment-hd:hover .comment-extra .ct { display: none; }
.comment-hd:hover .comment-extra .can { display: block; }
#divCommentPost { position: relative;}
#divCommentPost a { color: #fff; }
#divCommentPost .box-cc { padding: 20px; }
#divCommentPost #cancel-reply { float: right; position: absolute; top: 0px; right: 20px; color: #000; }
.box-n-t { width: 100%; margin: 10px 0; }
.box-n-t a { color: #666; }
.box-c-b { width: 100%; overflow: hidden; }
#divCommentPost input[type=text] { width: 99.5%; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); float: left; margin-bottom: 10px; border: #ccc 1px solid; padding: 8px 0; text-indent: 10px; }
#txaArticle { height: 38px; padding: 10px 0; width: 80%; width: -moz-calc(100% - 117px); width: -webkit-calc(100% -117px); width: calc(100% - 117px); float: left; border: #ccc 1px solid; text-indent: 10px; }
.box-c-t { width: 100%; margin: 0 0 10px 0; overflow: hidden; }
.button { cursor: pointer; height: 58px; width: 80px; float: right; border: medium none; font-size: 1.4em; color: #FFF; border-radius: 3px;  background: #40454B; }
.button:hover {background: #2C9CDE;}
#divCommentPost input[type=text], #txaArticle { border-color: #bbb; outline: 0; border: #ccc 1px solid; -webkit-transition: box-shadow .5s; border-radius: 3px; }
#divCommentPost input[type=text]:hover, #divCommentPost input[type=text]:focus, #txaArticle:hover, #txaArticle:focus { box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(82,168,236,.6); -webkit-transition: box-shadow .5s; }
.comment_at, .highlight { color: #FF5F3E; }
#divSearchPanel form, #scroll li a:hover, #divCommentPost input[type=text]:hover, #divCommentPost input[type=text]:focus, #txaArticle:hover, #txaArticle:focus { border: 1px solid #2C9CDE !important; }
#img50, #sComment .function_c li .avatar { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.comment-hd:hover #img50, #sComment .function_c li:hover .avatar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
/**/
.bg-black { background-color: #000; }
.bg-gray { background-color: #999; }
.bg-white { background-color: #fff; }
.bg-red { background-color: #e33; }
.bg-yellow { background-color: #f60; }
.bg-blue { background-color: #0ae; }
.bg-green { background-color: #2c7; }
.bg-red-light { background-color: #fee; }
.bg-yellow-light { background-color: #ffd; }
.bg-blue-light { background-color: #eff; }
.bg-green-light { background-color: #efd; }
.bg-bg, .bg-black, .bg-red, .bg-green { color: #fff !important; }
.bg-bg, .bg-black, .bg-gray, .bg-white, .bg-red, .bg-yellow, .bg-blue, .bg-green, .bg-red-light, .bg-yellow-light, .bg-blue-light, .bg-green-light { border-radius: 3px; padding: 4px 10px !important; background:#2C9CDE;}
.bg-bg, .bg-black:before, .bg-gray:before, .bg-white:before, .bg-red:before, .bg-yellow:before, .bg-blue:before, .bg-green:before, .bg-red-light:before, .bg-yellow-light:before, .bg-blue-light:before, .bg-green-light:before { content: "\21BB  " }
.syntaxhighlighter { border: 0px solid #CCC !important; border-radius: 3px!important; width: inherit!important; }
.syntaxhighlighter .gutter { color: #666!important; background-color: #efefef!important; border-right: 1px solid #F50!important; }
video, audio { margin: 20px auto; display: inline-block; max-width: 100%; height: auto; }
table#bg { width: 100%; color: #333333; border-width: 1px; border-color: #666666; border-collapse: collapse; }
table#bg th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede; }
table#bg td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff; }