/* 2018-11-16 */
/* mall-index.css */
/*banner*/
.mall_index .banner{
	height: 326px;
} 
/*con-store*/
.con-store {
    position: relative;
    width: 1200px;
    height: 73px;
    overflow: hidden;
    margin-top: 18px;
}
.con-store ul {
    width: 1200px;
    height: 73px;
}
.con-store ul li {
    float: left;
}
.con-store ul li a {
    position: relative;
    display: block;
    float: left;
    width: 125px;
    height: 73px;
    overflow: hidden;
}
.con-store ul li a img{
	width: 100%;
	height: 100%;
}
.con-store ul li a em {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 125px;
    height: 73px;
    background: #a40000;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 74px;
}
.con-ban-shopmore {
    position: absolute;
    right: 0px;
    bottom: -1px;
    display: block;
    width: 88px;
    height: 76px;
    background: url(../images/shop-more.png) no-repeat left top;
}
/*floor_common*/
.floor_common{
	padding: 0px 10px;
}
.floor_common h2{
	padding-top: 20px;
}
.floor_one{
	margin:20px 0px 23px;
}
.flashSaleLt {
    position: relative;
    height: 370px;
    width: 267px;
    float: left;
    text-align: center;
    background:url(../images/floor_one.jpg) center center no-repeat #fff
}
.flashSaleLt .screenHd {
	margin-top: 240px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 22px;
    color: #333333;
}
.flashSaleLt .screenEndTips {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333333;
    line-height:18px;
    height: 18px
}
.flashSaleLt .m-countDown {
    height: 40px;
    margin-bottom: 50px;
    text-align: center
}
.flashSaleLt .m-countDown span {
    display: inline-block
}
.flashSaleLt .m-countDown .colon {
    font-weight: 700;
    padding: 0 2px;
    color: #615548;
}
.flashSaleLt .m-countDown .w-cd {
    width: 36px;
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    background-color: #615548;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}
.flashSaleRt{
	height: 377px;
	width: 866px;
	margin-left: 10px;
}
.flashSaleRt .m-flashSaleProduct {
    float: left;
    width: 433px;
    height: 189px;
}
.m-flashSaleProduct .lt {
    float: left;
    width: 180px;
    height: 180px;
    cursor: pointer;
    overflow: hidden;
    margin: 3px 0;
}
.m-flashSaleProduct .lt img{
    width: 180px;
    height: 180px;
}
.m-flashSaleProduct .rt {
    height: 187px;
    padding-top: 14px;
}
.m-flashSaleProduct .rt .itemName {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.m-flashSaleProduct .rt .itemName a:hover {
    color: #be4141;
}
 .m-flashSaleProduct .rt .itemDes {
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.m-flashSaleProduct .rt .itemNum {
    padding: 14px 0 8px;
    height: 14px
}
.m-flashSaleProduct .rt .itemNum .numBar {
    float: left;
    position: relative;
    width: 152px;
    height: 10px;
    margin: 2px 0;
    border: 1px solid #f2cecd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}
.m-flashSaleProduct .rt .itemNum .numBarIn {
    background-color: #ffe5e5;
    height: 10px
}
.m-flashSaleProduct .rt .itemNum .hasSellVolume.numBarIn {
    min-width: 5%
}
.m-flashSaleProduct .rt .itemNum .numTips {
    height: 14px;
    margin-left: 162px;
    font-size: 14px;
    color: #999;
    line-height: 14px
}
.m-flashSaleProduct .rt .itemPrice {
    font-size: 14px;
    line-height: 1;
    vertical-align: baseline
}
.m-flashSaleProduct .rt .itemPrice .aPrice {
    color: #be4141
}
.m-flashSaleProduct .rt .itemPrice .aPriceIn {
    margin-right: 12px;
    vertical-align: sub;
    font-weight: 700;
    font-size: 24px
}
.m-flashSaleProduct .rt .itemPrice .yuan {
    font-size: 18px;
    margin-left: 4px
}
.m-flashSaleProduct .rt .itemPrice .oPrice {
    color: #999
}
.m-flashSaleProduct .rt .itemPrice .oPriceIn {
    text-decoration: line-through
}
.m-flashSaleProduct .rt .w-btn{
    margin-top: 18px;
} 
.w-btn {
    display: block;
    width: 137px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.tobuyBtn {
    background-color: #c7140c;
    color: #fff;
}
.tobuyBtn:hover {
    background-color: #a3231e;
    color: #fff;
}
.mall_index .hui_bg{
	background-color: #f4f4f4;
}
.floor_two{
	padding:35px 10px 35px;
}
.floor_two div.fl dl{
	width: 260px;
	height: 465px;
	margin:0px 15px;
	text-align: center;
	background-color: #fff;
	position: relative;
}
.box_time{
	-webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.box_time:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.floor_two div.fl dl:hover h3{
	font-weight: 600;
}
.floor_two div.fl dl dt{
	width:260px;
	height: 260px;
	overflow: hidden;
}
.floor_two div.fl dl img{
	width: 260px;
	height: 260px;
}
.floor_two div.fl dl img:first-child + img{
	display: none;
}
.floor_two div.fl dl h3{
	font-size: 18px;
	color: #333331;
	font-weight: 500;
}
.floor_two div.fl dl h3 a:hover{
	color: #a53534;
}
.floor_two div.fl dl dd{
	font-size: 14px;
	color: #aab1bb;
}
.floor_two div.fl dl dd.line{
	border:1px dashed #dcdcdc;
	height: 25px;
	line-height: 25px;
	color: #adadad;
	width: 240px;
	margin:10px auto 20px;
}
.floor_two div.fl dl dd.red{
	color: #a3231e;
	font-size: 20px;
	margin: 12px 0px 12px;
}
.floor_two div.fl dl dd.red span{
	font-size: 28px;
	margin-left: 8px;
}
.floor_two div.fl dl dd a{
	margin:0 auto;
}
.floor_two div.fl dl p.news_icon{
	position: absolute;
	top:12px;
	left: 16px;
}
.new_more{
	font-size: 18px;
	color: #3c3c3c;
	border:1px solid #a53534;
	padding: 15px 60px;
	border-radius: 5px;
}
.new_more:hover{
	color: #a53534;
}
.orange_bg{
	background-color: #f4f0ea;
}
.floor_three{
	margin:20px 0px 0px;
	padding-bottom: 40px;
}
.dl_news_common{
	background-color: #fff;
	text-align: center;
	position: relative;
}
.dl_news_common .picture{
	overflow: hidden;
	border-bottom:1px solid #a4a4a4;
}
.dl_news_common .title{
	color: #26211b;
	font-weight: bold;
	color: #333333;
}
.dl_news_common .price{
	color:#ad2118;
	margin:20px 0px 0px;
}
.dl_news_common .price span{
	color:#ad2118 ;
	margin:20px 0px 0px;
	margin-right: 3px;
}
.dl_news_common .price s{
	color:#8d8d8d;
}
.dl_news_big{
	width: 390px;
	height: 565px;
}
.dl_news_big .picture{
	width: 347px;
	margin:35px auto 0px;
	padding-bottom: 10px;
}
.dl_news_big .picture img{
	width: 337px;
	height: 337px;
}
.dl_news_big .hot{
	margin:35px 0px 25px;
}
.floor_three>div.fl{
	width: 780px;
}
.dl_news_small{
	width:247px;
	margin-left: 12px;
	height: 275px;
	float: left;
	margin-bottom: 13px;
}
.dl_news_small .picture{
	width:208px;
	margin:20px auto 0px;
	padding-bottom: 8px;
}
.dl_news_small .picture img{
	width: 150px;
	height: 150px;
}
.dl_news_big .title{
	font-size: 20px;
}
.dl_news_small .title{
	font-size: 18px;
	margin:16px 0px 16px;
}	
.dl_news_big .price{
	font-size: 28px;
}
.dl_news_small .price{
	font-size: 18px;
}
.dl_news_big .price span{
	font-size: 20px;
	margin-left: 28px
}
.dl_news_small .price span{
	font-size: 13px;
}
.dl_news_big .price s{
	font-size: 20px;
	margin-left: 28px;
}
.dl_news_small .price s{
	font-size: 12px;
	margin-left: 10px;
}
.dl_news_small .orange_kong_icon{
	position: absolute;
	top: 12px;
	left: 13px;
}
.orange_kong_icon{
	font-size: 12px;
	color: #e36844;
	padding: 5px;
	border:1px solid #e36844;
	border-radius: 5px;
}
.orange_icon{
	color: #fff;
	background-color: #e36844;
	font-size: 12px;
	padding: 5px 10px;
}
/*服饰*/
.floor_four{
    background: #f4f4f4;
    padding:20px 0 40px;
}
.floor_four h2{
	padding-top: 0px;
	color: #3c3c3c;
	font-size: 24px;
	margin-left: 10px;
}
/*洗护*/
.floor_four.washcare {
    background: #fff
}
.floor_four .nav{
	height: 25px;
	line-height: 25px;
	margin-bottom: 20px;
}
.floor_four .nav a{
	color: #6d6d6d;
	font-size: 16px;
}
.floor_four .nav a:hover{
	color: #be4141;
}
.floor_four .nav p.fl{	
	margin-left: 490px;
} 
.floor_four .nav p.fl a{
	letter-spacing: 3px;
}
.floor_four .nav a.fr{
	margin-right: 10px;
}
.floor_four .con img.fl{
	width:260px;
	height: 546px;
    overflow: hidden;
}
.dl_single_con{
	width: 760px;
    margin-left: 16px;
}
.dl_single{
	width: 240px;
    margin:0 16px 20px 0;
}
.dl_single:nth-child(3n){
    margin:0 0 20px 0;
}
.dl_single dt{
	width: 240px;
	height: 200px;
    background: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.washcare .dl_single dt{
    background: #f4f4f4;
}
.dl_single dt img{
    max-width: 180px;
    width: auto;
    height: 180px;
}
.dl_single dd{
	text-align: center;
}
.dl_single dd a{
	color: #333;
    font-size: 16px;
	margin:14px auto 6px;
	display: block;
}
.dl_single dd a:hover{
	color:#a3231e;
}
.dl_single dd.red{
    color: #a3231e;
    font-size: 12px;
    margin: 0 auto;
}
.dl_single dd.red b{
    font-weight: normal;
    font-size: 17px;
}
.dl_single dd.red .throughline{
    color: #8d8d8d;
    margin-left: 10px;
    text-decoration: line-through;
}
.dl_hot_con{
	width: 150px;
	text-align: center;
}
.dl_hot_con h3{
	font-size: 16px;
	color: #6d6d6d;
	margin:0px 0px 10px;
}
.dl_hot{
	margin:0px auto 5px;
	position: relative;
}
.dl_hot img{
	width: 108px;
	height: 108px;
}
.dl_hot a{
	color: #333;
	font-weight: bold;
	margin:2px 0px;
	display: block;
	font-size: 13px;
	width: 150px;
}
.dl_hot span{
	width: 22px;
    height: 22px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 12px;
}
.dl_hot span.red{
	background-color: #ff3538;
}
.dl_hot span.green{
	background-color: #19d252;
}
.dl_hot span.blue{
	background-color: #02a2ec;
}
.prod_info{
	overflow: hidden;
	margin:20px 0px 0px;
}
.prod_info,.prod_container{
    width: 100%;
    height: 498px;
    position: relative;
}
.prod_info .arrow-left{
    left: 10px;
}
.prod_info .arrow-right{
    right:10px; 
}
.prod_info .arrow-left span{
    margin-left: 10px;
}
.prod_info .arrow-right span{
	margin-left: 16px;
}
.arrow-btn{
    z-index: 1;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background-color: #d6d6d6;
    border-radius: 50%;
    background-repeat:no-repeat;
}
.arrow-btn span{
	color: #fff;
    display: block;
    line-height: 50px;
    font-size: 32px;
}
.arrow-btn:hover{
	 background-color: #a3231e;
}
.mall_index .details_head {
    padding: 12px 0px 0px;
    border-bottom: none;
}
.mall_index .details_head .detailsOut_fr{
	margin-left: 116px;
}
/*猜你喜欢*/
.guesslike {
    padding:0px 0 50px;
    background-color: #fff;
}
.guesslike h2{
   margin: 10px 0 20px 25px;
}
.guesslike h2 img{
	margin:0px 3px;
	position: relative;
	top: -3px;
}
.guesslike .prod_container{
    width: 1116px;
    margin:0 auto;
    overflow: hidden;
}
.guesslike .arrow-left{
    left:0;
}
.guesslike .arrow-right{
    right: 0;
}
.guesslike .dl_like{
    float: left;
    width:350px;
    margin: 0 10px;
    margin-right: 22px;
    position: relative;
}
.guesslike .dl_like dt{
    width:350px;
    height: 350px;
    overflow: hidden;
}
.guesslike .dl_like dt img{
    display: block;
    width:100%;
    height: 100%;
}
.guesslike .dl_like dd{
    margin:0 auto;
    position: relative;
    top:-46px;
    width: 306px;
    height: 113px;
    padding:40px 15px;
    background: #f4f0ea;
}
.guesslike .dl_like dd a{
	color: #3b3b3b;
	cursor: pointer;
}
.guesslike .dl_like dd a:hover{
	color: #a53534;
}
.guesslike .dl_like dd div{
    color: #3b3b3b;
    font-size: 18px;
    font-weight: normal;
}
.like_price{
    line-height: 16px;
    color: #a3231e;
}
.like_price b{
    font-weight: normal;
    font-size: 28px;
}
.guesslike .dl_like p.like_btn a{
    float: left;
    width: 138px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #c7140c;
    color: #fff;
    margin:20px 7px;
    border-radius: 5px;
    transition: all .3s ease;
}
.guesslike .dl_like p.like_btn a:hover,
.guesslike .dl_like p.like_btn a.active{
    background: #a3231e;
}
.like_desc{
    color: #717171;
    font-size: 14px;
}

.flashSaleRt dl img,.floor_common dl img {
 	-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
         transform: scale(1.0);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition:-moz-transform 1s;
         transition:transform 1s;
}
/*浮动变大*/
.flashSaleRt dl:hover img,.floor_common dl:hover img
{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
            transform: scale(1.05);
}
/*新品*/
.news_icon{
	background-color: #f7efed;
	border:1px solid #a3231e;
	font-size: 14px;
	color: #a3231e;
	padding:5px 8px;
	z-index: 1;
}
/*浮动字体变色*/
.mall_index dd.ellipsis a:hover{
	color: #a53534;
}