/* ===== reset/normalize ===== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;max-width:640px;margin:0 auto}
body,p,ul{margin:0}
a{background:transparent;-webkit-tap-highlight-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:bold}
img{border:0}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
button,input,textarea,select{outline:0;-webkit-tap-highlight-color:transparent;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;-moz-appearance:none}
ul,ol{list-style:none;margin:0;padding:0}
body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;max-width:640px;margin:0 auto;-webkit-text-size-adjust:none}

/* ===== 页面背景 ===== */
body.handmainbg{background:#f8f8f8}
.handmain{width:100%;position:relative;z-index:0}
.handmain::before{content:'';position:absolute;z-index:-1;width:100%;aspect-ratio:414/206;background-size:100%}

/* ===== 表单卡片 cardtabs ===== */
.cardtabs{margin:0 0.625rem}
.cardtabs .tit_top{padding:0.625rem 1rem 0 0.8125rem;display:flex;box-sizing:border-box}
.cardtabs .tit_top .titname{font-family:PingFangSC-Medium,sans-serif;padding-left:0.5rem;font-size:1rem;position:relative;line-height:1.875rem;color:#333}
.cardtabs .tit_top .titname::before{content:'';width:0.15625rem;height:1rem;top:0.4375rem;left:0;border-radius:0.09375rem;background:#E60027;display:block;position:absolute}
.cardtabs .cont_line{margin-left:1.4375rem;margin-right:1.4375rem;font-size:0.875rem;border-bottom:0.0625rem solid #ddd;overflow:hidden}
.cardtabs .cont_line .iteminput{float:left;padding-top:1.25rem;font-size:0.875rem;line-height:1.25rem;padding-bottom:0.8125rem;color:#666;width:7.5rem}
.cardtabs .cont_line .iccidnum{width:100%;box-sizing:border-box;padding-left:7.5rem}
.cardtabs .cont_line .iccidnum input{font-family:PingFangSC-Medium,sans-serif;font-size:0.875rem;line-height:1.25rem;padding-top:1.25rem;padding-bottom:0.8125rem;width:100%;height:3.3125rem;box-sizing:border-box;border:none;outline:none;text-align:left;background:#f8f8f8}
.cardtabs .cont_line .iccidnum input::-webkit-input-placeholder{color:#ccc;font-family:PingFangSC-Regular,sans-serif}
.cardtabs .cont_line .iccidnum input::-moz-placeholder{color:#ccc;font-family:PingFangSC-Regular,sans-serif}
#iccid{position:relative}
#iccid input{padding-right:1.25rem}
#iccid .editoricon{position:absolute;right:0;top:1.25rem;width:1rem;height:1rem;display:block;background:url("../images/newimg/editoricon.png") 0 0 no-repeat;background-size:100%}

/* ===== 错误提示 ===== */
.errorp{padding-left:2.375rem;padding-top:0.75rem;padding-right:1.4375rem;background:url("../images/newimg/tipsicon.png") 1.4375rem 0.8125rem no-repeat;background-size:0.8125rem}
.errorp p{font-size:0.75rem;color:#E60027}
.error-msg{padding-left:2.375rem;padding-top:0.75rem;padding-right:1.4375rem;margin:0 0.625rem;background:url("../images/newimg/tipsicon.png") 1.4375rem 0.8125rem no-repeat;background-size:0.8125rem}
.error-msg span{font-size:0.75rem;color:#E60027}

/* ===== 归属地区域 ===== */
.location-area{margin:1.25rem 0.625rem 0;padding:0.9375rem 1rem;background:#fff;border-radius:0.5rem;border:0.0625rem solid #EEE}
.location-area .loc-title{font-family:PingFangSC-Medium,sans-serif;font-size:0.9375rem;color:#333;padding-left:0.5rem;position:relative;line-height:1.5rem;margin-bottom:0.75rem}
.location-area .loc-title::before{content:'';width:0.15625rem;height:0.875rem;top:0.3125rem;left:0;border-radius:0.09375rem;background:#E60027;display:block;position:absolute}
.location-area .loc-display{display:flex;align-items:center;padding:0.625rem 0.75rem;background:#f8f8f8;border-radius:0.375rem;border:0.0625rem solid #EEE;justify-content:space-between}
.location-area .loc-display .loc-name{flex:1;font-size:0.875rem;color:#333}
.location-area .loc-display .loc-status{font-size:0.75rem;color:#38a169}
.location-area .loc-select-trigger{display:flex;align-items:center;padding:0.625rem 0.75rem;background:#f8f8f8;border-radius:0.375rem;border:0.0625rem solid #EEE;cursor:pointer}
.location-area .loc-select-trigger .loc-placeholder{flex:1;font-size:0.875rem;color:#666}
.location-area .loc-select-trigger .loc-arrow{color:#999;font-size:0.75rem}
.location-area select{display:none}

/* ===== 归属地弹窗 ===== */
.picker-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:200;align-items:flex-end;justify-content:center}
.picker-overlay.show{display:flex}
.picker-panel{background:#fff;border-radius:0.9375rem 0.9375rem 0 0;width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;animation:slideUp .25s ease-out}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:0.0625rem solid #f0f0f0}
.picker-header .picker-title{font-size:1rem;font-weight:600;color:#1a1a1a}
.picker-close{width:2rem;height:2rem;border-radius:50%;border:none;background:#f0f0f0;color:#666;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.picker-body{overflow-y:auto;padding:0.75rem 1rem;flex:1}
.picker-group-title{font-size:0.75rem;color:#999;padding:0.5rem 1rem 0.25rem;font-weight:600}
.picker-option{padding:0.875rem 1rem;border-radius:0.625rem;cursor:pointer;font-size:0.9375rem;color:#333;display:flex;align-items:center;justify-content:space-between;margin-bottom:0.25rem}
.picker-option:active{background:#f5f7ff}
.picker-option.selected{background:#fff0f0;color:#E60027;font-weight:500}
.picker-option .opt-info{font-size:0.75rem;color:#999}
.picker-option .opt-check{color:#E60027;font-size:1.125rem;display:none}
.picker-option.selected .opt-check{display:inline}

/* ===== 底部手图区域 ===== */
.bgimgcert{margin-top:1.5rem;margin-left:1.8125rem;margin-right:2.0625rem;width:calc(100% - 3.875rem);aspect-ratio:353/249;background:url("../images/newimg/handbg.png") 0 0 no-repeat;background-size:100%}

/* ===== 底部提交按钮 ===== */
.submitbtn_hand{position:fixed;bottom:0;left:0;width:100%;height:3.625rem;padding-top:0.625rem;background-color:#fff;z-index:50}
.submitbtn_hand .submitbtn{margin:0 auto;font-size:1rem;color:#fff;background:#E60027;text-align:center;line-height:2.625rem;border-radius:1.3125rem;width:20.625rem;height:2.625rem;cursor:pointer}
.submitbtn_hand .submitbtn:active{opacity:0.85}
.bottom-padding{height:5rem}

/* ===== 遮罩/loading/弹窗 ===== */
.mask{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1001;background:rgba(0,0,0,0.7)}
.loading{width:5.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20001}
.blackError{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:77.3%;border-radius:0.625rem;padding:0.6875rem 1.0625rem;background:rgba(0,0,0,0.7);z-index:1003;display:none}
.blackError p{text-align:center;font-size:0.9375rem;line-height:1.40625rem;color:#fff}

.common-error{position:fixed;z-index:1002;width:19.625rem;height:19.0625rem;padding-top:8.25rem;background-color:#fff;background-image:url("../images/newimg/liantong.png");background-repeat:no-repeat;background-size:5rem;background-position-x:center;background-position-y:1.8125rem;border-radius:0.6875rem;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%,-50%)}
.common-error .title{padding:0;margin:0;font-size:1rem;line-height:1.375rem;padding-left:1rem;padding-bottom:0.625rem}
.common-error .content_mess{padding-left:1rem;padding-right:0.75rem}
.common-error .content_mess .tipsTXT{font-size:0.875rem;line-height:1.25rem;color:#333;text-align:left;padding:0}
.btn_new{text-align:center}
.btn_new .submit{outline:none;width:17.25rem;height:2.625rem;color:#fff;font-size:1.125rem;border-radius:1.25rem;border:none;background:#E60027}

.pop-up{position:fixed;left:50%;top:50%;padding:0;width:19.625rem;background-color:#fff;box-sizing:border-box;transform:translate(-50%,-50%);z-index:10002;padding-top:1.25rem;border-radius:0.9375rem}
.pop-up h3{border-bottom:none;padding:0 0 0.9375rem;font-size:1.125rem;text-align:center;font-family:PingFangSC-Medium;font-weight:500;margin:0}
.pop-up .btn{border-top:0.0625rem solid #EEE}
.pop-up .btn .ready{height:3.125rem;line-height:3.125rem;font-size:1.125rem;color:#E60027;border-radius:0 0 0.9375rem 0.9375rem;text-align:center;cursor:pointer}
#closePop{width:0.9375rem;height:0.9375rem;background:url("../images/close_tencet.png") 50% 0 no-repeat;background-size:100%;position:absolute;right:1.1875rem;top:0.9375rem;cursor:pointer}

.submitPrePop{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1001;background:rgba(0,0,0,0.7)}
.submitPrePop .contentpop{position:absolute;top:35vh;left:50%;transform:translateX(-50%);width:16.4375rem;height:15.5rem;border-radius:0.8125rem;background-color:#fff}
.submitPrePop .contentpop .tit{width:100%;height:1.375rem;font-family:PingFangSC,"PingFang SC";font-weight:500;font-size:1rem;padding-top:1.3125rem;padding-bottom:1.1875rem;box-sizing:content-box;color:#333;line-height:1.375rem;text-align:center}
.submitPrePop .contentpop .textdesc{padding:0 1.0625rem;box-sizing:border-box;font-size:0.8125rem;line-height:1.4375rem;color:#666}
.buttonList{display:flex;padding:0 1.0625rem;box-sizing:border-box;padding-top:1.25rem}
.buttonList .submit-cancle{flex:0 0 calc(50% - 0.28125rem);margin-right:0.28125rem;background:#fff;height:2.375rem;border-radius:0.25rem;text-align:center;line-height:2.375rem;color:#333;font-size:0.8125rem;border:0.0625rem solid #DDD;cursor:pointer}
.buttonList .submit-ok{flex:0 0 calc(50% - 0.28125rem);margin-left:0.28125rem;height:2.375rem;border-radius:0.25rem;background:#E50017;color:#fff;font-size:0.8125rem;text-align:center;line-height:2.375rem;border:0.0625rem solid #E50017;cursor:pointer}

.empty-tip{padding:2.5rem 0;text-align:center;font-size:0.875rem;color:#999}