@charset "gb2312";



code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }

.wrap { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }

.zwrap { padding-right: 0; padding-left: 0; }

.enheight { height: 300px!important; }

.paper { background-color: #fff; margin: 20px }

.cont-msg-gw,.cont-head-gw,.list-content-wrapper-wap{ display:none !important;}



.contact { float: right; display: none; }

.contact li { display: inline-block; padding: 0 10px; }

.contact li a { color: #09f; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.contact li a:hover { text-shadow: 0 0 20px #046bb0; color: #f1f1f1; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.navbar-collapse { background-color: #0090ce; display: none; }

.toggle-search, .mainmenu, .navbar-toggle { color: #fff; line-height: 24px; cursor: pointer; font-size: 16px; padding: 6px 20px; display: block; -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1); box-shadow: -1px 0 0 rgba(255,255,255,0.1); height: 33px; display: inline-block; }

.toggle-search:hover, .toggle-search.active, .navbar-toggle:hover, .navbar-toggle.active { background: rgba(0,0,0,0.15); color: #fff; }

.toggle-search i { float: right; }

.search-expand { display: none; z-index: 2; }

.search-expand-inner { padding: 5px 5px 4px 5px; background-color: rgba(0,0,0,0.15); }

.searchform { width: 100%; }

.searchform input { line-height: 31px; border: 0; padding: 2px 2px 2px 10px; color: #999; }

.sinput input { width: 87%; height: 18px; padding: 9px; border: 0; font-size: 14px; line-height: 18px; color: #333; background-color: transparent; }

.sbut { z-index: 10; position: absolute; top: 0; right: 0; cursor: pointer; }

.sbut input { width: 45px; height: 36px; background-color: #377bee; border: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }



.notic { background-color: #fff; height: auto; border: 1px solid #ececec; margin-bottom: 20px; padding: 5px; }

.subnotic { line-height: 2em; color: #999; font-size: .9em; }

.row { margin-right: -15px; margin-left: -15px; }

.main .sider { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

/*.sider { display: none; }*/

.main{ margin-bottom:20px;}





.article { background-color: #fff; padding: 20px; border: 1px solid #ececec; overflow: hidden; }

.block { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; background-color: white; padding: 20px; border: 1px solid #ececec; }

.lslist{ font-size:0.9em;}

.lslist span.hid{ display:none;}

.preview { font-size: .9em; color: #737373; }

.viewimg { float: left; margin-right: 2%; }

.viewimg a { position: relative; display: block; }

.viewimg img { width: 160px; height: 120px; padding: 3px; border: 1px solid #e5e5e5; }





.block h2 { display: inline-block; padding-bottom: 15px; font-weight: 500; word-wrap: break-word; padding-top: 5px; }

.block h2 a { font-size: 1.2em; color: #000; }

.block h2 a:hover { color: #00a4dc; }

.lsviewimg { float: left; margin-right: 2%; }

.lsviewimg a { position: relative; display: block; }

.lsviewimg img { width: 160px; height: 160px; padding: 3px; border: 1px solid #e5e5e5; }

.lslist h2{ padding-bottom:5px;}



.lsnrviewimg { float: left; margin-right:3%; }

.lsnrviewimg img { width: 250px; height: auto; padding: 5px; border: 1px solid #e5e5e5;}

.lsnrlist h2{ padding-bottom:5px;}



.lsnrlist{ line-height:2em; border-bottom:1px dashed #eee;  font-size:0.9em;}

.lsnrlist span{ font-size:1em;}



.more { float: right; }

.more a { padding: 0 5px; font-size: 12px; display: block; background-color: #fff; }

.more a:hover { background-color: #0086e3; color: #fff!important; }

.gsmall { padding: 10px 0!important; line-height: 32px; }

.gsmall img { height: 32px!important; width: 32px!important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: .2s; -webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; }

.gsmall img:hover { box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); }

.author img:hover { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; transform: rotate(720deg); -moz-transform: rotate(720deg); -webkit-transform: rotate(720deg); }

.tag_cloud a { display: inline-block; color: #666; font-size: .8em!important; padding: 3px 8px; background-color: #f3f3f3; margin: 2px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap; }

.tag_cloud a:hover { background-color: #08a5e0; color: #FFF; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; }



.preem { padding-top: 10px; }

.preem span, .subtitle span { margin-right: 10px; font-size: .9em; color: #999; }

.preem span a { font-size: .9em; color: #999; }

.preem span a:hover { color: #999; }

.category { margin-right: 5px; color: #1f9dd4; }

.category a { color: #fff!important; padding: 2px 5px; background-color: #0090ce; font-size: .9em!important; opacity: .88; }

.category a:hover { background-color: #2dbdf4; }

.category i { margin-left: -5px; }

.textwidget { padding: 10px; border: 1px solid #ececec; border-top: 0; }

.screen { background-color: #fff; margin-bottom: 20px; }

.screen img { max-width: 100%; height: auto; }

.author { background-color: #fff; padding: 10px; overflow: hidden; border: 1px solid #ececec; }

.author img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; height: auto; margin-right: 20px; margin-bottom: 10px; border: 3px solid #fff; float: left; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -moz-box-shadow: 1px 1px 7px #777; -webkit-box-shadow: 1px 1px 7px #777; box-shadow: 1px 1px 7px #777; }

.names { font-weight: 600; }

.talk { font-size: .8em; padding: 5px; display: block; padding-top: 10px; }

.intag { padding: 5px 10px; background: #0090ce; color: #fff; font-size: .7em; margin-right: 10px; }

.bignum { font-size: 1.5em; display: block; }

.butauthor li { width: 30%; display: inline-block; text-align: center; }

.butauthor { color: #999; clear: both; padding-top: 10px; line-height: 1.7em; margin-bottom: 20px; background-color: #f9f9f9; border-top: 0; }

.subblock { background-color: #fff; margin-bottom: 20px; }

.subblock img { width: 100%; height: auto; }

.subblock h3 { color: #000; padding-left: 10px; font-size: 15px; line-height: 35px; display: inherit; border: 1px solid #ececec; }

.subblock ul { padding: 10px; border: 1px solid #ececec; border-top: 0; }

.subblock li { border-bottom: 1px solid #eee; padding: 3px 0; }

.subblock li a { color: #666; }

.subblock li a:hover { color: #00a4dc; }

.subblock h3:before { content: "\f0c9"; font-family: FontAwesome; padding-right: 5px; }

.lsright{ float:left;}

.lsright li{ min-width:70px; float:left; border-bottom:none; text-align:center;}



.artical { margin-bottom: 30px; }

.div2 {

    position: fixed;

    _position: absolute;

    top: 0;

    z-index: 250;

}

 





.map { padding-left: 15px; line-height: 35px; display: inherit; margin: -20px -20px 10px -20px; border: 1px solid #ececec; border-top: 0; border-left: none; border-right: 0; }

.map1 { background: #fafafa; padding: 10px; border: 1px solid #ececec; border-bottom: 0; }

.map1 span h1 { font-size: 1.5em; padding-top: .5em; }

.map a, .map1 a { font-size: 14px; color: #888; }

.map a:hove, .map1 a:hove {

text-decoration:underline;

}

.map span, .map1 span { font-size: 14px; color: #888; }

.title { border-bottom: 1px dashed #DDD; margin-bottom: 20px; }

.title h1 { font-size: 24px; line-height: normal; color: #404040; margin-bottom: .3em; }

.subtitle, .subtitle a { font-size: .9em; color: #999; }

.article_content { margin-bottom: 30px; }

.article_content strong { font-weight: bold; }

.article_content a:hover { border-bottom: 1px dotted #CCC; }

.article_content h1, .article_content h2, .article_content h3 { margin: 20px -20px; padding: 3px 20px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; color: #444; font-size: 1.05em; line-height: 1.8em; font-weight: 300; background: #f9f9f9; }

.article_content p { font-size: 1em; clear: both; text-indent: 2em; line-height: 1.8em; padding-bottom: .5em; }

.article_content img { display: block!important; width: 100% !important; height: auto !important; margin-left: auto; margin-right: auto; }

.article_content blockquote { background-color: #f5f5f5; margin: 5px auto; padding: 20px 20px 10px 30px; border: 1px solid #eaeaea; }

.article_content blockquote p { text-indent: 0; }

.con_pretext {overflow: hidden;  font-size:0.9em; color: #999; margin-bottom: 20px;   }



.article_content table{ width:100%;}

.article_content table td{ border:1px solid #ccc; text-align:center; padding:2px;}

p.post-copyright{ display:none;}







.first { float: left; width: 49%; }

.last { float: right; width: 49%; }

.sideshow { padding: 10px 0; height: auto; overflow: auto; font-size:0.9em; }

.sideshow img { height: 70px; width: 70px; float: left; margin: 0 10px 0 0; border: 1px solid #ececec; background: #fff; }

.sideshow a { vertical-align: baseline; font-size: 0.9em; }

.pictitle li a{ color:#428bca}



.related_box a, .con_pretext a { color: #666; font-size: .9em; }

.related_box a:hover, .con_pretext a:hover { color: #00a4dc; }

.subart { border: 1px solid #ececec; padding: 10px; margin-bottom: 10px; display: inline-block; }

.recom2 { width: 50%; display: inline-block; float: left; }

.comment-body { padding: 10px 0 0 70px; position: relative; }

.comment-avatar { position: absolute; left: 0; }

.comment-avatar img { margin: 10px; position: relative; float: left; margin: 0 6px 0 0; border: 1px solid #ddd; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; }

.children { margin-left: 60px; }

.comment-span, .comment-span a { font-weight: bold; }

.datetime { color: #bbb; font-size: 0.8em; }

.comment-text { font-size: 0.9em; color: #888; margin-bottom: 0.5em; }

.reply a { font-size: 0.9em; color: #BBB; }

.reply a:hover { color: #00a4dc; }

.respond { background: #fff; padding: 10px 20px 20px; margin: 15px 0; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ECECEC; }

#commentform input[type="text"], #comment { max-width: 100%; background: #f8f8f8; border: 2px solid #ECECEC; color: #777; outline: 0; padding: 7px 8px; margin: 0.5em 1em 0.5em 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

#real-avatar img { float: right; }

#comment { width: 100%; height: 6em; }

.submit { background-color: #56b8d8; color: #fff; padding: 8px 14px; display: inline-block; border: 0; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }

.submit:hover { background-color: #56b8d8; transition: all .4s ease 0s; box-shadow: 0 1px 6px rgba(0,0,0,0.3); }

.page_navi { margin: 10px 0; }

.italk { border: 1px solid #ECECEC; padding: 10px; position: relative; border-radius: 3px; }

.italk:before { content: ''; display: inline-block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ECECEC; position: absolute; top: 18px; left: -10px; }

.italk:after { content: ''; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #fff; position: absolute; top: 20px; left: -8px; }

.comments-title { margin-bottom: 10px; }

.submain { background-color: #fff; padding: 20px; border: 1px solid #ececec; overflow: hidden; margin-bottom: 20px; }

.postcopyright { padding: 13px 20px; margin: 10px 0; background-color: #f7f7f7; color: #393a3b; }

.postcopyright a { color: #898989; }

.bdsharebuttonbox { float: right; display: inline-block; }

.linkcat ul li { display: inline-block; width: 48%; border-bottom: 0; }



.clear { clear: both; }

.group { float: left; width: 10%; box-sizing: border-box; padding: 0 30px 20px 0; font-size: 12px; overflow: hidden; width: 33%; display: none; }

.group p, .group li, .ffooter, .ffooter a { color: #999; }

.ffooter { margin-bottom: 10px; border-top: 1px solid rgba(255,255,255,.065); text-align: center; }

.f404 span { font-size: 5em; }



.dp-highlighter { font-family: "Courier New", Courier, mono; font-size: 90%; background-color: #fafafa; border: 1px solid #d1d7dc; width: 99%; overflow: auto; margin: 0; margin-bottom: .5em; }

.dp-highlighter .bar { padding: 2px; }

.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar { padding-left: 0; }

.dp-highlighter ol { margin: 0 0 1px 38px; padding: 2px; color: #2b91af; }

.dp-highlighter.nogutter ol { list-style-type: none; margin-left: 0; }

.dp-highlighter ol li, .dp-highlighter .columns div { list-style-type: decimal-leading-zero!important; border-left: 1px solid #d1d7dc; padding-left: 10px; line-height: 18px; word-wrap: break-word; word-break: normal; }

.dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div { border: 0; }

.dp-highlighter .columns { color: gray; overflow: hidden; width: 100%; }

.dp-highlighter .columns div { padding-bottom: 5px; }

.dp-highlighter ol li span { color: Black; }

.dp-highlighter.collapsed ol { margin: 0; }

.dp-highlighter.collapsed ol li { display: none; }

.dp-highlighter.printing { border: 0; }

.dp-highlighter.printing .tools { display: none!important; }

.dp-highlighter.printing li { display: list-item!important; }

.dp-highlighter .tools { padding: 3px 8px 3px 15px; border-bottom: 1px solid #2b91af; font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; }

.dp-highlighter.collapsed .tools { border-bottom: 0; }

.dp-highlighter .tools a { font-size: 9pt; color: gray; text-decoration: none; margin-right: 10px; }

.dp-highlighter .tools a:hover { color: red; text-decoration: underline; }

.dp-about { background-color: #fff; margin: 0; padding: 0; }

.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif!important; }

.dp-about td { padding: 10px; vertical-align: top; }

.dp-about .copy { border-bottom: 1px solid #aca899; height: 95%; }

.dp-about .title { color: red; font-weight: bold; }

.dp-about .para { margin: 0 0 4px 0; }

.dp-about .footer { background-color: #eceadb; border-top: 1px solid #fff; text-align: right; }

.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif!important; background-color: #eceadb; width: 60px; height: 22px; }

.dp-c .comment { color: green; }

.dp-c .string { color: blue; }

.dp-c .preprocessor { color: gray; }

.dp-c .keyword { color: blue; }

.dp-c .vars { color: #d00; }

.dp-vb .comment { color: green; }

.dp-vb .string { color: blue; }

.dp-vb .preprocessor { color: gray; }

.dp-vb .keyword { color: blue; }

.dp-sql .comment { color: green; }

.dp-sql .string { color: red; }

.dp-sql .keyword { color: #7f0055; }

.dp-sql .func { color: #ff1493; }

.dp-sql .op { color: blue; }

.dp-xml .cdata { color: #ff1493; }

.dp-xml .comments { color: green; }

.dp-xml .tag { font-weight: bold; color: blue; }

.dp-xml .tag-name { color: #7f0055; font-weight: bold; }

.dp-xml .attribute { color: red; }

.dp-xml .attribute-value { color: blue; }

.dp-delphi .comment { color: #008200; font-style: italic; }

.dp-delphi .string { color: blue; }

.dp-delphi .number { color: blue; }

.dp-delphi .directive { color: #008284; }

.dp-delphi .keyword { font-weight: bold; color: navy; }

.dp-delphi .vars { color: #000; }

.dp-py .comment { color: green; }

.dp-py .string { color: red; }

.dp-py .docstring { color: green; }

.dp-py .keyword { color: blue; font-weight: bold; }

.dp-py .builtins { color: #ff1493; }

.dp-py .magicmethods { color: #808080; }

.dp-py .exceptions { color: brown; }

.dp-py .types { color: brown; font-style: italic; }

.dp-py .commonlibs { color: #8a2be2; font-style: italic; }

.dp-rb .comment { color: #c00; }

.dp-rb .string { color: #f0c; }

.dp-rb .symbol { color: #02b902; }

.dp-rb .keyword { color: #069; }

.dp-rb .variable { color: #6cf; }

.dp-css .comment { color: green; }

.dp-css .string { color: red; }

.dp-css .keyword { color: blue; }

.dp-css .colors { color: darkred; }

.dp-css .vars { color: #d00; }

.dp-j .comment { color: #3f7f5f; }

.dp-j .string { color: #2a00ff; }

.dp-j .keyword { color: #7f0055; font-weight: bold; }

.dp-j .annotation { color: #646464; }

.dp-j .number { color: #c00000; }

.dp-cpp .comment { color: #e00; }

.dp-cpp .string { color: red; }

.dp-cpp .preprocessor { color: #cd00cd; font-weight: bold; }

.dp-cpp .keyword { color: #5697d9; font-weight: bold; }

.dp-cpp .datatypes { color: #2e8b57; font-weight: bold; }

.dp-perl .comment { color: green; }

.dp-perl .string { color: red; }

.dp-perl .keyword { color: #7f0055; }

.dp-perl .func { color: #ff1493; }

.dp-perl .declarations { color: blue; }

.dp-css .vars { color: #d00; }

.dp-g .comment { color: #3f7f5f; }

.dp-g .string { color: #2a00ff; }

.dp-g .keyword { color: #7f0055; font-weight: bold; }

.dp-g .type { color: #007f00; font-weight: bold; }

.dp-g .modifier { color: #640064; font-weight: bold; }

.dp-g .constant { color: #f00; font-weight: bold; }

.dp-g .method { color: #ff6000; font-weight: bold; }

.dp-g .number { color: #c00000; }

.shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 120px;  margin: 4px; }

.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.slide_container { margin-bottom: 20px; position: relative; float: left; width: 100%; }

.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.slide li { position: absolute; width: 100%; left: 0; top: 0; }

.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }

.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0,.8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }

.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: .3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../../style/images/themes.gif") no-repeat left top; margin-top: -45px; display: none; }

.slide_nav:active { opacity: 1.0; }

.slide_nav.next { left: auto; background-position: right top; right: 0; }

@media(min-width:768px) {

.wrap { width: 750px; }

.main { float: left; width: 66.66666667%; }

.sider { float: left; width: 33.33333333%; display: block; }

.right { padding-left: 20px; }

.menu-item { position: relative!important; display: inline-block; }

.mainmenu { display: none; }

.navbar-toggle { display: none!important; float: right; }

.navbar-header, .navbar-collapse { display: block!important; }

.nav ul { font-size: 0; }

.nav ul li ul { position: absolute; }

.viewimg { display: block!important; }

.page-header span { visibility: visible!important; }

.group { display: block; }

.contact { margin-top: 35px; display: inline-block!important; }

.nav ul li ul li a { width: 148px; }

.nav ul li ul { padding-left: 0; }

#fd2{margin-bottom: 30px; }

.floattop{ position:fixed; top:10px;width:31%;max-width:380px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}

}

@media(min-width:992px) {

.wrap { width: 970px; }

.main { float: left; width: 66.66666667%; }

.sider { float: left; width: 33.33333333%; }

.right { padding-left: 20px; }

.menu-item { position: relative!important; display: inline-block; }

.mainmenu { display: block; }

}

@media(min-width:1250px) {

.wrap { width: 1200px; }

.main { float: left; width: 66.66666667%; }

.sider { width: 33.33333333%; }

.right { padding-left: 20px; }

.menu-item { position: relative!important; display: inline-block; }

.mainmenu { display: none; }

}

#loading-comments { display: none; width: 100%; background: #F5F5F5; text-align: center; color: #ADAEFF; font-size: 22px; line-height: 45px; }

@media(max-width:768px) {

.viewimg img { width: 100px; height: 90px; }

.lsviewimg img { width: 100px; height: 100px; }

.lsnrviewimg img { width: 140px; height: auto; }

.preview { height: 90px; overflow: hidden; }

.preem { display: none }

.lsnrlist{ float:left; width: 100%;}



.lsnrviewimg { margin-right:0%; width:100%; }

.lsnrviewimg img { width: 100%;  height: auto; padding: 5px; border: 1px solid #e5e5e5;}

.article { padding:10px;}

.map{ padding:10px;}

.map span{ margin-left:10px;}

.con_pretext li{ float:left; width:100%;}

}