@charset "utf-8";
.box{position: relative;}
.top{padding:11px;background: #ab0f12;width:100%;box-sizing: border-box;z-index: 100;
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;}
.top .city{color:#fff;font-size: 15px;display:block;box-sizing: border-box;}
.top .city i{font-size: 20px;}
.top .suosuo{position: relative;box-sizing: border-box;padding-left: 2%;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;}
.top .suosuo a{padding: 5px 5px;width:97%;box-sizing: border-box;display: block;background: #fff;color:#999999;border-radius:5px}
.top .suosuo i{vertical-align: 1px;}
.top .me{color:#fff;display:block;text-align: center;margin-top: -8px;box-sizing: border-box;}
.top .me img{width:15px;}
.top .me span{display: block;}


.header-bo{border-bottom: 1px solid #d9dade;border-top: 1px solid #d9dade;position: relative;overflow: hidden;}
.header-bao{width:20000px;}
.header{background: #fff;float: left;box-sizing: border-box;max-width:640px;padding:10px 0;}
.header li{float: left;width:25%;height:2.5rem;text-align: center;margin-bottom:15px;font-size: 12px}
.header li img{width:60%;margin-bottom: 5px}
.dian{position: absolute;bottom:3px;left:47.5%;z-index: 99}
.dian span{width:0.25rem;height:0.25rem;background: #ccc;display: inline-block;border-radius: 10px}
.dian span.active{background: #706f6f}

.section{margin-top: 10px;background: #fff;border-top:1px solid #d9dade;border-bottom: 1px solid #d9dade;padding:15px 0;}
.section-le{float: left;width:35%;box-sizing: border-box;padding-top:8px;padding-left: 1rem}
.section h3{color:#00d3be;font-size: 0.6rem}
.section p{color:#999999;margin:2px 0;font-size: 0.4rem}
.section-le img{width:80%;}
.section-ri{float: right;width:63%;border-left:1px solid #d9dade;}
.section-ri-to{padding:8px 15px;border-bottom: 1px solid #d9dade }
.section-ri-to h3{color:#fd9d21;}
.section-ri-to span{background: #fd9d21;color:#fff;display:inline-block;padding:0 10px;border-radius:5px;font-size: 0.4rem}
.section-bo-le{float: left;width: 48%;border-right:1px solid #d9dade;box-sizing: border-box;padding:5px 0 5px 15px ;}
.section-bo-le h3{color:#b3e1a7;}
.section-bo-le span{background: #b3e1a7;color:#fff;display:inline-block;padding:0 10px;border-radius:5px;font-size: 0.4rem}
.section-bo-ri{float: left;width: 50%;box-sizing: border-box;padding:5px 0 5px 13px}
.section-bo-ri h3{color:#ff80c2;}
.section-bo-ri span{display: inline-block;background: #000;color:#fff;width:20px;text-align: center;padding:1px 0;border-radius:5px;}

.main{margin-top: 10px;background: #fff;border-top:1px solid #d9dade;border-bottom: 1px solid #d9dade;}
.main h2{padding:5px 10px;color:#333333;font-size: 0.6rem;border-bottom: 1px solid #d9dade;}
.main-ce a{display: block;border-bottom: 1px solid #d9dade;padding:10px 7px;}
.main-ce-le{float: left;width:27%;border-radius:5px;overflow: hidden;}
.main-ce-le img{width:100%;}
.main-ce-ri{float: right;width: 70%}
.main-ce-ri h3{font-size: 16px;color:#333333;}
.main-ce-ri p{font-size: 14px;}
.ri-sp{height:30px;line-height: 27px}
.main-ce-ri span.fi{color:#ed8a13;font-size: 12px;float: left;margin-right: 5px}
.main-ce-ri span.fi i{font-size: 16px;vertical-align: -1px;font-weight: 700;}
.main-ce-ri span.ce{float: left;}
.main-ce-ri span.ce i{text-decoration: line-through;font-size: 12px;}
.main-ce-ri span.la{float: right;vertical-align: bottom;font-size: 12px;}
.main .look a{display: block;text-align: center;padding:10px 0;color:#ab0f12;}