/*
    公共部分
*/
* {box-sizing: border-box;}
.header-wrap {background: #fff; font-size: 0.34rem;color: #111A34;text-align: center;height: 0.88rem;line-height: 0.88rem; box-shadow: 0 1px 10px #ddd;
position: fixed; top: 0; width: 100%; z-index:100; }
.return-back {position: absolute; top: 0.04rem; left: 0.1rem; height: 0.8rem; width: 0.8rem; 
background: url(../images/back_black.png) no-repeat center/0.2rem 0.34rem;}
.content-wrap { color:#333; background: #fff; }

@media screen and (min-width:769px) {
    .page-wrap {position: relative; margin:auto; background: #fff; max-width: 7.5rem;}
    .header-wrap {max-width: 7.5rem;}
}

.toast-popup {
    background: rgba(0,0,0,0.6);color:#fff;border-radius: 0.1rem;position:fixed; top:20%; width: auto;
    min-width: 1rem; max-width: 80%;left:0;right:0;margin:auto;
    text-align: center; z-index:9999;padding:0.2rem; opacity: 0; transition: all 0.2s;
}
.toast-popup.act { top:45%; opacity: 1;}

.loading-wrap {position: fixed; top: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999;
display: none;}
.loading-box {position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); text-align: center;}
.loading-wrap .icon { display: inline-block; width: 0.64rem; height: 0.64rem; background: url(../images/loading.png) no-repeat;
background-size: cover; animation: rotate  1.6s linear infinite;}
.loading-wrap .text {font-size: 0.3rem; color: #208ce6; margin-top: 0.2rem;}

@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

/* 
    首页
*/
.index-page {position: relative; min-height: 100vh;}
.index-page .top-box{ padding-top: 1.5rem; padding-bottom: 0.8rem; background: url(../images/home_banner_bg.png) no-repeat; 
background-size: 100% 2.72rem; position: relative; overflow: hidden;}
.index-page .top-mine {position: absolute; top: 0.3rem; left: 0.2rem; width: 0.8rem; height: 0.8rem;
background: url(../images/icon_mine.png) no-repeat center center/0.44rem 0.44rem;}
.index-page .top-handle-wrap {margin: 0.3rem auto 0; width: 6.86rem; padding: 0.35rem 0.2rem; line-height: 0.5rem; text-align: center;
box-shadow: 0 0.02rem 0.4rem 0 rgba(58,78,160,0.29); border-radius: 0.04rem; background: #fff;}
.index-page .top-handle-wrap .icon-edit { padding:0.25rem 0 0.25rem 0.56rem; background: url(../images/icon_tianxie_p.png) no-repeat left center/0.43rem 0.4rem;}
.index-page .top-handle-wrap .text {font-size: 0.36rem; color: #232B68; }
.index-page .mod-title {height: 0.5rem; line-height: 0.5rem; padding-left: 0.32rem;}
.index-page .mod-title .icon-pie {padding:0.25rem 0 0.25rem 0.56rem; background: url(../images/icon_pie.png) no-repeat left center/0.4rem 0.4rem;}
.index-page .mod-title .text {font-size: 0.36rem; color: #232B68;}

.index-page .data-table {margin: 0.44rem auto 0; width: 6.86rem; padding: 0.34rem 0; background: #FFFFFF;
    box-shadow: 0 1px 0.14rem 0 rgba(58,78,160,0.16); border-radius: 0.16rem; }
.index-page .table-item {float: left; width: 50%; padding-top: 0.48rem; padding-left: 0.22rem;}
.index-page .table-item .title { height: 0.3rem; line-height: 0.38rem; font-size: 0.28rem; color: #999999;}
.index-page .table-item .icon {padding: 0.15rem 0 0.15rem 0.55rem; background-position: left center; background-size: 0.45rem;
background-repeat: no-repeat;}
.index-page .table-item .icon-1 {background-image: url(../images/icon_zuori.png);}
.index-page .table-item .icon-2 {background-image: url(../images/icon_leiji.png);}
.index-page .table-item .val {margin: 0.34rem 0 0.1rem; font-size: 0.6rem; color: #232B68; text-align: center; height: 0.8rem; line-height: 0.8rem;
position: relative;}
.index-page .table-item:nth-child(2n+1) .val {border-right: 1px solid #E6E6E6;}
.footer-sign-blank {height: 1.38rem;}
.footer-sign {position: absolute; bottom: 0; left: 0; right: 0; padding: 0.5rem 0; height: 1.38rem; line-height: 0.38rem;
font-size: 0.26rem; color: #CCCCCC; text-align: center;}
.footer-sign::before, .footer-sign::after {position: absolute; top: 0.66rem; content: ' '; height: 1px; width: 0.8rem; background: #ddd;}
.footer-sign::before {left: 1.94rem;}
.footer-sign::after {right: 1.94rem;}

/* 
    登录页
*/
.login-page {position: relative; width: 100%; min-height: 100vh; padding-bottom: 4rem;
background: #081148 url(../images/login_bg.png) no-repeat left top/100% 6.68rem; overflow: hidden;}
.login-page .title {margin-top: 1.4rem; height: 0.68rem; line-height: 0.68rem;  font-size: 0.48rem; color: #FFFFFF; padding-left: 0.32rem;}
.login-page .form-wrap {margin-top: 0.54rem; padding: 0 0.32rem}
.login-page .input-line {height: 1.04rem; border-bottom: 1px solid #EEEEEE; padding: 0.28rem 0; position: relative;}
.login-page .input-line .input {height: 0.48rem; line-height: 0.48rem; width: 100%; background: transparent; border: none; font-size: 0.34rem;
color: #FFFFFF;}
.login-page .code-btn {position: absolute; right: 0; top: 0.26rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; color: #FFFFFF;
background: transparent; border: none;}
.login-page .code-btn.grey {color: #ccc;}
.login-page .log-btn-box {margin-top: 0.6rem; padding: 0 0.32rem;}
.login-page .log-btn {height: 0.94rem; width: 100%; border: none; background: #627BEB; border-radius: 0.04rem;font-size: 0.36rem;
color: #FFFFFF; line-height: 0.94rem; text-align: center; letter-spacing: 5px;}
.login-page .enter-box {position: absolute; bottom: 1.5rem; left: 0; width: 100%; height: 0.68rem;}
.login-page .enter-btn {display: block; margin: 0 auto; width: 2.2rem; height: 0.68rem; text-align: center; border: 1px solid #FFFFFF;
background: transparent; font-size: 0.32rem; color: #fff;}

.login-page.enter-login {background: #4664EB url(../images/login_register_bg.png) no-repeat left top/100% 6.68rem;}
.login-page.enter-login .sub-title {height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #FFFFFF; padding-left: 0.32rem;}
.login-page.enter-login .form-wrap {margin-top: 0.24rem; }
.login-page.enter-login .log-btn {background-color: #fff; color: #627BEB;}

.login-page input::-webkit-input-placeholder { color: #fff; }


/* 
    入驻介绍
*/
.enter-intro-page {min-height: 100vh; background:#4664EB url(../images/img_ruzhushuoming.png) no-repeat left top/100% 12.05rem;
padding-top: 4.8rem;}
.enter-intro-page .intro-wrap {padding: 0 0.4rem;}
.enter-intro-page .intro-box {padding: 0.55rem 0.35rem; width: 100%; background: #3E5BDB; border-radius: 0.2rem;}
.enter-intro-page .intro-box p {font-size: 0.28rem; color: #FFFFFF; text-align: justify; line-height: 1.6;}
.enter-intro-page .btn-wrap {padding: 0.55rem 0.4rem 0.4rem;}
.enter-intro-page .btn {width: 100%; height: 1rem; line-height: 1rem; font-size: 0.36rem; color: #627BEB; text-align: center; border: none;
background: #fff;}

/* 
    填写店铺信息引导按钮
*/
.fill-guide-page {min-height: 100vh;}
.fill-guide-page .btn-wrap {padding: 3rem 0.32rem 0.5rem}
.fill-guide-page .btn-wrap .btn { height: 0.94rem; width: 100%; font-size: 0.36rem; color: #FFFFFF; background: #627BEB;
border-radius: 0.04rem; border: none;}
.fill-guide-page .btn-wrap .btn .icon-edit {padding:0 0 0 0.56rem; background: url(../images/icon_tianxie_w.png) no-repeat left center/0.43rem 0.4rem;}
.fill-guide-page .btn-wrap .btn2 {margin-top: 0.5rem; background: #fff; border: 1px solid #627BEB; color: #627BEB;}

/*
    填写店铺信息页
*/
.fill-info-page {background: #f5f5f5; padding-top: 0.88rem;}
.fill-info-page .mod-title {height: 0.84rem; padding: 0.34rem 0 0 0.32rem;}
.fill-info-page .title {height: 0.34rem; line-height: 0.34rem; font-size: 0.24rem;}
.fill-info-page .input-wrap {background: #fff; padding:0  0 0 0.32rem;}
.fill-info-page .input-line {padding: 0.28rem 0.32rem 0.28rem 0; position: relative; border-bottom: 1px solid #eee;}
.fill-info-page .input-line.no-line {border-bottom: none;}
.fill-info-page .input-line .lable {height: 0.48rem;  line-height: 0.48rem; font-size: 0.34rem; color: #333333; }
.fill-info-page .input-line .input { float: right; height: 0.45rem; line-height: 0.45rem; width: 4.6rem; border: none; text-align: right;
font-size: 0.32rem; color: #333333;}
.fill-info-page .input-line .textarea {float: right; height: 1rem; line-height: 0.45rem; width: 4.6rem; border: none; text-align: right;
font-size: 0.32rem; color: #333333; resize: none;
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;}
.fill-info-page .input-line .select-input {float: right; height: 0.45rem; width: 5.2rem; border: none; text-align: right;
 font-size: 0;}
.fill-info-page .input-line .select-input .text {display: inline-block; width: 4.8rem; margin-right: 0.2rem; vertical-align: middle; font-size: 0.32rem; color: #333333;}
.fill-info-page .input-line .select-input .icon-right {display: inline-block; width: 0.16rem; height: 0.26rem; vertical-align: middle;
background: url(../images/icon-right.png) no-repeat center/0.16rem 0.26rem;}
.fill-info-page .input-line .map-tip {font-size: 0.24rem; color: #999999; height: 0.34rem; line-height: 0.34rem; text-align: center;}
.fill-info-page .input-line .map-box { margin-top: 0.16rem; width: 100%; height: 3.34rem; background-color: #f5f5f5; position: relative;}
.fill-info-page .input-line .map-box-container {position: absolute; top: 0; left: 0; width: 100%; height: 3.34rem; z-index: 1;}
.fill-info-page .input-line .map-box-mask { position: absolute; top: 0; left: 0; width: 100%; height: 3.34rem; z-index: 2;}
.fill-info-page .input-line .img-upload-wrap {width: 2.95rem; margin: 0.4rem auto 0; position: relative; padding-bottom: 0.5rem;}
.fill-info-page .input-line .img-box {width: 2.95rem; height: 2.95rem; position: relative; z-index: 2;}
.fill-info-page .input-line .img-box img {width:100%; height: 100%; object-fit: cover;}
.fill-info-page .input-line .add-box {position: absolute; top:0; left: 0; width: 2.95rem; padding-top: 1.86rem; text-align: center; 
background: url(../images/img_shangchuanyingyezhizhao.jpg) no-repeat left top/2.95rem 1.58rem; z-index: 1;}
.fill-info-page .input-line .add-box strong {font-size: 0.32rem; color: #333333;}
.fill-info-page .input-line .add-box span {font-size: 0.2rem; color: #999999; padding-top: 0.1rem}
.fill-info-page .input-line .input-file {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; opacity: 0;  z-index: 3;}
.fill-info-page .input-line .input-file-wechat {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; opacity: 0;  z-index: 3;}
.fill-info-page .btn-wrap {padding: 0.64rem 0.32rem;}
.fill-info-page .btn {width: 100%; height: 1rem; border: none; background: #6682F4; border-radius: 0.04rem; font-size: 0.32rem; color: #FFFFFF;}
.photo-compress-canvas {position: absolute; top: -1000px; opacity: 0; width: 100%;}

.amap-wrap {position: absolute; top: 0; left: 0; right: 0; bottom: 0}
.amap-container {width: 100%; height: 100%;}
.map-tips {position: absolute; top: 0; left: 0;  width: 100%; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.3rem;
background: #fff; box-shadow: 0 1px 10px #ddd;}
.map-tips .close {position: absolute; top: 0.1rem; right: 0.2rem;  width: 0.8rem; height: 0.8rem; font-size: 0.6rem; line-height: 0.8rem; color: #000; 
text-align: center; font-style: normal; }
.map-btn-wrap { position: absolute; bottom: 0.5rem; left: 0; width: 100%; padding: 0 0.32rem;}
.map-btn-wrap button {width: 100%; height: 1rem; border: none; background: #6682F4; border-radius: 0.04rem; font-size: 0.32rem; color: #FFFFFF;}


.picker {z-index: 999 !important;}


/* 
    我的
*/
.mine-page {padding-top: 0.88rem;  min-height: 100vh;}
.mine-page .btn-list {margin-top: 0.2rem; background: #fff; padding: 0 0 0 0.32rem;}
.mine-page .btn-list .line { height: 1rem; border-bottom: 1px solid #eee; line-height: 1rem; font-size: 0.32rem; color: #333; 
background: url(../images/icon-right.png) no-repeat 6.6rem center/0.16rem 0.26rem;}
.mine-page .quit-wrap { padding: 0.8rem 0.32rem;}
.mine-page .quit-wrap button {width: 100%; height: 1rem; border: none; background: #6682F4; border-radius: 0.04rem; font-size: 0.32rem; color: #FFFFFF;}


/* 弹框确认样式 */
.pop-mask {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: -1;}
.pop-mask.act {z-index: 999;}
.pop-mask .pop {position: absolute; top: -100px; left: 50%; width: 80%; transform: translate(-50%, -50%); background: #fff; border-radius: 0.1rem;
overflow: hidden;}
.pop-mask.act .pop {top: 50%; left: 50%; transition: all 0.4s;}
.pop-mask .content {padding: 0.6rem 0.2rem; text-align: center;}
.pop-mask .btn-wrap {height: 1rem;}
.pop-mask .btn-wrap .btn {float: left; width: 50%; height: 1rem;  font-size: 0.32rem; 
text-align: center; line-height: 1rem; text-decoration: none;}
.pop-mask .btn-wrap .cancel { background: #eee; color: #666;}
.pop-mask .btn-wrap .sure { background: #6682F4; color: #FFFFFF;}

/* 
    提交成功提示页
*/
.success-page {min-height: 100vh; background: #f5f5f5;}
.success-page .success-wrap {padding-top: 0.6rem; background: #fff;}
.success-page .icon-succ {width: 1.3rem; height: 1.3rem; margin: 0 auto; background: url(../images/img_tick.png) no-repeat center/1.3rem 1.3rem;}
.success-page .text-succ { margin-top: 0.32rem; font-size: 0.4rem; color: #333333; text-align: center;}
.success-page .info-succ {margin-top: 0.16rem; padding: 0 1.2rem 0.56rem; text-align: center; font-size: 0.28rem; color: #999999;}
.success-page .btn-wrap { padding: 0.6rem 0.32rem;}
.success-page .btn-wrap button {width: 100%; height: 1rem; border: none; background: #6682F4; border-radius: 0.04rem; font-size: 0.32rem; color: #FFFFFF;}

/*
    商品提交
*/
.content-wrap.upload-page {padding-top: 0.88rem;  min-height: 100vh; background-color: #f5f5f5;}
.goods-upload-wrap { padding-bottom: 1.6rem; }
.goods-upload-wrap .btn-wrap { position: fixed; bottom: 0; width: 100%; height: 1.4rem; padding: 0.2rem; background: #fff;
box-shadow: 0 0 10px #eee; }
.goods-upload-wrap .btn-wrap .btn { width: 100%; height: 1rem; max-width: 7.5rem; margin: 0 auto; font-size: 0.32rem; border: none;
    text-align: center; line-height: 1rem; text-decoration: none; background: #6682F4; color: #FFFFFF;}

.goods-upload-wrap .list {padding:0 0;}
.goods-upload-wrap .item {padding:0; background: #fff;}
.goods-upload-wrap .item-top {height: 0.8rem; padding: 0.2rem 0.2rem 0; background: #f5f5f5; line-height: 0.6rem; 
display: flex; justify-content: space-between;}
.goods-upload-wrap .item-top .tit {font-size: 0.24rem; color: #666;}
.goods-upload-wrap .item-top .del {font-size: 0.3rem; color: #208ce6; border: none; background: transparent;}

.goods-upload-wrap .img-upload {width: 2rem; height: 2rem; border: 1px solid #f0f0f0; position: relative;
    background: #f5f5f5 url(../images/img_plus.png) no-repeat center/1rem 1rem;}
.goods-upload-wrap .img-box { width: 2rem; height: 2rem; position: absolute; top: 0; left: 0;}
.goods-upload-wrap .img-box img { width: 100%; height: 100%; object-fit: cover;}
.goods-upload-wrap .img-upload .input-file {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; opacity: 0;  z-index: 3;}
.goods-upload-wrap .form-box {padding: 0;}
.goods-upload-wrap .line { padding: 0.2rem 0.2rem; border-bottom: 1px solid #eee; display: flex; }
.goods-upload-wrap .label { font-size: 0.28rem; color: #666; line-height: 0.6rem;}
.goods-upload-wrap .input {height: 0.6rem; border:none; font-size: 0.3rem; color: #111; line-height: 0.4rem; flex: 1;}

.goods-upload-wrap .add-item-wrap { padding: 0.2rem 0;}
.goods-upload-wrap .add-item-wrap .add-btn { background: #fff; color: #208ce6; text-align: center; height: 0.8rem; line-height: 0.8rem;
font-size: 0.32rem;}
/* 列表删除动画 .list-fade-enter-active,  .list-fade-enter, */ 
.list-fade-leave-active {transition: all 0.5s;}
.list-fade-leave-to { opacity: 0; transform: translateX(80px);}