﻿

/***
    计时器1
*/
 #timerplug {
    width: 100vw;
    height: 11.33vw;
    background: url('../images/main/timebg.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    display:none;
}
.timerplugcon{
	margin-top: 2.865vw;
	display: inline-block;
	width: 66vw;
	height: 5.06vw;
	text-align: center;
}
.descriptpro{
	width: 12.4vw;
	height: 100%;
	display: inline-block;
	line-height: 5.06vw;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-size: 3.06vw;
}
.descriptpro b{
	font-weight: 400;

}
.descriptday,.descripthour,.descriptsen,.descriptmil{
	width: 12.26vw;
	height:100%;
	display: inline-block;
	font-size: 3.06vw;

}
.descriptday i, .descripthour i, .descriptsen i, .descriptmil i {
    letter-spacing: 1.9vw;
    box-sizing: border-box;
    padding-left: 1.2vw;
    width: 7.866vw;
    height: 100%;
    line-height: 5.06vw;
    text-align: center;
    display: inline-block;
    background: url(../images/main/timerblack.png) no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    font-style: normal;
}
.descriptday b,.descripthour b,.descriptsen b,.descriptmil b{
	width: 4.394vw;
	height: 100%;
	line-height: 5.06vw;
	font-weight: 400;
	text-align: center;
    color:#000000;
	display: inline-block;
}
.timerplug4{
    width:100%;
    height:16.5vw;
    text-align:center;
}
.descriptpro4 {
    width:100%;
    height:auto;
    font-size:3.7vw;
    color:#000;
    text-align:center;
    padding-top:2vw;

}
.timerplug4 .timerplugcon {
    margin-top:2.8vw;
    width:100%;
}

.timerplug4 .descriptday b, .timerplug4 .descripthour b, .timerplug4 .descriptsen b, .timerplug4 .descriptmil b {
    font-size:3vw;
}
/**
    计时器插件2 
    **/

.timerplugcon2 {
    overflow:hidden;
    padding-top:0.78rem;
    box-sizing:initial;
    background:#ffffff;
    display:none;

}
#timerplugstyle2 {
    height:2.5rem;
    overflow:hidden;
    background:#ffffff;

}
.timerplug_s2_left {
    float:left;
    width:4.34rem;
    height:100%;
    text-align:center;
    position:relative;
    padding-top:0.5rem; 

}
.timerplug_s2_left img {
    width:3rem;
    height:1.34rem;
    display:inline-block;   
    
}
.timerplug_s2_left_text {
    position:absolute;
    bottom:0.5rem;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    font-size:0.74rem;
    color:#333333;
    font-style:oblique;
}
.timerplug_s2_right {
    float:right;
    width:68%;
    height:100%;
    text-align:right;
    line-height:2.5rem;

}
.timerplug_s2_right_text {
    margin-right:0.3rem;
}
.timerplug_s2_right_text i {
    font-style:oblique;
    font-size:0.56rem;
}
.timerplug_s2_right_text i:nth-of-type(1) {
    color:#FC65D3;
}
.timerplug_s2_right_text i:nth-of-type(2) {
    color:#FD758A;
}
.timerplug_s2_right_text i:nth-of-type(3) {
    color:#FE7B6D;
}
.timerplug_s2_right_text i:nth-of-type(4) {
    color:#FF8444;
}
.timeshow {
    padding-right:0.3rem;
}
.timeshow i {
    width:auto;
    padding:0 0.1rem;
    height:0.87rem;
    display:inline-block;
    background: rgba(34,34,34,0.53);
    font-size:0.56rem;
    color:#ffffff;
    text-align:center;
    line-height:0.87rem;
    min-width:0.9rem;
}
.hasmorediv {
    width:100%;
    height:0.6rem;
    line-height:0.56rem;
    text-align:right;
    margin-top:0.52rem;
    padding-bottom:0.5rem;
    box-sizing:initial;
}
.hasmorediv a {
    display:inline-block;
    height:100%;
    font-size:0.54rem;
    color:#949494;
    padding-right:0.3rem;
}
.hasmorediv a  span{
    vertical-align: middle;
}

    
.hasmorediv a img {
    display:inline-block;
    width:0.4rem;
    height:0.4rem;

}



/***

    计时器3


*/
#timerplug3 {
    display:none;
}

.timerplugcon3 {
    display:none;
}
.timerplugcon3 a {
    position: relative;
    display: block;
}
.timerplugcon3 a img {
    width: 100%;
}
.timerplugcon3_msg {
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ffffff;
    font-size: 0.4rem;
    margin-top:0.3rem;
    margin-bottom:0.95rem;
}
.timerplugcon3_msg  b {
    height:1px;
    display:inline-block;
    border-top:1px solid #ffffff;
    width:1rem;
}
.timerplugcon3_msg.fan {
    display:flex;
    justify-content:center;
    align-items:center;
    color:#000000;
    font-size: 0.4rem;
    margin-top:0.3rem;
    margin-bottom:0.95rem;
}
.timerplugcon3_msg.fan  b {
    height:1px;
    display:inline-block;
    border-top:1px solid #000000;
    width:1rem;
}
#timerplug3 {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    text-align: center;
}
.timerplugcon3 {
    display:inline-block;
    width:100%;

}
.descriptday3, .descripthour3, .descriptsen3, .descriptmil3 {

    /*width: 3rem;*/
    height: 100%;
    display: inline-block;
    font-size: 0.52rem;

}
.timerplugcon3time i span{
    box-sizing: border-box;
    width: 0.8rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-style: normal;
    background: #000000;


}
.timerplugcon3time i span:nth-of-type(1) {
    margin-right:0.1rem;
}

.timerplugcon3time.fan i span{
    box-sizing: border-box;
    width: 0.8rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    display: inline-block;
    color: #000000;
    font-style: normal;
    background: #ffffff;


}
.timerplugcon3time b {
    width: 0.8rem;
    height: 100%;
    line-height: 1rem;
    font-weight: 400;
    text-align: center;
    color: #000000;
    display: inline-block;

}
.timerplugcon3time.fan b {
    width: 0.8rem;
    height: 100%;
    line-height: 1rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    display: inline-block;

}

.timerplugcon3_msg span {
    margin:0 0.2rem;
}


/*
    附近门店
    **/
.nearstore {
    overflow:hidden;
    background:#ffffff;
}
    .swiper-slide {
    width:11.7rem!important;
    overflow:hidden;
    padding-left: 0.4rem;
}
.swiper-container {
    overflow-x:scroll!important;
}
.storecon {
    width:10.6rem;
    height:5.3rem;
    border-radius:0.4rem;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.1); 
    background:#ffffff;
    border:1px solid #e5e5e5;
    margin-bottom:0.5rem;
}
.storecon_top {
    height:2rem;
    line-height:2rem;
    padding:0 0.39rem;
}
.storecon_top a {
    display:block;
    overflow:hidden;
}
    .storecon_top a img {
        border-radius:50%;
    }
.storecon_top img {
    display:inline-block;
    width:1.4rem;
    height:1.4rem;    
}
.storecon_top span {
    font-size:0.65rem;
    color:#000000;
    margin-left:0.3rem;
    width:3rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
}
.storecon_top i {
    float:right;
    font-size:0.65rem;
    color:#b2b2b2;

}
.storeconpicdiv {
    width:100%;
    height:2.8rem;
    padding:0;
    display:flex;
    justify-content:flex-start;
    align-items:center;

}
.storeconpicdiv a {
    display:block;
    width:2.8rem;
    height:2.8rem;
    margin-left:0.55rem;
}
.storeconpicdiv a img {
    display:block;
    width:100%;
    height:100%;
}
.storecon_bot {
    height:1rem;
    width:100%;
    padding-left:0.3rem;
    text-align:left;
    line-height:1rem;
    margin-bottom:0.5rem;
}
.storecon_bot img {
    display:inline-block;
    width:0.52rem;
    height:0.7rem;
    margin-right:0.56rem;
    vertical-align:-0.1rem;        

}
.storecon_bot span {
    font-size:0.65rem;
    color:#b2b2b2;

}

/*
    商品推荐
    **/
.productrecommend {
    width:100%;
    overflow:hidden;
    background:#ffffff;
}
.productrecommend .ctrl-item-list {
    width:100%;
    height:2rem;
    padding:0 0.87rem;
    display:flex;
    justify-content:flex-start;
    flex-wrap:nowrap;
    align-items:center;
    overflow-x:scroll;
    white-space:nowrap;
    /*border-bottom:1px solid #f2f2f2;*/
}
.ctrl-item-list li {
    display:inline-block;
    padding:0 0.34rem;
    margin-right:1.17rem;
    height:0.87rem;
    border-radius:0.4rem;
    font-size:0.56rem;
    color:#000000;
    line-height:0.87rem;
}
.ctrl-item-list li.cli {
    background:linear-gradient(to right, #f964c8 , #fb8032);
    color:#ffffff;
        
}
.productrecommendlist {
    overflow:hidden;
    width:100%;

}
.productrecommendlist ul {
    overflow:hidden;
    /*border-bottom:1px solid #f2f2f2;*/
}
.productrecommendlist ul li {
    width:49%;
    overflow:hidden;
    padding:0.52rem 0.6rem 0 0.6rem;
    float:left;
    /*border-top:1px solid #f2f2f2;*/
}
.productrecommendlist ul li:nth-of-type(2n+1) {

    /*border-right:1px solid #f2f2f2;*/
}
.productrecommendlist ul li a {
    display:block;
    overflow:hidden;
}
.productrecommendlist ul li .productpic {
    width:100%;
    overflow:hidden;
    text-align:center;
    margin-bottom:0.65rem;

}
.productpic img {
    display:inline-block;
    width:6rem;
    height:6rem;
}
.productrecommendname {
    width:100%;
    text-align:left;
    font-size:0.6rem;
    color:#626262;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:0.4rem;
    line-height:0.7rem;
    height:0.7rem;
}
.productrecommendprice {
    color:#ff3b3d;
    font-size:0.7rem;
    line-height:0.75rem;
    text-align:left;
    margin-bottom:0.44rem;

}




/***

    顶部搜索定位
*/

.topsearch {
    width:100%;
    height:1.7rem;
    line-height:1.6rem;
    overflow:hidden;
    background:#383838;
}
.topsearchleft {
    width:36%;
    height:100%;
    float:left;
    padding:0 0.34rem;
}
.topsearchright {
    width:64%;
    height:100%;
    float:left;
    padding:0 0.34rem 0 0 ;
    position:relative;
}
.topsearchdirpic {
    display:inline-block;
    width:0.43rem;
    height:0.6rem;
    margin-right:0.43rem;

}
.myaddre {
    font-size:0.6rem;
    color:#ffffff;
    max-width: 18vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    vertical-align: middle;
}
.topsearchjiao {
    display:inline-block;
    width:0.43rem;
    height:0.26rem;
}
.topsearchinput {
    width:100%;
    height:1.3rem;
    border-radius:1.3rem;
    background:#ffffff;
    line-height:1.3rem;
    display:inline-block;
    padding:0 1.5rem;
    color:#000000;
    font-size:0.6rem;
}
.windowpic {
    display:block;
    width:0.56rem;
    height:0.6rem;
    position:absolute;
    top:0.6rem;
    left:0.6rem;
    z-index:2;
}
.saosao {
    display: inline-block;
    width: 0.56rem;
    height: 0.56rem;
}

.topsearchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#8b8b8b;
}
.topsearchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#8b8b8b;
}
.topsearchinput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#8b8b8b;
}
.topsearchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#8b8b8b;
}




.members_flash {
    margin-top: 0px;
    margin-bottom:0px;
}
.timerplug32outdiv {
    position:relative;
}
.timerplug32outdiv section {
    display:none;
}
.heng {
    width: auto;
    white-space: nowrap;
    height: 35vw;
    background:#ffffff;
    overflow-x:scroll;
}
.heng2 {

    width: 100%;
    white-space: nowrap;
    height: auto;
    background: #ffffff;
    overflow-x: scroll;
    display: flex;

}
ul.heng li,ul.heng2 li {
    display:inline-block;
    padding: 1vw 0 1vw 2vw;
}
ul.heng li:last-child,ul.heng2 li:last-child  {
    margin-right:2vw;
}
.members_nav1 ul li.small_img ,.members_nav1 ul li.mid_img,.members_nav1 ul li.big_img{
    border:0!important;
}
.members_nav1 ul {
    display:block;
}

#saoyisaodiv {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 1.7rem;
    display: inline-block;
    line-height: 1.7rem;
    z-index: 4;
    padding-left: 0.3rem;
}
.custom-space {
    background:#f5f5f5;
}
body {
    background:#ffffff!important;
}
.cuntimemore {
    width:100%;
    height:0.56rem;
    text-align:right;
    line-height:0.56rem;
    color:#949494;
    font-size:0.52rem;
    padding-right:0.43rem;
    margin-bottom:0.3rem;
}
.cuntimemore a{
    display:inline-block;
    width:auto;
    overflow:hidden;
    height:100%;
    line-height:0.56rem;
    color:#949494;

}
.cuntimemore img {
    display:inline-block;
    width:0.26rem;
    height:0.43rem;
    vertical-align:baseline;
    margin-left:0.2rem;
}
.activekeywords {
    display: inline-block;
    width: auto;
    height: 0.52rem;
    border-radius: 0.5rem;
    border: 1px solid #FF4141;
    font-size: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    padding: 0 0.2rem;
    color: #FF4141;
    vertical-align: 0.1rem;
    margin-left: 0.5rem;
}
.storemsg {
    width:100%;
    height:0.52rem;
    text-align:left;
    margin-bottom:0.7rem;
}
.storemsg img {
    width:0.52rem;
    height:0.52rem;
    border-radius:50%;
    display:inline-block;
    float:left;
    margin-right:0.2rem;      
}
.storemsg i {
    font-size:0.4rem;
    color:#B7B7B7;
    line-height:0.52rem;
    float:left;
}