body {background: #f5f5f5;}


.topbar {width: 100%; height: 50px; padding-top: 5px; background: #ff552e;}

.topbar .gohome {width: 50px; height: 50px; line-height: 50px; float: left; text-align: center;}
.topbar .gohome a {color: #fff;}

.topbar .toptit {width: calc(100% - 100px); height: 50px; line-height: 50px; float: left; text-align: center; font-size: 16px; color: #fff;}
.topbar .toptit h1 {font-size: 16px; font-weight: normal;}

.topbar .login {width: 50px; height: 50px; line-height: 50px; float: left; font-size: 12px; color: #fff; text-align: center;}
.topbar .login a {color: #fff;}

.breadcrumb {height: 28px; line-height: 28px; margin-bottom: 5px; clear: both; text-indent: 10px; font-size: 14px; overflow: hidden;}
.breadcrumb span {padding: 0 3px; color: #999;}
.breadcrumb a {color: #666;}

.catebox {width: calc(100% - 10px); padding: 10px 5px; background: #eee;}
.catebox span {padding: 0 5px;}
.catebox span.myall {color: #333;}
.catebox span.cur {color: #ff5a00;}
.catebox a {padding: 0 5px; display: inline-block; color: #1155cc;}

.condbox {width: 100%; height: 40px; line-height: 40px; background: #ff552e;}
.condbox ul li {width: 50%; height: 40px; line-height: 40px; float: left; text-align: center;}
.condbox ul li span {color: #fff; font-size: 14px;}
.triangle_up {width: 0; height: 0; position: relative; top: -10px; left: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #ff552e;}
.triangle_down {width: 0; height: 0; position: relative; top: 10px; left: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #ddd;}

.absbox {width: 100%; display: none; position: absolute; left: 0; top: 0; z-index: 999; background: #fff;}
.absbox .abshead {width: 100%; height: 40px; border-bottom: 1px solid #f5f5f5;}
.absbox .abshead ul li {width: 50%; height: 40px; line-height: 40px; float: left; text-align: center;}
.absbox .abshead ul li.cur {color: #ff552e;}
.absbox .absinfo {width: 100%; border-bottom: 1px solid #ccc;}
.absbox .absinfo ul {height: 282px; padding: 0 10px; overflow: scroll;}
.absbox .absinfo ul li {width: 100%; height: 40px; line-height: 40px;}
.absbox .absinfo ul li a {width: 100%; height: 40px; display: inline-block; color: #666;}
.absbox .absinfo .hide {display: none;}

.shadow {width: 100%; height: 100%; display: none; float: left; position: fixed; left: 0; top: 0; filter:alpha(Opacity=80); -moz-opacity:0.5; opacity: 0.5; z-index: 99; background: #333; }


.listing {margin-top: 10px;}
.listing dl {width: 100%; height: 68px; margin: 1px 0; padding: 5px 0; position: relative; overflow: hidden; background: #fff;}
.listing dl dt {width: 90px;  height: 68px; position: absolute; left: 5px; top:5px;}
.listing dl dt img {width: 90px;  height: 68px;}
.listing dl dd {height: 68px; padding: 0 5px 0 100px;}
.listing dl dd h3 {height: 38px; line-height: 19px; padding: 3px 5px 0 0; font-size: 14px; font-weight: normal; color: #666;}
.listing dl dd h3 a {color: #333;}
.listing dl dd .linfo {height: 20px; line-height: 20px; padding-top: 3px; color: #999;}
.listing dl dd .linfo a {color: #666;}
.listing dl dd .mcall {width: 42px; height: 42px; float: right; margin: -36px 12px 0 0;}


.pbox {width: 100%; height: 39px; padding: 20px 0 10px 0; clear: both; text-align: center; background: #fff;}
.pagination {width: 80%; height: 39px; margin: 0 auto;}
.pagination li {display: inline-block; background: #ff552e;}
.pagination li a {display: inline-block; padding: 6px 12px 4px 12px; color: #fff;}
.pagination li a:hover {color: #fff; background: #ee2e2c;}
.pagination li.active {background: #eee;}
.pagination li.active a {color: #333;}
.pagination li.active a:hover {color: #333; background: #eee;}
.pagination li.disabled {padding: 6px 12px 4px 12px; color: #999; background: #eee;}


.ocats {clear: both;}
.ocats .ocatshead {height: 40px; line-height: 40px; padding: 0 5px; font-size: 18px; border-top: 2px solid #ccc; background: #f5f5f5;}
.ocats .ocatslist {width: 100%; height: 150px; overflow: hidden; background: #fff;}
.ocats .ocatslist ul {padding: 0 20px; float: left; background: #fff;}
.ocats .ocatslist ul li {width: 50%; height: 30px; line-height: 30px; float: left; list-style: disc; font-size: 14px;}
.ocats .ocatslist ul li a {color: #333;}

.postlist {margin-top: 10px; position: relative;}

.jianbian_box {width: 100%; height: 300px; position: absolute; left: 0; top: 0; z-index: -1; background: linear-gradient(#ff552e, #f2f2f2);}

.postlist ul {width: calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; border-radius: 10px; background: #fff;}
.postlist ul .ali {margin: 0; padding: 8px 1% 6px 1%; font-size: 16px;}
.postlist ul .ali a {color: #333; font-size: 16px;}
.postlist ul .ali a strong {color: #f00;}
.postlist ul .ali i.zhiding {width: 21px; line-height: 21px; display: inline-block; color: #fff; font-style: normal; font-size: 15px; font-weight: normal; text-align: center; border-radius: 2px; background: #ff5a00;}
.postlist ul .ali i.jing {width: 21px; line-height: 21px; display: inline-block; color: #fff; font-style: normal; font-size: 15px; font-weight: normal; text-align: center; border-radius: 2px; background: #ff5a00;}
.postlist ul .pimg {width: 98%; margin: 0 1%;}
.postlist ul .constrip {padding: 5px 1% 0 1%; color: #666; font-size: 13px;}
.postlist ul .constrip strong {color: #f00;}
.postlist ul .viewtime {padding: 5px 1% 5px 1%; color: #ccc; font-family: sans-serif; font-size: 13px; font-weight: 200;}
.postlist ul .viewtime a {color: #666;}

.postlist ul li .iconfont {line-height: 16px; font-size: 20px; font-weight: bold; color: #feb751;}

.ppbox {width: calc(100% - 20px); height: 100px; margin-left: 10px; margin-bottom: 10px; border-radius: 10px; background: #fff;}
.ppbox .ppimg {width: 121px; height: 75px; float: left; padding: 12px 0 0 8px;}
.ppbox .pptit {width: calc(100% - 192px); height: 76px; float: left; padding: 12px 0 0 5px; overflow: hidden;}
.ppbox .pptit a {font-size: 15px; color: #333;}
.ppbox .ppone {width: 50px; height: 100px; line-height: 100px; float: left; text-align: center;}
.ppbox .ppone a {width: 50px; height: 100px;}
.ppbox .ppone a .iconfont {font-size: 32px; color: #f00;}

.wlist {margin-top: 10px; background: #fff;}
.wlist h2 {height: 35px; line-height: 35px; text-indent: 10px; border-bottom: 1px solid #f5f5f5;}
.wlist h2 span {padding-left: 10px; font-size: 14px; border-left: 5px solid #f07421;}
.wlist ul li {width: 100%; height: 35px; line-height: 35px; display: inline-block; overflow: hidden; text-indent: 8px; border-bottom: 1px solid #f5f5f5;}
.wlist ul li a {color: #333;}
.wlist ul li a:hover {color: #ff5a00;}

.footer {width: 100%; margin-top: 20px; background: #fff;}
.footer ul {padding-top: 20px;}
.footer ul li {width: 33.3333%; display: inline-block; float: left; text-align: center;}
.footer ul li img {width: 39%; padding: 0 30%; display: block;}
.footer ul li span {width: 39%; padding: 0 30%; display: block; font-size: 14px; color: #999;}

.clear20 {width: 100%; height: 10px; clear: both;}
.footer .icp {width: 100%; height:50px; line-height: 50px; text-align: center; color: #999; border-top: 1px solid #f5f5f5;}
.footer .icp a {color: #666;}