@charset "utf-8";

/* CSS Starry */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  /*vertical-align: baseline;*/

}

html {height:100%;}

@font-face {font-family: "iconfont";

  src: url('../ttf/iconfont.eot'); /* IE9*/

  src: url('../ttf/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('../ttf/iconfont.woff') format('woff'), /* chrome、firefox */

  url('../ttf/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url('../ttf/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */

}



* {

  tap-highlight-color: rgba(0,0,0,0);

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  -ms-tap-highlight-color: rgba(0,0,0,0);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}



/* 图标调用 */



.iconfont {font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}



.index-nav-ico { display: block;  width: 50px;  height: 50px;  margin: 4px auto;  border: 0;  font-size: 25px;  color: #fff;  line-height: 50px;  text-align: center;  border-radius: 50px;}

.top-cbl-ico {display: block;  font-size: 25px;  text-align: center;  height: 30px;  line-height: 30px;  margin-top: 7px; color:#333;}







/* 首页 */

.mains { max-width: 780px; margin: 0px auto; box-shadow: 0 7px 17px #ccc; background: #f9f8f8; padding: 44px 0 0; }

.slider-floor {  padding: px;}

.floor { background: #fff;  margin: 0px;  box-shadow: 0 1px 1px #dcdcdc;overflow: hidden;}

.app-nav {  overflow: hidden;  margin: 10px 0 5px;}

.app-nav .app-link {  width: 25%;  float: left;  height: 85px;  font-size: 12px;  text-decoration: none;  color: #7f7f7f;  text-align: center;  display: block;  border: 0;position: relative;}

.app-nav .app-link span { color:#666; font-size:13px;}

.title-bt {  white-space: nowrap;  display: inline-block;  font-size: 15px;  color: #7f7f7f;  margin: 3px 0 2px 7px;  padding-bottom: 7px;  float: left;  height: 30px; width: 100%;}

.title-bt:before {  content: "";  display: block;  width: 3px;  height: 15px;  float: left;  background: #d8505c; margin: 8px 7px 0 0;}

.title-wrap {  overflow: hidden;}

.seckill-list {  overflow: hidden;  content: '\20';  display: block;  clear: both; }

.hot-link, .seckill-list {border-top: 1px solid #dadada;}

.hot-link { display: block;    padding:5px;}

.hot-link img {  margin-bottom: -9px; width:100%}

.brand, .discount {  border-width: 1px 0 0; border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==) 2 0 round; overflow: hidden;}

.seckill-item {    width: 33.3%;  float: left;  border-left: 1px solid #dadada;  margin-left: -1px; text-align:center;  padding: 14px 5% 0;}

.seckill-price {   display: block;  color: #7F7F7F;  font-size: 12px;  text-align: center;  line-height: 20px;  max-height: 40px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}

.seckill-discount {  background: #d8505c;  min-width: 62px;  margin: 0px auto;  line-height: 15px;  text-align: center;  display: block;  color: #fff;  font-size: 12px;  margin-top: 5px; margin-bottom: 10px;}

.half-floor {  width: 50%;  border-width: 0 1px 0 0;  -webkit-border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIGRAKGmgcFADs=) b0 2 stretch;  -o-border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIGRAKGmgcFADs=) 0 2 round;  border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIGRAKGmgcFADs=) 0 2 round;  float: left;  margin-left: -1px;  border-right: 1px solid #dadada;}

.brand-up-floor, .down-floor, .up-floor {  width: 50%;  float: right;}

.up-floor {  margin-top: -1px;  border-bottom: 1px solid #dadada;  border-width: 0 0 1px;  -webkit-border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==) 2 0 stretch;  -o-border-image: url(../yH/.com/Template/kelink_starry_sc/static/css/data:image/gif;base64,R0lGODlhBAAEAIABANra2v///yH/C1hNUCBEYXRhWE1QPD94cGFja…kYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==) 2 0 round;}

.love-floor .love-list {  margin-top: 2px;}

.love-list li {  display: block;  margin: 8px 0 10px;  padding: 0;  background: #fff;  overflow: hidden;}

.love-list .love-item {  width: 50%;  float: left;}

.love-list .love-item:nth-child(2n+1) {  padding-right: 5px;  padding-left: 6px;}

.love-list .love-item:nth-child(2n) {  padding-left: 5px;  padding-right: 6px;}

.love-item .love-item-pic {  margin-bottom: 5px;}

.love-item-pic img {  width: 100%;  height: auto;  border-radius: 5px;}

.love-item .love-item-title {  height: 36px;  border-bottom: solid 1px #d7d7d7;  margin: 0 5px;}

.love-item-title span, .product-name {  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.love-item-title span {  display: -webkit-box;  overflow: hidden;  font-size: 12px;  text-align: left;  height: 28px;  line-height: 14px;  color: #333;}

.love-item .love-item-bottom { display: table;  vertical-align: middle;  width: 100%;}

.love-item-bottom .love-item-price {  font-size: 14px;  color: #f15353;  display: table-cell;  vertical-align: middle;}



.Bottom-data { margin:10px; height:40px; line-height:40px; box-shadow: 0 1px 1px #dcdcdc; background:#fff;}

.Bottom-data .data { float:left; height:40px; line-height:40px; font-size:14px; color:#999;}

.Bottom-data .data a { color:#777; padding:0 10px;}

.Bottom-data .Operating { float:right; height:40px; line-height:40px; font-size:14px; color:#999}

.Bottom-data .Operating a {color:#777; padding:0 10px;}

.Bottom-data .Mail a{ width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; background: rgba(255, 102, 0, 1); margin-left: -7px; float: left; margin-top: 10px; font-size: 12px; color:#FFFFFF; text-decoration:none; padding:0;}



.Links { overflow:hidden; width:100%; padding:7px; padding-top:0;}

.Links li { float:left; width:20%; text-align:center; height:35px; line-height:35px; padding-right:5px; margin-bottom:5px;}

.Links li a { display:block; background:#F4F4F4; color:#333; font-size:14px;}

.Links li:nth-child(5n) { padding-right:0;}

.Links li:nth-child(6),.Links li:nth-child(7),.Links li:nth-child(8),.Links li:nth-child(9),.Links li:nth-child(10) { margin-bottom:0;}