body{background-color: #f3f3f3;padding-top: 100px;}
.deal_box{width: 980px;margin: 0 auto;background: white;    border: 1px solid #e6e6e6;}
.deal_box h1{height: 60px;line-height: 60px;font-size: 24px;text-align: center;font-weight: normal;color: #333;background: rgba(243,243,243,0.5)}
.deal_box .content{padding: 18px;min-height: 500px;}
.deal_box .content .search{padding: 20px 0 10px; text-align: right;}
.deal_box .content .search input{height: 34px;padding-left: 30px;width: 210px;background: url("/home/images/search_bac.png") no-repeat;background-size: 22px 22px;background-position: 5px 5px;border: 1px solid #a9a9a9;}
.deal_box .content .search button{border:1px solid #268bc4;width: 55px;text-align: center;  background: #2e99d6;  color: #fff;height: 34px;margin-left: -5px;border-radius: 2px;border-top-left-radius: 0;  border-bottom-left-radius: 0;}
.deal_box .content hr {  display: block;  border-top: 1px solid #ddd; margin: 20px 0;}
.condition{width: 100%;padding-left: 60px;position: relative;}
.condition em{display: block;width: 60px;text-align: center;height: 26px;line-height: 26px;font-style: normal;position: absolute;left: 0;top: 0;}
.condition ul{list-style: none;width: 100%;}
.condition ul:after{content: "";clear: both;display: block;}
.condition ul li{min-width: 66px;  text-align: center;  float: left;    border: 1px dotted #aaa;  padding: 0 4px;  font-size: 14px;  border-radius: 3px;  margin: 0 0 10px 20px;  color: inherit;height: 26px;line-height: 26px;cursor: pointer;}
.condition ul li.active,.condition ul li:hover{    background-color: #2e99d6;  color: #fff;}

.deal_lists{margin-top: 50px;width: 100%;}
.deal_lists:after{content: "";clear: both;display: block;}
.deal_lists .deal_list{display: block;width: 302px;border: 1px solid #ececec;text-decoration: none;margin-right: 18px;float: left;margin-bottom: 18px;}
.deal_lists .deal_list a{text-decoration: none;display: block;}
.deal_lists .deal_list:nth-of-type(3n){margin-right: 0;}
.deal_lists .deal_list div[rel="image"]{width: 100%;height: 180px;position: relative;text-align: center;}
.deal_lists .deal_list div[rel="image"] img{width: 100%;height: 100%;}
.cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;line-height: 200px;visibility: hidden; }
.cover_bg{display: block;position: absolute;left: 0;top: 0;  width: 100%;height: 100%;opacity: .5;background-color: #000;}
.state{position: relative;  display: inline-block;  height: 32px;  font-size: 16px;  line-height: 32px;  color: #fff;  padding: 0 10px;z-index: 11; }
.state span{ position: absolute;  background-color: #fff;-webkit-transition: all .5s;    -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
.blr{top: 50%;  bottom: 50%;  width: 1px;}
.bl{left: 0;}
.br{right: 0;}
.btb{left: 50%;  right: 50%; height: 1px;}
.bt{top: 0;}
.bb{bottom: 0;}
.deal_lists .deal_list:hover .cover{visibility: visible;}
.deal_lists .deal_list:hover .btb{ left: 0;right: 0;}
.deal_lists .deal_list:hover .blr{ top: 0;bottom: 0;}
.deal_lists .deal_list div[rel="info"]{padding: 5px 10px;position: relative;}
.deal_lists .deal_list div[rel="info"] h3{font-weight: 400;line-height: 30px; font-size: 17px;color: #333;font-family: "Microsoft Yahei",Arial,sans-serif;    overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  word-wrap: normal;}
.deal_lists .deal_list div[rel="info"] h3:hover{color: #2e99d6;}
.deal_lists .deal_list div[rel="info"] p{height: 25px;line-height: 25px;width: 100%;font-size: 14px;}
.deal_lists .deal_list div[rel="info"] p:first-of-type{margin-top: 8px;}
.deal_lists .deal_list div[rel="info"] p img{width: 14px;height: 15px;margin-right: 8px;float: left;margin-top: 5px;}
.deal_lists .deal_list div[rel="info"] .price{position: absolute;right: 10px;bottom: 10px;line-height: 20px;font-size: 16px; }
.deal_lists .deal_list div[rel="info"] .free{color: #333;}
.deal_lists .deal_list div[rel="info"] .charge{color: #d31900;font-size: 18px;font-weight: 700;}
.deal_lists .deal_list div[rel="info"] .charge em{font-size: 13px;font-style: normal;color: #d31900;}
.deal_lists .deal_list div[rel="info"] .charge span{color: #b3b3b3;    margin-left: 3px;font-weight: 400;font-size: 13px;}
.deal_lists .deal_list .bottom{padding: 0 10px 10px;height: 40px;}
.deal_lists .deal_list .bottom span{display: block;width: 80px;height: 30px;line-height: 30px;  float: left;}
.deal_lists .deal_list .bottom a{width: 80px;height: 30px;text-align: center;float: right;line-height: 30px;color: white;background: #2e99d6;border-radius: 2px;}
.apply_status0,.apply_status2{color: #808080;}
.apply_status1{color: #f19149;;}
.deal_lists .deal_list .bottom a{}
.result-indicator {  padding: 10px;  text-align: center;  line-height: 32px;  }
.result-indicator>.icon {  display: inline-block;  margin-right: 10px;  vertical-align: middle;  }
.result-indicator a{color: #2e99d6;text-decoration: none;margin: 0 4px;}

.page{margin-top: 40px;text-align: center;}

.page span,.page a{    display: inline-block;  padding: 0 5px;  height: 22px;  line-height: 20px;  border: 1px solid #2e99d6;;border-radius: 2px;text-decoration: none;}
.page a:hover,.page span{text-decoration: none;background: #2e99d6;;color: white;}