/*团购背景颜色*/ body {background-color:#F5F7FA;} /* search 搜索框*/ .groupon_search {width:95%;margin:0.8rem auto;position: relative;} .groupon_search input {display:block;width:100%;border-radius:30px;height:35px;border:1px solid #DADBDD;padding:0 50px 0 15px;font-size:0.95rem;} .groupon_search a {position:absolute;top:0;right:0;height:35px;line-height:35px;border-radius:0 30px 30px 0;display:block;width:55px;background-color:#4292F1;text-align:center;} .groupon_search a img {border:none;display:inline-block;width:40%;margin:0 auto;} /* 团购楼盘 */ .groupon_module {width:95%;margin:0 auto;padding:10px;background-color:#fff;} .groupon_module .groupon_img {position:relative;border-radius:5px;overflow:hidden;} .groupon_module .groupon_img .groupon_hot { position:absolute;top:9px;left:-18px;background-color:#FF4524;color:#fff;font-size:12px;padding:2px 23px;font-weight:600; transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* IE 9 */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */ -o-transform:rotate(-45deg); /* Opera */ } .groupon_module .groupon_img .groupon_apply {position:absolute;top:6px;right:5px;background:rgba(0,0,0,0.6);color:#fff;font-size:0.75rem;padding:4px 7px;border-radius:10px;} .groupon_module .groupon_img .groupon_apply span {display:inline-block;padding:0 3px;color:#EEBE7C;} .groupon_module .groupon_title {padding:15px 0px;font-size:1.1rem;border-bottom:1px solid #E9E9E9;color:#333;font-weight:600;} .groupon_module .groupon_end {padding:8px 0;position:relative;} .groupon_module .groupon_end p {line-height:35px;font-size:0.95rem;} .groupon_module .groupon_end p.price span {color:#FD4E5F;font-weight:600;font-size:1.4rem;} .groupon_module .groupon_end .groupon_btn {position:absolute;top:50%;right:0px;background-color:#FF5835;padding:8px 15px;border-radius:5px;margin-top:-0.95rem;} .groupon_module .groupon_end .groupon_btn a {color:#fff;font-size:0.9rem;} .groupon_module + .groupon_module {margin-top:20px;} /* 到底啦 */ .lpremark_Dn{ width: 95%; text-align: center; font-size: 1rem; color: #999; height: 40px;line-height:40px;margin: 0 auto;background:#fff;margin-top:15px;position:relative;} .lpremark_Dn i{ height: 1px; background: #B1B1B1; width: 50%; display: inline-block;margin:0 auto;position:relative;top:-3px;} .lpremark_Dn span{ background: #fff; display: inline-block; padding: 0 10px;position:absolute;left:50%;margin-left:-2rem;z-index:11;} /*媒体查询*/ @media (max-width: 320px){ .groupon_module .groupon_end .groupon_btn{margin-top:0rem;} .groupon_module .groupon_title {padding:10px 0;line-height:27px;} }