body,ul,li,ol,dl,dt,dd,h1,h2,h3,h5,h6,span,em,i,p,a,b,big,small{display:block;margin:0;padding:0;box-sizing:border-box}
dd,dl,dt,li,ul{list-style:none}
a{text-decoration:none}
i,em{font-style:normal}
img{border:0;display:block}
hr{border:none}
div{box-sizing:border-box}
body{background:#FFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;min-width:1200px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.top{margin:0 auto;width:1200px}
.top .nav{position:relative;z-index:999;float:left;clear:both;margin:10px 0 0 0;width:1200px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#b2d3dd}
.nav .logo{float:left;margin:0 0 0 60px;width:90px;height:60px;border-right:2px solid #d2e3ea;border-left:2px solid #d2e3ea;background:#3e6373}
.logo img{margin:10px 0 0 25px;width:39px;height:39px}
.nav ul{float:right}
.nav ul li{position:relative;float:left;width:120px;height:60px;border-left:2px solid #d2e3ea;text-align:center;line-height:60px}
.nav ul li a{color:#222;letter-spacing:1px;font-size:15px}
.nav ul li a:hover{color:#e87e3f}
.wrap{margin:0 auto;width:1200px}
.wrap .main{float:left;width:880px}
.main .breadcrumb{float:left;clear:both;margin:20px 0 0 0;padding:0 0 0 30px;width:100%;height:30px;background:url(http://www.biwangxiao.com/skin/images/content_home.png) no-repeat left 3px;line-height:30px}
.breadcrumb a,.breadcrumb i{float:left;margin:0 10px 0 0;color:#555;font-size:13px}
.breadcrumb a:hover{color:#e87e3f}
.main .title{float:left;clear:both;margin:35px 0 0 0;width:100%;height:25px;line-height:25px}
.title i{float:left;width:50px;border-right:2px solid #e5e8ea;color:#e36a12;font-weight:700;font-size:25px}
.title h1{float:left;margin:0 0 0 20px;color:#3e6373;font-size:20px}
.title span{float:right;margin:5px 5px 0 0;width:180px;color:#666;text-align:right;font-size:12px}
.main .fl{float:left}
.main .fr{float:right}
.main .plat{float:left;clear:both;margin:20px 0 0 0;width:100%;background:url(../images/contrast_vs.png) no-repeat center}
.plat dl{float:left;clear:both;width:100%}
.plat dl dd{position:relative;width:410px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background:#f3f3f3}
.plat dl dd i{float:left;margin:30px 0 90px 30px;width:130px;height:130px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff}
.plat dl dd img{float:left;clear:both;margin:15px 0 0 15px;width:100px;height:100px}
.plat dl dd span{position:absolute;top:190px;left:30px;width:130px}
.plat dl dd span a{float:left;width:130px;height:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#3e6373;color:#fff;text-align:center;font-size:13px;line-height:30px}
.plat dl dd span a:hover{background:#b2d3dd;color:#333}
.plat dl dd b{float:left;margin:30px 0 0 30px;width:180px}
.plat dl dd b a{color:#3e6373;font-size:15px}
.plat dl dd b a:hover{color:#e87e3f}
.plat dl dd p{float:left;margin:30px 0 30px 30px;width:180px;color:#555;font-size:13px;line-height:25px}
.main .vote{position:relative;float:left;clear:both;margin:30px 0 0 0;width:100%}
.vote b{padding:0 0 0 36px;width:90px;height:32px;background:url(../images/contrast_follow.png) no-repeat left center;color:#666;font-weight:400;font-size:13px;line-height:32px}
.vote i{float:left;clear:both;width:100%;color:#666;text-align:center;font-size:12px}
.vote .pillar{position:absolute;top:10px;left:15%;width:70%;height:15px;background:#3e6373}
.pillar span{height:15px;background:#b2d3dd}
.main .comment{float:left;clear:both;margin:30px 0 0 0;width:100%}
.comment ul{float:left;clear:both;width:410px;border-top:1px solid #3e6373;border-bottom:1px solid #e5e8ea;background:#f3f3f3}
.comment ul li{float:left;clear:both;width:410px;border-bottom:1px solid #dce0e2}
.comment ul li span{float:left;margin:30px 0 0 20px;padding:5px;width:90px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background:#fff;color:#555;text-align:center;font-size:12px;line-height:16px}
.comment ul li p{float:right;margin:30px 20px 30px 0;width:250px;color:#333;font-size:13px;line-height:23px}
.main .review{float:left;clear:both;margin:0 0 50px 0;width:100%}
.review h2:before{position:absolute;top:-10px;width:18px;height:3px;background:#f56700;content:""}
.review h2{position:relative;margin:50px 0 0 0;width:100%;color:#3e6373;font-size:16px;line-height:30px}
.review ul{float:left;clear:both;width:100%}
.review ul li{float:left;clear:both;margin:20px 0 0 0;width:100%;border:1px dashed #3e6373;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.review ul li img{float:left;margin:20px;width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.review ul li span{float:left;margin:20px 0 0 10px;width:750px;height:25px;color:#555;font-size:13px;line-height:25px}
.review ul li p{float:left;margin:0 0 20px 10px;width:750px;color:#333;font-size:14px;line-height:25px}
.wrap .side{float:right;margin:90px 0 0 0;width:250px;border:1px solid #e5e8ea;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
.side .focus,.side .recommend,.side .related{float:left;clear:both;width:100%}
.related h3{float:left;clear:both;width:100%;border-bottom:1px solid #e5e8ea}
.focus h3,.recommend h3{float:left;clear:both;width:100%;border-top:1px solid #e5e8ea;border-bottom:1px solid #e5e8ea}
.focus h3:before,.recommend h3:before,.related h3:before{position:absolute;top:18px;left:-1px;width:5px;height:13px;background:#fbd930;content:""}
.focus h3,.recommend h3,.related h3{position:relative;padding:0 0 0 20px;height:50px;color:#3e6373;font-size:15px;line-height:50px}
.recommend ul,.related ul{float:left;clear:both;margin:15px 0;width:100%}
.recommend ul li,.related ul li{float:left;clear:both;overflow:hidden;width:100%;height:30px;background:url(../images/contrast_li_vs.png) no-repeat center;line-height:30px}
.recommend ul li a,.related ul li a{margin:0 5%;width:90%;color:#333;font-size:14px}
.recommend ul li a:hover,.related ul li a:hover{color:#e87e3f}
.recommend ul li i,.related ul li i{float:left;width:50%;text-align:center}
.focus ul{float:left;clear:both;margin:15px 0;width:100%}
.focus ul li:before{position:absolute;top:12px;left:25px;width:5px;height:5px;background:#b2d3dd;content:""}
.focus ul li{position:relative;float:left;clear:both;overflow:hidden;width:100%;height:30px;line-height:30px}
.focus ul li a{float:left;margin:0 0 0 50px;width:180px;color:#333;font-size:14px}
.focus ul li a:hover{color:#e87e3f}
.footer{width:100%;height:130px;background:#3e6373}
.footer i{margin:0 auto;width:1200px}
.footer dl{float:left;width:270px;height:130px;background:#b2d3dd}
.footer dt{margin:30px 0 0 23px;padding-left:39px;background:url(../images/footlogo.png) no-repeat left center;letter-spacing:2px;font-weight:400;font-size:18px;line-height:38px}
.footer dt a{color:#3e6373}
.footer dd{margin:0 0 0 25px;color:#333;font-weight:400;font-size:15px;line-height:33px}
.footer span{float:left;margin:60px 0 0 120px;width:530px;border-bottom:1px solid #ccc;color:#eee;text-align:center;font-size:12px;line-height:25px}
.footer ul{float:right;margin-top:20px;width:170px}
.footer li{float:right;clear:both;width:150px;color:#fff;font-size:13px;line-height:30px}
.footer li a{color:#fff;font-size:13px}
.footer a:hover{color:#ff6900}