body {padding:0px;margin:0px;font-size: 16px;font-family:Microsoft YaHei,"宋体";background-color: #fff;letter-spacing:1px;}
a{text-decoration: none;}i{display: block;height: 1px;width: 1px;overflow: hidden;float:left;}
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #0a7;}
a:active {color: #0a7;}
.logo{width:68%;margin:0 auto;}
.top{padding:0px;margin:0px;overflow:hidden;width:100%;background-color:#00a0e9;}
.NavBar{margin:0 auto;overflow:hidden;width:68%;background-color:#00a0e9;}
.NavBar ul{padding:0;margin:0;}
.NavBar li{float:left;list-style-type:none;margin:10px 2% 16px 10px;white-space:nowrap;}
.NavBar li a{font-size:16px;}
.NavBar li a:link{color:#fff;}
.NavBar li a:visited{color:#fff;}
.NavBar li a:active{background: #003366 none repeat scroll 0 0;color: #fff;}
.NavBar li a:hover{ background-color: #fff;border-radius: 5px;color: #ff3300;text-decoration:none;}
.all{width:68%;margin:0 auto;overflow:hidden;}
.main {float:left;width:76%;border:1px solid #EEE; background-color: #fff;overflow:hidden;}
.maincont {float:left;border:1px solid #EEE; background-color: #fff;overflow:hidden;}.Sidebar {float:right;width:23%;background-color: #fff;overflow:hidden;} 
.Sidebar h3{font-size:16px;margin:10px 0px 0px 16px;padding:12px 0px;border-bottom:1px solid #EEE;} 
.Sidebar ul{padding:0;margin:0;}
.Sidebar li{margin-left:16px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;line-height:200%;list-style-type:none;}
.listbox{width:96%;overflow:hidden;text-align:justify;}
.listbox h3{font-size: 16px;margin:10px 0px 10px 16px;color: #0a7;}
ul.e2{padding:0;margin:0;}
ul.e2 li{overflow:hidden;padding:12px 0px;border-top:1px solid #EEE;color:#aaa;}
ul.e2 li b a{color:#555;}
ul.e2 li a.preview{width:180px;float:left;margin-right:7px;margin-bottom:3px;margin-left:16px;display:inline;}
ul.e2 li a.preview img{border-radius:10px;width:176px;height:136px;display:block;padding:1px;border:1px solid #EEE;}
ul.e2 li a.preview:hover img{border:1px solid #AAA;}
ul.e2 li a.title{overflow:hidden;line-height:25px;font-weight:bold;font-size:18px;margin-left:10px;white-space: nowrap;text-overflow: ellipsis;}
ul.e2 span.info{float:right;display:block;line-height:23px;color:#555;padding-left:12px;}
ul.e2 span.info small{color:#AAA;font-size:14px;margin-left:3px;}
ul.e2 span.info a{color:#690;}
ul.e2 p.intro{color: #333;margin-top:15px;font-size:14px;line-height:20px;margin-left:5px;padding-left:10px;padding-right:10px;}
.post {margin:10px 0 10px 0;}
.post h1{word-break:break-all;word-wrap:break-word;margin:0 16px 0 16px;font-size:26px;font-weight:normal;}
.shouye a{ color:  #8fc31f!important;border-radius: 5px;background-color: #fff;}
.infos{margin:5px 16px 13px 16px;font-size:14px;color:#A8A8A8;border-bottom:1px solid #EEE;padding:3px 0px 13px 0px;}
.zuohzetime{margin:5px 16px 13px 16px;font-size:14px;color:#A8A8A8;border-bottom:1px solid #EEE;padding:3px 0px 13px 0px;}
.path h1{font-size:18px;font-weight:normal;margin:10px 0 10px 16px;}
.recommendation-box {border: 1px solid #000;margin: 20px auto;padding: 10px; width: 96%; font-family: Arial, sans-serif;text-align: center;}
.strong-recommend { color:#2298f4;font-weight: bold;margin-bottom: 10px;}
.courses {display: flex;justify-content: space-between; margin-bottom: 10px;}
.courses div {width: 45%; }
.tjfooter { border-top: 1px solid #000; padding-top: 5px;margin-top: 10px;}

.post-body{margin:0 19px 0 19px;font-size:16px;word-break:break-all;word-wrap:break-word;line-height:200%;text-align:justify;}
.post-body img{margin:0;padding:0;max-width:100%;height:auto!important;width:auto\9;}
.post-body h1{font-size:16px;}
.post-body h2{font-size:16px;}
.post-body h3{font-size:16px;}
.post-body a:link {color: #2298f4;}
.post-body a:visited {color: #2298f4;}
.post-body a:hover {color: #2261A0;}
.post-body a:active {color: #2261A0;}
.post-body pre {white-space: pre-wrap;word-wrap: break-word;}.post-body em{color:#FF0000;}
.daodu{overflow-x:auto;overflow-y: hidden;background:#ebf5fd;color:#333;white-space:nowrap;border:1px solid #DCDDDD;font-size:12px;line-height:18px;margin-top:5px;}
.daodu span{font-size:16px;color:#00a0e9;}
.jieyu{overflow:hidden;background:#ebf5fd;color:#333;border:1px solid #DCDDDD;font-size:14px;margin-top:5px;}
.jieyu span{color: #00a0e9;font-size: 16px;font-weight: bold;}
.banquan{display: block;height: 10px;width: 63px;overflow: hidden;}
.next{border-bottom:1px solid #EEE;margin:5px 0 5px 0px;font-size:16px;line-height:200%;}
.next ul{padding:0;margin:0}
.next li{margin-left:16px;width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;list-style-type:none;font-size:14px;}
.next li a{ color: #000000;}
.Linkage{clear:both;width:90%;margin:0 auto;background-color: #fff;overflow:hidden;padding:10px 0px 30px 0px;}
.Linkage h3{font-size:14px;padding:10px 0px 0px 0px;border-bottom:1px solid #EEE;}
.Linkage ul{padding:0;margin:0;}
.Linkage li{float:left;line-height:24px;font-size:14px;list-style-type:none;margin:0 6px;}
.CopyRight{clear:both;width:100%;padding:10px 0px;text-align:center;font-size:14px;color:#fff;background-color:#00a0e9;/*background-color:#f3f3f3;*/overflow:hidden;}
.CopyRight a{font-size:16px;color:#fff;}

.pagebar{line-height:27px; height:27px;margin:3px 0 30px 0;}
.pagebar a,.pagebar span{font-size:14px ;margin:0px 3px;
padding:3px 5px;border:1px solid #d5d5d5;}
.pagebar .now-page{  border:0;text-align:center;font-weight:bold;color:#2261A0}
.pagebar a:hover{color:#FFF;background-color:#3774D0}
.pagebar li{float:left;list-style-type:none;}
.pagebar ul li.thisclass {color:#009933;}
.dig_pages{font-size:16px;width:100%;}
.dig_pages ul{padding:0;margin:0}
.dig_pages ul li{float:left;line-height:19px;margin:6px 6px;border:1px solid #E9E9E9;list-style-type:none;}
.dig_pages ul li a{padding:2px 4px 2px;color:#555;display:block;}
.dig_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.dig_pages ul li.thisclass,
.dig_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;color:#009933;padding:2px 4px 2px;font-weight:bold;}
.dig_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dig_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
.banquan{display: block;height: 10px;width: 63px;overflow: hidden;}#yulan{display: none;}#dianji{font-size:18px;color:#990033;}
.lanmu{width: 100%;overflow:hidden;padding:6px 5px 6px 5px;border: 1px solid #E1E1E1;background-color: #F9FBFB;margin-top: 5px;}
.lanmu ul{padding:0;margin:0;}
.lanmu li {float:left;list-style-type:none;}
.lanmu li a{color:#000000;margin:0 5px 6px 0;line-height:18px;text-align:center;font-size:16px;padding:12px 6px;white-space:nowrap;border-radius: 3px;}
.lanmu li a:hover{background:#0a7;color: #FFFFFF;}
ruby{margin: 0 0.5em;padding: 3px 5px;border: 1px solid #d9d9d9;display: inline-block;}  
rt{font-size: 12px;}  
@media screen and (max-width:768px) {img{max-width:100%;height:auto!important;}    .logo{width:100%;}  .NavBar{width:100%;} .all{width:100%;}
.main {width:100%;} .Sidebar{clear:both;width:100%;} t
.maincont {width:100%;} .Sidebar{clear:both;width:100%;} 
ul.e2 li a.preview{width:150px;}
ul.e2 li a.preview img{width:146px;height:116px;}
ul.e2 li a.title{font-size:14px;}
ul.e2 span.info {font-size:12px;}
ul.e2 span.info small{font-size:12px;}
ul.e2 p.intro{font-size:12px;}
  }