[v-cloak]{ display:none;}
*{ padding:0; margin:0;}
ul,li{ list-style:none;}
.pa{ position:absolute;}
.center{ position:absolute; margin:0 auto; left:0px; right:0px;}
.clearfix{ width:100%; height:1px; display:block; clear:both;}
img{ width:100%;}

/* 背景和容器 */
body{
    background:url('/images/bg-2.jpg') repeat-y center;
    background-size:100% auto;
}

#wraper {
    position:relative;
    width:100%;
    max-width:750px;
    height:auto;
    min-height:1179px;
    margin:0 auto;
    background:url('/images/bg.jpg') no-repeat center top;
}

.page1{
    width:683px;
    height:auto;
    margin-left:38px;
    padding-top:50px;
    padding-bottom:60px;
}

/* 顶部 tab 区域 */
.page1 .header{
    width:100%;
    height:70px;
}

.page1 .inbox{
    width:100%;
    height:auto;
    padding-bottom:117px; /* 和旧版一样 */
    position:relative;
    background:url('/images/layer-center-black.png') repeat-y;
    background-size:100% auto;
}

.page1 .inboxTop{
    background:url('/images/layer-top-black.png') no-repeat center;
    background-size:683px auto;
    width:683px;
    height:36px;
    display:block;
    margin-top:-1px;
    margin-bottom:-1px;
}

/* tab1 底部多留一点高度（旧版 290px） */
.page1 .inbox.curTab1{
    padding-bottom:290px;
}

.header.cur1{background:url('/images/menu1_1.png') no-repeat center;}
.header.cur2{background:url('/images/menu2_2.png') no-repeat center;}
/* .header.cur3{background:url('/images/menu3_3.png') no-repeat center;} */
.header.cur3{background:url('/images/menu4_4.png') no-repeat center;}

.header li{
    float:left;
    height:70px;
    width:33.3333%;
    margin-left:0;
}

/* 门店列表 */
.stores{
    width:606px;
    margin-left:26px;
    height:auto;
    font-size:24px;
    background:url('/images/line-black.jpg') no-repeat center top;
    padding-top:8px;
}

.stores .item{
    display:flex;
    background:url('/images/line-gray.png') no-repeat center bottom;
    width:588px;
    margin:0 auto;
    padding-bottom:30px;
    padding-top:30px;
    position:relative;
}

.stores .item:last-child{
    background:none;
}

.stores .store-left{
    float:left;
    width:420px;
}

.stores .store-left.maxw{
    width:606px;
}

.stores .store-right{
    display:flex;
    right:0px;
    bottom:20px;
    width:160px;
    padding-left:20px;
    text-align:right;
    justify-content:flex-end;
    align-items:center;
}

.store-left .store-name{
    font-weight:600;
    font-size:28px;
}

.store-left .store-address{
    color:#888;
}

.store-right span{
    display:inline-flex;
    background:url('/images/region.png') no-repeat left center;
    padding-left:25px;
    min-height:28px;
}

/* 底部文案和背景 */
.inbox .bottom{
    width:683px;
    font-size:24px;
    height:auto;
    position:absolute;   /* 关键：和旧版一样绝对定位到底部 */
    bottom:-30px;
    left:0;
}

.inbox .bottom:before{
    content:"";
    background:url('/images/line-black2.jpg') no-repeat center;
    height:4px;
    display:block;
    margin-left:-23px;
    display:none;
}

.inbox .bottom .ftbg{
    background:url('/images/layer-bottom2-black.png') no-repeat center;
    background-size:100% auto;
    width:100%;
    height:117px;
    display:block;
    margin-left:31px;
    color:#888;
}

.inbox .bottom.tab1:before{
    display:block;
}

.inbox .bottom.tab1 .ftbg{
    background:url('/images/layer-bottom-black.png') no-repeat center;
    background-size:100% auto;
    margin-left:0px;
}

.inbox .bottom .text{
    background:url('/images/logo.png') no-repeat 10px center;
    padding-left:95px;
    width:500px;
    margin-left:30px;
    margin-top:40px;
    color:#888;
}

.inbox .bottom .text p{
    border-left:2px solid #888;
    padding-left:20px;
}

.tab2{
    background:url('/images/yx_tab2_bg1_3.png') no-repeat center top;
    background-size:100% auto;
    width:720px;
    height:1359px;
    margin-left:-31px;
}

.tab3{
    width:720px;
    height:auto;
    margin-left:-31px;
}

.tab4{
    width:589px;
    height:auto;
    margin:0 auto;
}

.inbox .bottom.tab4 .ftbg{
    margin-left:0px;
}

.inbox .bottom .ftbg p{
    line-height:100px;
    text-align:right;
    padding-right:50px;
}

.inbox .bottom .ftbg a{
    text-decoration:underline;
    color:#888;
    font-weight:600;
}

.inbox .bottom.tab1 .ftbg p{
    line-height:100px;
    text-align:left;
    padding-left:50px;
}

/* 城市选择条 */
.change{
    width:600px;
    height:60px;
    padding-bottom:20px;
    margin-left:30px;
    font-size:26px;
    position:relative;
}

.change .storeCount{
    right:0px;
    top:0px;
    line-height:60px;
    color:#888;
}

.change .nearby{
    left:0px;
    width:200px;
    height:60px;
    line-height:60px;
}

.change .nearby select{
    opacity:0.001;
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}

.change .nearby span{
    width:190px;
    height:100%;
    display:block;
    padding-left:10px;
    font-weight:600;
    font-size:30px;
}

.change .nearby span .fa{
    position:absolute;
    background:url('/images/show_more.png') no-repeat center;
    width:27px;
    height:13px;
    right:0px;
    top:23px;
}

/* 二维码遮罩 */
.qrcode{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    text-align:center;
    z-index:99;
    background-color:rgba(0,0,0,0.8);
}

.qrcode p{
    width:400px;
    top:50%;
    margin-top:-200px;
}

/* 长图（如果以后用 tab3 长图） */
.long{
    position:relative;
    width:642px;
    left:39px;
}

/* 右侧返回按钮 */
.rightbutton{
    position:fixed;
    right:0px;
    width:85px;
    height:248px;
    bottom:100px;
    background:url('/images/right_button.png') no-repeat center;
}

/* 更新提示/门店说明 */
.updating{
    width:600px;
    height:60px;
    font-size:26px;
    position:relative;
    color:red;
}

.storeDesc{
    width:600px;
    height:60px;
    margin-top:80px;
    position:relative;
    color:red;
    text-align:center;
    font-size:40px;
    font-weight:bold;
}