body,a,b,dd,dl,dt,h1,h2,h3,h5,i,li,ol,p,span,u,ul,hr{display:block;margin:0;padding:0}
dd,dl,dt,li,ul{list-style:none}
a,u{border:0;text-decoration:none}
i{font-style:normal}
img{border:0;display:block}
table{border-collapse:collapse}
body{background:#FFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;color:#333;min-width:1200px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.head{width:100%;height:100px;border-bottom:1px solid #888;background:#FFF}
.nav{margin:0 auto;width:1200px}
.nav .logo{position:relative;float:left;margin:25px 0 0 0;width:160px}
.nav .logo h1{position:absolute;top:5px;font-size:12px}
.nav .logo img{position:relative;z-index:10;background:#FFF}
.nav ul{float:right;margin:30px 0 0 0;width:910px}
.nav li{position:relative;float:left;width:130px;cursor:pointer}
.nav li u{position:absolute;top:30px;right:10px;width:10px;height:10px;background:url(../images/home_navdown.png) no-repeat center}
.nav li i{position:absolute;top:0;right:0;width:37px;height:16px;background:url(../images/home_hot.png) no-repeat center}
.nav li,.nav li a{width:130px;color:#333;text-align:center;font-weight:700;font-size:16px;line-height:70px}
.nav li span{position:absolute;top:70px;left:0;z-index:999;float:left;clear:both;display:none;padding:0 10px 15px 20px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#FFF}
.nav li span hr{float:left;margin:12px 0 0 0;width:5px;height:1px;border:none;background:#999}
.nav li span a{background:url(../images/home_nav.png) no-repeat left center;color:#666;font-weight:400;font-size:15px;line-height:33px}
.nav li p{position:absolute;top:70px;right:0;z-index:999;display:none;padding:15px;width:560px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#FFF}
.nav li p a{float:left;width:80px;color:#666;font-weight:400;font-size:13px;line-height:33px}
.nav li a:hover,.nav li p a:hover,.nav li span a:hover{color:#B7382D}
.main{position:relative;margin:20px auto;width:1200px}
.breadcrumb{position:relative;float:left;clear:both;padding-left:30px;width:1000px;background:url(../images/practiceart_bread.png) no-repeat left center;color:#333;font-size:13px}
.breadcrumb a{display:inline-block;margin:0 10px 0 0;height:58px;color:#333;font-size:13px;line-height:58px}
.breadcrumb a:hover{color:#B7382D}
.main .title{float:left;clear:both;margin:20px 0 0 0;width:1200px;border:1px solid #E9E9E9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#F3F3F3}
.title h1{padding:20px 150px;text-align:center;letter-spacing:1px;font-size:20px;line-height:35px}
.main .detail{float:left;clear:both;margin:39px 0 0 0;width:1200px}
.detail i{padding:5px 0 3px 30px;color:#333;font-size:13px;line-height:30px;height:30px;margin:3px 35px 0 0;display:inline}
.detail .date{background:url(../images/practiceart_date.png) no-repeat left center}
.detail .class{background:url(../images/practiceart_class.png) no-repeat left center}
.detail .source{background:url(../images/practiceart_source.png) no-repeat left center}
.detail i a{display:inline;color:#333}
.detail i a:hover{color:#B7382D}
.detail .bdsharebuttonbox{float:right;margin:0 10px 0 0;width:150px;height:30px}
.bdsharebuttonbox a{float:left;margin-left:6px}
.bdsharebuttonbox a:hover{opacity:.5;filter:alpha(opacity:50)}
.bdsharebuttonbox #more{padding-left:0;width:23px;height:23px;background:url(../images/trainart_more.png) no-repeat center}
.bdsharebuttonbox #weixin{padding-left:0;width:23px;height:23px;background:url(../images/trainart_weixin.png) no-repeat center}
.bdsharebuttonbox #tsina{padding-left:0;width:23px;height:23px;background:url(../images/trainart_tsina.png) no-repeat center}
.bdsharebuttonbox #douban{padding-left:0;width:23px;height:23px;background:url(../images/trainart_douban.png) no-repeat center}
.bdsharebuttonbox #sqq{padding-left:0;width:23px;height:23px;background:url(../images/trainart_sqq.png) no-repeat center}
.main .content{float:left;width:950px}
.content .article{float:left;clear:both;margin:30px 0 0 0;padding:30px;width:890px;border:1px solid #E9E9E9;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;font-size:15px;line-height:30px}
.content .neighbor{float:left;clear:both;width:1000px}
.neighbor p{float:left;margin:50px 30px 0 0;width:460px;border:1px solid #888;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.neighbor p u{float:left;clear:both;margin:15px 0 0 20px;width:80px;background:#333;color:#FFF;text-align:center;font-size:13px;line-height:30px}
.neighbor p a,.neighbor p i{float:left;clear:both;overflow:hidden;margin:10px 0 15px 20px;width:420px;height:50px;color:#333;font-size:13px;line-height:25px}
.neighbor p a:hover{color:#B7382D}
.content .related{position:relative;float:left;clear:both;margin:50px 0;width:950px}
.related h2{float:left;margin:0 0 0 30px;width:850px;font-weight:400;font-size:18px}
.related u{position:absolute;top:8px;left:0;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#2C5783}
.related ul{float:left;width:975px}
.related li{float:left;margin:20px 20px 0 0;width:303px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#F3F3F3}
.related li a{overflow:hidden;margin:20px;padding:0 0 0 20px;height:69px;background:url(../images/practiceart_li.png) no-repeat left 9px;color:#333;font-size:13px;line-height:23px}
.related li a:hover{color:#B7382D}
.main .side{float:right;width:210px}
.side .live{position:relative;float:left;clear:both;margin:30px 0 0 0;width:210px}
.live h3{margin:0 0 0 20px;font-weight:400;font-size:18px;line-height:30px}
.live ul{float:left;clear:both;margin:-15px 0 0 0;width:210px}
.live li{float:left;clear:both;margin:30px 0 0 20px;width:190px;height:120px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#F3F3F3}
.live li p{overflow:hidden;margin:18px 0 0 20px;width:150px;height:46px;color:#333;font-size:13px;line-height:23px}
.live li span a{margin:10px 0 0 30px;width:130px;height:28px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#2C5783;color:#FFF;text-align:center;font-size:13px;line-height:28px}
.live li:nth-child(2) span a{background:#BF5353}
.live li:nth-child(2) span a:hover,.live li span a:hover{opacity:.5;filter:alpha(opacity:.5)}
.live .line{position:absolute;top:10px;height:900px;border-left:1px solid #E9E9E9}
.line hr{position:relative;left:-5px;margin:0 0 149px 0;width:9px;height:1px;border:none;background:#333}
.line u{position:relative;left:-5px;margin:0 0 25px 0;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#2C5783}
.latest{float:left;clear:both;margin:50px 0;width:210px}
.latest h3{float:left;clear:both;width:210px;height:50px;border-top:1px solid #888;border-bottom:1px solid #888;text-align:center;font-size:17px;line-height:50px}
.latest ul{float:left;clear:both;margin:10px 0 0 0;width:210px}
.latest li{float:left;clear:both;width:210px;border-bottom:1px dotted #BBB}
.latest li a{overflow:hidden;margin:20px 0;height:69px;color:#333;font-size:13px;line-height:23px}
.latest li a:hover{color:#B7382D}
.footer{clear:both;margin:30px auto;width:1200px;height:200px;border:1px solid #888;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#555}
.footer a{color:#555;font-size:15px}
.footer a:hover{color:#5AA7D3}
.footer h5{width:1200px;height:130px;border-bottom:1px solid #888;text-align:center;font-size:28px;line-height:130px}
.footer h5 span{display:inline;color:#2C5783}
.footer .about{height:68px;line-height:68px}
.footer .about p{float:left}
.footer .about p a{float:left;margin-left:30px}
.footer .about i{float:right;width:230px;text-align:right;font-weight:400;margin:0 30px 0 0}
.footer .about i a{float:right;margin-right:30px}
#closefloat{position:absolute;top:0;right:0;width:30px;height:30px;font-size:12px;cursor:pointer}