﻿html { overflow-x: hidden; }
.main { width: 94%; margin: 0 auto; padding: 2rem 0; }
.kill_head { height: 2.5rem; line-height: 2.5rem; margin-bottom: .6rem; }
.kill_head i { float: left; color: #ff6e80; font-size: 20px; margin-right: .6rem; }
.kill_head span { float: left; color: #fff; background: #ff2741; padding-right: 1rem; border-radius: 0 5px 5px 0; }
.kill_head b { width: 0; height: 0; border-top: 1.3rem solid transparent; border-right: 1rem solid #ff2741; border-bottom: 1.3rem solid transparent; float: left; }
.kill_list { margin-left: 2%; }
.kill_list li { position: relative; border-left: 1px solid #ff6e80; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; display: -webkit-box; display: -moz-box; padding: 1rem 0; box-sizing: border-box; }
.kill_list li .mainImg { width: 80px; height: 80px; -webkit-box-align: center; -moz-box-align: center; box-sizing: border-box; margin: 0 1rem; }
.kill_list li .mainRight { -webkit-box-align: center; -moz-box-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; }
.kill_list li .line { height: 1px; width: 100%; background: #ccc; position: absolute; bottom: 0; left: 1rem; }
.kill_list .mainRight .title { color: #333; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-indent: .5em; }
.kill_list .mainRight .progress { overflow: hidden; width: 100%; margin: .6rem 0; }
.kill_list .mainRight .progress_out { overflow: hidden; float: left; width: 120px; height: 1.5rem; line-height: 1.5rem; background: #fca9ab; border-radius: 2rem; margin-top: .15rem; position: relative; }
.kill_list .mainRight .progress_in { background: #ff6072; width: 50%; height: 1.5rem; line-height: 1.5rem; border-radius: 2rem; }
.kill_list .mainRight .progress_out .num { width: 32px; height: 1.5rem; line-height: 1.5rem; color: #fff; font-size: 1.3rem; font-weight: bold; position: absolute; z-index: 2; top: 0px; left: 50%; margin-left: -16px; text-align: center; }
.kill_list .mainRight .progress p { float: left; color: #ff6e80; font-size: 1rem; margin-left: .6rem; margin-top: .1rem; }
.kill_list .mainRight .price_out { overflow: hidden; margin-top: 1rem; }
.kill_list .mainRight .now_price { color: #ff6072; font-size: 1.6rem; }
.kill_list .mainRight .old_price { color: #999; margin-left: .6rem; }
.kill_list .mainRight .btn { float: right; background: #ff2741; width: auto !important; min-width: 5rem; padding-left: .3rem; padding-right: .3rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 4px; }
.kill_list .mainRight .btn a { color: #fff; }
.soon { margin-top: 1rem; }
.soon i { color: #ffb814; margin-top: -4px; }
.soon span { background: #ffb814; }
.soon b { border-right: 1rem solid #ffb814; }
.kill_list .mainRight .progress .limit { color: #ffb814; font-size: 1.4rem; }
.soon_list li { border-left-color: #ffb814; }
.soon_list .mainRight .btn { background: #ffb814; }
.kill_list .mainRight .progress .none { color: #999; }
.kill_list .mainRight .none_btn { background: #ccc; color: #999; }
.main .more { text-align: right; margin: .5rem 0; }
.main .more a { color: #999; }
