﻿@charset "utf-8";
/* CSS Document */
.living_f { position:relative; width:100%;  background:#000; max-width:720px; min-width:320px;  }

.living_fixed { position: fixed;  z-index:999;}

.living_v { width: 100%; max-width:720px; min-width:320px; overflow: hidden; background-color: #000;}
.living_v video { width: 100%;  overflow: hidden; float:left; }
.living_tab_box { background-color: #fff; text-align: center;  border-bottom:1px solid #eee; box-sizing: border-box; overflow: hidden; width: 100%; max-width:720px; min-width:320px; height:36px; }

.living_tab { width: 90%; float: left; box-sizing: border-box;  }
.living_tab li { float: left; width: 33.3%; height:35px; line-height:34px; overflow: hidden;  border-bottom: 2px solid #fff;  }
.living_tab .on { border-bottom: 2px solid #e70012; color: #1e1e1e; box-sizing: border-box; }
.living_hot { float: left; padding:10px 0;  position: relative; text-align: center; width: 30%; box-sizing: border-box; border-bottom: 2px solid #fff; border-left:1px solid #eee;  }
.hot_icon { height: 15px; position: absolute; left:60%; top: 5px; color: #fc626e; font-size: 90%; }
.hot_icon img { width: 80%; }
.living_hot a { text-decoration: none;  }

.liv_up{ position:absolute; right:0; width:10%; height:35px; background:url(../images/v_live_up.png) no-repeat scroll 0 0; background-size:100% 100%; }
.liv_up img{ width:100%; }
.liv_up .bh{ width:100%; height:35px; background:url(../images/v_live_up_t.png) no-repeat scroll 0 0; background-size:100% 100%; overflow:hidden;}

.liv_down{ position:absolute; right:0; width:10%; height:35px; background:url(../images/v_live_down.png) no-repeat scroll 0 0; background-size:100% 100%; }
.liv_down img{ width:100%; }
.liv_down .bh{ width:100%; height:35px; background:url(../images/v_live_down_t.png) no-repeat scroll 0 0; background-size:100% 100%;  overflow:hidden;}


.living_goods { background-color: #f0f0f0;  width:100%; max-width:720px; min-width:320px; }
.living_goods ul { padding:5px 0; /*background: url(../images/v_living_05.png) repeat-y 4% center; background-size: 2px auto; */background-color: #eee; width: 100%; }
.living_goods ul li { margin-bottom:7px; overflow: hidden;  position: relative; border-left:3px solid #c6c6c6;}
.living_goods ul li.active{ margin-bottom:7px; overflow: hidden;  position: relative; border-left:3px solid #c4193f;}

.goods_r { width:100%; float: left; background-color: #fff; overflow: hidden;}
.goods_r_bg { }
.goods_icon1 { float: left; height: 100%; left: 8%; overflow: hidden; position: absolute; width: 4%; top: 50%; margin-top: -25px; }
.goods_icon1 div { font-size: 0; background: url(../images/v_living_04.png) no-repeat 10% center; height: 52px; background-size: 50%; }

.active .mj_icon2 {height:16px; background: url(../images/v_living_06.png) no-repeat 4px center;font-size: 0.85em; background-size: 14px 14px; display: inline-block; padding:0 7px 0 0; border-radius: 5px; background-color: #c4193f; width: 67px; text-align: right; color: #fff;line-height:16px;margin-top:2px;}
.mj_icon2 { background: url(../images/v_living_01.png) no-repeat center center; width: 16px; height: 16px; background-size:auto 14px; display: inline-block; text-indent: -99em; color: #fff; vertical-align:top; margin-right:5px; float:left;margin-top:2px;}
.gr_time { color: #969696; float:left; height:20px; line-height:21px;  }

.goods_info { display: block; position: relative; float: left; width:100%;background-color: #fff; padding: 5px 2%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.goods_img { float: left; width: 32%; }
.goods_img img { width: 100%; }

.gr_r { float: left; width: 63%; padding-left:3%; padding-top: 5px; overflow: hidden; }
.gr_r_time { border-bottom: 1px dotted #c8c8c8; overflow:hidden; padding-bottom:5px;font-size: 0.9em;}
.gr_r_title { padding: 5px 0; line-height: 1.4em;height:2.8em;font-size: 0.9em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gr_r_price { color: #94193f; position: absolute; bottom: 10px;left: 35%; }
.now_price { font-size: 14px; }
.yuan_price { color: #969696; text-decoration: line-through; font-size: 12px; margin-left:10px; }

.TB{ width:100%; overflow:hidden;}
