@charset "utf-8";
*{margin:0;padding:0;border:0;box-sizing:border-box}
html{width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{width:100%;min-height:100vh;max-width:750px;margin:0 auto;font-size:0.3rem;font-family:PingFang SC,Source Han Sans CN,sans-serif;background: linear-gradient( #4285ec 50%,#0bbafb);}
li,ol,ul{list-style:none}
i{font:inherit}
input,option,select{vertical-align:middle;border-radius:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:0}
select::-ms-expand{display:none}
input[type=button],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none;appearance:none;outline:0}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
.clear{clear:both}
.clearfix::after{content:"";display:block;height:0;clear:both;visibility:hidden}
[v-cloak]{display:none}
/* 主体内容 */
.main{padding:0.25rem .3rem .6rem;position:relative;z-index:3}
/*头图*/
.banner { width:100%; border-radius:0.1rem; overflow:hidden; margin-bottom:0.25rem; }
.banner img { width:100%; display:block; }

/* 卡片 */
.card{background:#fff;border-radius:0.1rem;padding:.05rem .3rem.3rem .3rem;margin-bottom:.3rem; }
.card-title{  font-size:.32rem;color:#39b0fc;margin-bottom:.3rem;display:flex;align-items:center; font-weight:bold;border-bottom:#e6e6e6 solid 1px; padding:0.24rem 0; position:relative; padding-left:0.2rem; }
.card-title::after{content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:0.07rem; height:0.3rem; border-radius:.035rem; background-color:#39b0fc; }

/* 表单 */
.form-item{margin-bottom:.3rem}
.form-item:last-child{margin-bottom:0}
.form-label{display:block;font-size:.3rem;color:#333;margin-bottom:.16rem}
.required{color:#d61703;font-style:normal;margin-left:.04rem}
.form-input{width:100%;height:.8rem;padding:0 .24rem;border:1px solid #d1d1d1;border-radius:.06rem;font-size:.28rem;color:#333;background:#ffffff}
.form-input:focus{border-color:#39b0fc;background:#fff}

/* 地址选择 */
.address-row{display:flex;gap:.2rem;margin-bottom:.16rem}
.form-select{flex:1;height:.8rem;padding:0 .24rem;border:1px solid #d1d1d1;border-radius:.06rem;font-size:.28rem;color:#333;background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat calc(100% - 0.2rem) center;background-size:.32rem}

/* 上传区 */
.upload-list{ height:auto; }
.upload-item { margin-bottom:0.3rem; border:#4ac1f7 dashed 1px; padding:0.2rem 0;border-radius:.08rem;}
.upload-item .upload-placeholder { height:1.2rem; text-align:center; color:#000000; font-size:0.3rem; line-height:1.5; display: flex; align-items: center;  justify-content: center;  flex-direction: column; }
.upload-item .upload-placeholder .blue { color:#0cacf4; font-size:0.36rem; font-weight:bold;  }
.upload-item .upload-preview { height:1.2rem; }
.upload-item .upload-preview img { width: 100%;height: 100%; object-fit: contain; }

/* 注意事项 */
.notice{background:#39b0fc;border-radius:.1rem; padding-top:0.05rem; margin-bottom:.4rem}
.notice-box {background:#f8f9fa;border-radius:.1rem;padding:.15rem .25rem .25rem .25rem;}
.notice-box .tit {color:#000000; font-size:0.28rem; line-height:1.5; font-weight:bold;}
.notice-box .des {color:#000000; font-size:0.23rem; line-height:1.5; margin-top:0.05rem; }

/* 提交按钮 */
.submit-btn{width:100%;height:.7rem; background-color:#39b0fc; color:#fff;font-size:.32rem;font-weight:500;border:none;border-radius:.35rem;margin-bottom:.5rem;}
.submit-tip{text-align:center;font-size:.22rem;color:#919191;margin-bottom:.45rem}

/* 底部操作 */
.bottom-actions{margin-bottom:.16rem; border-radius:.1rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); display:flex; align-items: center; justify-content: space-between; padding:0.2rem }
.bottom-actions .pic { width:0.52rem; height:0.52rem; }
.bottom-actions .pic img { width: 100%;height: 100%; object-fit: contain; }
.bottom-actions .con { width:calc(100% - 2.52rem); }
.bottom-actions .con .tit {color:#000000; font-size:0.28rem; line-height:1.5;}
.bottom-actions .con .des {color:#919191; font-size:0.22rem; line-height:1.5;}
.bottom-actions .more { width:1.7rem; height:0.5rem; background-color:#39b0fc; border-radius:.1rem; text-align:center;color:#ffffff; font-size:0.22rem; line-height:0.5rem;}