@charset "utf-8";
/* CSS Document */
/* 商城首页 by lwt */

*{ padding:0; margin:0; list-style:none; font-family:'微软雅黑';}
img { border:0;}
a { text-decoration:none;font-family:'微软雅黑';}
.right { float:right;}
.left { float:left;}
.cl { clear:both;}

.table_box{ display:table; width:100%;border-collapse:collapse;}
.table_box ul { display:table-row;}
.table_box ul li { display:table-cell;  border-collapse:collapse;}

input[type="button"], input[type="submit"], input[type="reset"] ,input[type="text"]{
    -webkit-appearance: none;
}


/* 推送页 */
.wrp { overflow:hidden; opacity:1;}
.hot { position:absolute; z-index:999999; width:100%;}
.hot_img { width:100%;}
.hot_close { position:fixed; top:0;left:0; width:25%;}

/* 老头部样式 */
header { background:#d12816; border:0; line-height:0; overflow:hidden;}
header .index_top { position:relative;}
header .index_top ul li { border:0; white-space:nowrap;}
header .index_top .top_left { text-align:left;position:relative;z-index:99;}
header .index_top .top_right { text-align:right; position:relative;z-index:99;}

header .index_top .search_input {background: #D12816;top:0; position:absolute; z-index:55; width:0%; display:block; height:100%; line-height:100%;text-align:right; right:0; transition: width 0.5s;-webkit-transition: width 0.5s;-moz-transition: width 0.5s;-o-transition: width 0.5s;}
header .index_top .search_input input { height:32px; margin-top:8px; border:0; display:block; width:99%;}
header .index_top .search_input span {display:block; margin:0 96px 0 96px;background:#d12816;}
header .index_top .top_center { text-align:center; position:relative;}

header .index_top img,header .index_top b,header .index_top imginput { vertical-align:middle;}
header .index_top b { color:#fff;font-size:1.4em; line-height:100%;}
header .index_top img { height:48px;}

@media (max-width:480px){
	header .index_top img { height:32px;}
	header .index_top b { font-size:1.0em;line-height:100%;}
	
	header .index_top .search_input input { height:24px; margin-top:4px;}
	header .index_top .search_input span { margin:0 64px 0 64px;}
}

/* 新头部样式 */
header .index_top .top_logo { width:159px; text-align:right}
header .index_top .top_search {vertical-align:middle; position:relative;
transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;
}
header .index_top .top_search { margin:0 56px 0 171px; padding-top:6px;padding-left:20%;}
header .index_top .top_search_focus {padding-left:0;}
header .index_top .top_search p { margin:0px; padding:8px; overflow:hidden;background:#faa197;border-radius:5px;}
header .index_top .top_search p span{ margin-right:48px; display:block;}
header .index_top .top_search input{border:0;background:#faa197; outline:none;-webkit-appearance:none; width:100%; color:#fff;height:19px;}
header .index_top .index_search_bt { position:absolute; right:0px; z-index:9; top:0;}

.top_search input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fcd9d5;
}
.top_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fcd9d5;
}
.top_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fcd9d5;
}
.top_search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fcd9d5;
}
@media (max-width:420px){
	header .index_top .top_search { margin:0 40px 0 121px; padding-top:3px;}
	header .index_top .top_logo { width:109px;}
	header .index_top .top_search p { margin:0px;border-radius:3px; padding:4px;}
	header .index_top img { height:32px;}
	header .index_top .top_search p span{ }
	/**/
	header .index_top b { font-size:1.0em;line-height:100%;}	
	header .index_top .search_input input { height:24px; margin-top:4px;}
	header .index_top .search_input span { margin:0 64px 0 64px;}
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}


/* 顶部信息 */
.info_box {margin:10px;}
.info_box .login { width:30%;}
.info_box .login a{ color:#333; font-size:1.2em; display:block;}
.info_box .weather  { width:30%;text-align:right;}
.info_box .weather  p{ margin-right:50px; line-height:100%;}
.info_box .weather  img { width:46px; float:right;}
.info_box .date { margin:0 30% 0 30%; text-align:center;line-height:100%;}
.info_box .date  p span{ color:#d12816;}
.news { background:#f5f5f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:8px; margin-bottom:8px;}
.news a { color:#274fa0;}
@media (max-width:460px){
	.info_box .login { width:20%;}
	.info_box .weather  { width:40%;}
	.info_box .weather  p{  font-size:0.8em;margin-right:35px;}
	.info_box .weather  img { width:32px;}
	.info_box .date {  font-size:0.8em;margin:0 40% 0 20%;}
	.news {padding:4px 8px;}
	.news a { font-size:0.8em;}
}
/* 明星 单品 */
#banner_2 {}
#banner_2 ul li{ padding:0;} 
.pro_star { color:#d62f26; font-size:1.0em; text-align:center; margin:10px auto;}
.star_box { width:100%; display:table;}
.star_box dl { display:table-row;}
.star_box dl dd{display:table-cell; width:33.33%; background:#fff; text-align:center; padding:4px 8px;}
.star_box dl dd p { padding:4px 8px; border:1px solid #d2d2d2;}
.star_box dl dd img { width:100%;}
.star_box dl dd b { color:#d62f26;}

/* 秒杀 */
#banner_2 {}
#banner_2 ul li{ padding:0;} 

.pro_miaosha { margin:16px 8px 2px 8px; color:#bbbbbb;}
.pro_miaosha img,.pro_miaosha span { vertical-align:text-bottom;}
.pro_miaosha span { color:#0e294d;}
.pro_miaosha b { display:inline-block; width:1.5em; height:1.5em; line-height:1.5em; background:#bbb; border-radius:100%; color:#fff; text-align:center; padding:2px; font-weight:normal;}
.miaosha_box { width:100%; display:table;}
.miaosha_box dl { display:table-row;}
.miaosha_box dl dd{display:table-cell; width:33.33%; background:#fff; text-align:center; padding:4px 8px;}
.miaosha_box dl dd p { padding:4px 8px;}
.miaosha_box dl dd img { width:100%;}
.miaosha_box dl dd b { color:#d62f26;}
.miaosha_box dl dd .zk { color:#999; display:block; text-align:right; font-size:0.6em;}


/* 专区 */
.area {padding: 10px 0;}
.area ul{width: 100%; overflow: hidden;}
.area ul li{width:20%; padding:5px; text-align:center; float: left; box-sizing:border-box;}
.area ul li img{ 
	width:100%;
	transition:all 1.0s;
	-webkit-transition:all 1.0s;
	-moz-transition:all 1.0s;
	-ms-transition:all 1.0s;
	-o-transition:all 1.0s;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */
	-moz-transform: rotateY(180deg);	/* Firefox */
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	}
.area ul li img.rot{ 
	width:100%;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
	-moz-transform: rotateY(360deg);	/* Firefox */
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	
	}
.area ul li a{ display:block; text-align:center; color:#000; white-space:nowrap; font-weight:bold;}
.area ul li a span{ color:#d62f26;}
.area ul li.line {padding:0; text-align:center; width:1%;}

@media (max-width:420px){
	.area ul li a{font-size:0.8em;}
}
/* 导航 */
nav { display:table; width:100%;border-collapse:collapse;}
nav ul{ display:table-row;}
nav ul li{ display:table-cell; width:25%; border:0px solid #fff; border-collapse:collapse; text-align:center; font-size:0;}
nav ul li img{ width:94%; margin:2%;}

    /* wap 导航 */
.nav { display:table;border-collapse:collapse; margin-left:auto; margin-right:auto;}
.nav ul{ display:table-row;}
.nav ul li{ display:table-cell; border-collapse:collapse;}
.nav ul li a { display:block;color:#434343; padding:12px 4px; white-space:nowrap;}
.nav ul li b { vertical-align:middle; font-weight:normal;}
.nav ul li span { display:inline-block; width:1.0em; height:1.0em; vertical-align:middle; margin-right:2px;}
.f1 span { background:#ed6fa7;}
.f2 span{ background:#f57e6e;}
.f3 span{ background:#8159af;}
.f4 span{ background:#e7954c;}
.f5 span{ background:#84ccc9;}
.f6 span{ background:#acd598;}
.f7 span{ background:#88abda;}
.f8 span{ background:#d1c0a5;}
@media (max-width:410px){
	.nav ul li a { padding:10px 2px; font-size:0.8em;}
}
@media (min-width:480px){
	.nav { width:85%;}
}

/* 导航浮动 */
.nav_fixed { display:none; position:fixed; bottom:0; background:rgba(255,255,255,0.9); box-shadow:0 -3px 3px rgba(102,102,102,0.5); z-index:99; width:100%;left:0}

/* 促销活动 */
.activity {}
.activity h3 { font-size:1.2em; margin:25px 10px 10px 10px;color:#0e294d;}
.activity p {}
.activity p img{ width:100%;}

/* 产品 */
.products { margin-top:8px;}
.products ul{ width:50%;}
.products ul li{ position:relative; min-height:50px;}
.products ul li a{ display:block;color:#717171;background:#f3f3f3;}
.products ul li .pro_img {width:100%; position:relative; z-index:9; display:block; margin-bottom:5px;}
.products ul .pro_more { display:block; padding:8px; text-align:center;line-height:2.4em; color:#0e294d; line-height:100%;}
.products ul h3{ margin:0px 4px 0px 8px; padding:8px; line-height:2.4em; color:#fff;}

.products ul.left li{ padding:8px 4px 0px 8px;}
.products ul.right li{padding:0px 8px 8px 4px;}

.products ul li p { font-family:'微软雅黑'; font-size:0.8em; padding:0 5%; line-height:120%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.products ul li p.pro_price { color:#da362a; text-align:right; line-height:250%; margin-top:8px;}
.products ul li p b { font-size:1.8em;}
.products ul li p.pro_t img {display:inline; width:auto;}
.products .pro_name { position:absolute; top:50%; }
.pro_biaoti { font-size:1.2em; font-weight:bold;}


.floor1 h3 { background:#ed6fa7;}
.floor2 h3{ background:#f57e6e;}
.floor3 h3{ background:#8159af;}
.floor4 h3{ background:#e7954c;}
.floor5 h3{ background:#84ccc9;}
.floor6 h3{ background:#acd598;}
.floor7 h3{ background:#88abda;}
.floor8 h3{ background:#d1c0a5;}

.advert { line-height:0; padding:8px 8px 0 8px;} /* 产品广告图 */
.advert img { width:100%;}

@media (max-width:410px){
	.products ul h3,.products ul .pro_more { font-size:0.8em;}
	.products ul li p { font-size:0.6em;}
	.products ul li p b { font-size:1.0em;}
	.products ul li p.pro_t img {width:10px;}

}

/* 服务中心 & 应用中心 */
.centery { margin-top:30px;}

.centery .table_box ul li { width:33.3%;border:2px solid #fff;  background:#f3f3f3;}
.centery .table_box ul li img{ width:100%;}
.centery h3{ padding:12px 8px;color:#fff;}

.app { margin-top:30px;}

.app .table_box ul li { width:33.3; padding:8%;border:2px solid #fff;  background:#f3f3f3;}
.app .table_box ul li img{ width:100%;}
.app h3{ padding:12px 8px;color:#fff;} 
.bg_color1 { background:#8159af;}
.bg_color2 { background:#e7954c;}

/* 拨打客服电话 */
.service { position:fixed; top:25%; width:56px; z-index:999;left:0;}
.service img { width:100%;}

/* 优惠券 */
.quan { position:fixed; top:25%; width:56px; z-index:999; right:0;}
.quan img { width:100%;}

/* 返回顶部 */
.gototop { position:fixed; right:8px; bottom:15%; z-index:999; display:none;}

/* 底部 版权 */

footer { padding:30px 0; text-align:center; background:#d12816; margin-top:8px;}
footer .foot_nav { margin-bottom:15px;}
footer .foot_nav li{ color:#fff;}
footer .foot_nav li.line{ font-size:1%;}
footer .foot_nav a { color:#fff;}
footer b { text-align:center;color:#fff; font-weight:normal;}
@media (max-width:460px){
	footer .foot_nav li{ font-size:0.8em;}
	footer b {font-size:0.8em;}
}

/* app homepage */
.apphome_box { width:100%;}
.apphome_box ul{}
.apphome_box ul li{ width:50%; text-align:center;} 
.apphome_box ul li a { display:block; line-height:0; margin:8px 4px 0 4px;}
.apphome_box ul li img { width:100%; display:inline-block; }

.service_move {transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;}


/* 下载  */
.dowload_box { position:relative;}
.dowload_box .dowload_bg {	
	background:url(../img/dowload_bg.png) no-repeat;
	background-size:100% 100%;
	padding:15% 15%;
	}
.dowload_close { position:absolute; right:8px; top:8px; z-index:99;}
.dowload_box .dowload { display:block;}
.dowload_box .dowload img { width:100%;}



@media (max-width:480px){
	.dowload_close { right:0px; top:2px;}
	.dowload_close img{ width:80%;}
}

/*明星单品 轮播*/
.lantern_box { position:relative; overflow:hidden;}
.lantern_box .move_left{position:absolute; left:0; cursor:pointer; top:50%; margin-top:-24px;}
.lantern_box .move_right{position:absolute; right:0; cursor:pointer; top:50%; margin-top:-24px;}
.lantern_box .lantern { overflow:hidden;margin:0 30px; position:relative;}
.lantern_box .mylantern { width:9999px; position:absolute;}
.lantern_box .mylantern li { float:left;}
.lantern_box .mylantern li img { width:98%; padding:4px;display:block;}
.lan { visibility:hidden;}

/*明星单品 价格，标题*/
.star_price {text-align:center;color:#d12816;line-height:100%;height:3em;}
.lantern_box .mylantern li h3 {font-size: 1rem;font-weight: normal; height: 30px; line-height: 30px;text-align: center;}

/*预约*/
.appointment{display:block; padding:8px;margin:12px 0;}

/*通知*/
#site-info {
  padding: 7px 0 8px;
}

#site-info .ns_info {
  position: relative;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  padding-left: 22px;
  width: 620px;
}

#site-info .ns_mui-info {
  width: 18px;
  height: 14px;
  /* width: 20px; */
  /* height: 20px; */
  position: relative;
  top: 3px;
  display: inline-block;
  _display: inline;
  zoom: 1;
  background: url(../img/notice.png);
  vertical-align: top;
  font-size: 0px;
  line-height: 0px;}

#site-info .ns_info ul {
  position: absolute;
  left: 47px;
  top: 0px;
}

/* 公告横向滚动修改 */
#site-info {}
#site-info .ns_info { width:100%; overflow:hidden;}
#J-site-info-ul { width:100%; height:20px; overflow:hidden;}
#J-site-info-ul li {position:absolute; left:100%;}
#J-site-info-ul li a { white-space: nowrap;}
#J-site-info-ul li.move {
	transition:all 15s;
	-moz-transition:all 15s;
	-ms-transition:all 15s;
	-webkit-transition:all 15s;
	-o-transition:all 15s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	}

.advertising{position: relative; display: none;}
.advertising a.close{position: absolute; right: 5px; top: 5px; width: 35px; height: 35px; background: url(../img/dowload_close.png) no-repeat; background-size: 100%;}
.advertising img{display: block; width: 100%; height: auto;}