/* 设置文档根字体 */
html{font-size:6.66666667vw}@media all and (min-width:750px){html{font-size:50px}}body{max-width:750px;margin:0 auto}

/*公用*/
html{
    font-family:'pf_MEDIUM','Microsoft Yahei','SimSun','Arial';
    color: #333;
}
body{background: #fff}
html *{font-size: 0.56rem}
input{
    border:0;
    padding: 0;
    background:none;
    outline:none;
    resize:none;
    color: inherit;
}

label {
    margin-right: 1em;
}

.c_blue{color: #449cff}

.require::before{
    content:"*";
    color: red;
}

.btn{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 3em;
    margin: 1em 0;
    border: solid 0.04rem;
    border-radius: 1.5em;
    line-height: 3;
    text-align: center;
    font-size: 0.64rem;
    color: #449cff;
}
.btn.fill{
    color: #fff;
    background: #449cff;
}
.btn.w_half{width: calc(50% - 0.3em)}
.btn.disabled{
    color: #fff;
    background: #ddd;
}
.btn.w_half:last-child{margin-left: 0.6em}
a.btn{text-decoration: none}

/* checkbox */
i.check-box{position:relative;display:inline-block;vertical-align:text-bottom;margin-right:.25em;width:1.3em;height:1.3em}i.check-box *{font-size:inherit !important}i.check-box>*{position:absolute;width:100%;height:100%;left:0;top:0}i.check-box>input{z-index:1;margin:0 !important;border:0 !important;opacity:0}i.check-box svg>:first-child,i.check-box svg>:last-child{transition:.3s;width:92%;height:92%;rx:12%;ry:12%;x:4%;y:4%}i.check-box svg>:first-child{fill:#fff}i.check-box svg>:nth-child(2){transition:cubic-bezier(.25, .75, .5, 1.5) .3s;width:1.3em;height:1.3em;fill:none;stroke:#fff;stroke-width:16%;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.975em,4.225em;stroke-dashoffset:1.625em;transform:rotate(45deg) translate(-0.28166667em, -1.04em)}i.check-box svg>:last-child{fill:none;stroke:#aaa;stroke-width:4%}i.check-box input:checked+svg>:first-child{fill:#449CFF}i.check-box input:checked+svg>:nth-child(2){stroke-dashoffset:3.25em}i.check-box input:checked+svg>:last-child{stroke:#449CFF}

/* radio */
i.radio{position:relative;display:inline-block;vertical-align:text-bottom;margin-right:.25em;width:1.3em;height:1.3em}i.radio *{font-size:inherit !important}i.radio>*{position:absolute;width:100%;height:100%;left:0;top:0}i.radio>input{z-index:1;margin:0 !important;border:0 !important;opacity:0}i.radio circle{cx:50%;cy:50%}i.radio circle:first-child{r:48%;fill:none;stroke:#aaa;stroke-width:4%}i.radio circle:last-child{transition:.3s;transition:cubic-bezier(.25, .75, .5, 1.5) .3s;r:0;fill:#449CFF}i.radio>input:checked~svg>circle:last-child{r:30%}

/* select */
.select span:first-child{
    padding-right: 1.5em;
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-size: 1em auto;
    background-position: right center;
}

.select input,
label>input{display: none}

/*加载中圈圈*/
i.loading{
    display: block;
    position: relative;
    z-index: 1;
    height: 7em;
    font-size: 0.48rem;
    font-style: unset;
    text-indent: 0;
    text-align: center;
    letter-spacing: 0;
    color: #333;
}
i.loading::before,
i.loading::after{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 5em;
    height: 5em;
    margin: auto;
    line-height: 5em;
}
i.loading::before{content: attr(text)}
i.loading::after{
    content: "";
    border-width: 0.166666em;
    border-top-color: rgba(0,0,0,0);
    border-style: solid;
    border-radius: 50%;
    animation: rotate360 1s linear infinite;
}
@keyframes rotate360 {
    from{transform: rotate(0)}
    to{transform: rotate(360deg)}
}

/*动画*/
.row,
.btn,
.ts{transition:.5s}

/*定位*/
.pos_rel{position: relative}
.abs_R{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

/*页头*/
.head_title {
	background: #449cff;
    font-size: 0;
	height: 1.92rem;
}
.head_title div {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
	line-height: 1.92rem;
    box-sizing: border-box;
    font-size: 0.72rem;
	color: #fff;
}
.head_return_btn {
    background-image: url(/cn/mobilev3/v3/images/return_btn.png);
    background-position: 0.6rem center;
    background-repeat: no-repeat;
    background-size: auto 1em;
}
.head_title div.head_title_center {
    width: 60%;
	text-align: center;
}

/*步骤条*/
.step-bar{position:relative;margin:0 .5em;padding:.5em 0;display:flex}.step-bar:after{position:absolute;content:"";left:.5em;right:.5em;top:0;bottom:0;height:.2em;margin:auto;background:#ccc}.step-bar>*{position:relative;width:.5em;height:1em}.step-bar>:last-child{margin-right:.5em}.step-bar>:not(:first-child){flex:auto}.step-bar>:after{transition:.3s;content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:0;height:.2em;margin:auto;background:#449CFF}.step-bar>:not(:first-child):not([s="0"]):after{width:100%}.step-bar svg{position:absolute;z-index:2;right:-0.5em;width:1em;height:1em}.step-bar circle{transition:.3s;transition-delay:.24s;cx:50%;cy:50%}.step-bar circle:last-child{fill:none;r:.3em;stroke:#fff;stroke-linecap:round;stroke-dasharray:1.64933614em,1.64933614em;stroke-dashoffset:1.64933614em;transform-origin:center;stroke-width:0;-webkit-animation:stb-round 2s infinite linear;animation:stb-round 2s infinite linear;transform:rotate(0)}.step-bar [s="0"] circle:first-child{transition-delay:0s;fill:#ccc;r:.25em}.step-bar [s="0"] circle:last-child{-webkit-animation-name:none;animation-name:none}.step-bar [s="1"] circle:first-child{fill:#449CFF;r:.5em}.step-bar [s="1"] circle:last-child{stroke-width:.1em}.step-bar [s="2"] circle:first-child{fill:#449CFF;r:.36em}.stb-round 0%{stroke-dashoffset:1.64933614em}.stb-round 6.25%{transform:rotate(0)}.stb-round 50%{transform:rotate(180deg)}.stb-round 56.25%{transform:rotate(180deg)}.stb-round 100%{stroke-dashoffset:-1.64933614em;transform:rotate(360deg)}@-webkit-keyframes stb-round{0%{stroke-dashoffset:1.64933614em}6.25%{transform:rotate(0)}50%{transform:rotate(180deg)}56.25%{transform:rotate(180deg)}100%{stroke-dashoffset:-1.64933614em;transform:rotate(360deg)}}@keyframes stb-round{0%{stroke-dashoffset:1.64933614em}6.25%{transform:rotate(0)}50%{transform:rotate(180deg)}56.25%{transform:rotate(180deg)}100%{stroke-dashoffset:-1.64933614em;transform:rotate(360deg)}}

.step:not([step="1"]){display: none;}
.step.no_need{display:none!important}

.section{padding: 0 0.28rem}
.section:not(:first-child){
    border-top: solid 0.375rem #eee;
}

.row{
    font-size: 0;
    padding: 0.56rem 0.28rem;
    border-bottom: 1px solid #eee;
}
.row.err{
    color: red;
    border-color: #faa;
}
.row:last-child{border: 0}
.row .left,
.row .right{
    display: inline-block;
    vertical-align: top;
}
.row .left{width: 40%}
.row .right{width: 60%}
.row .right input{width: 100%}

.row.title{
    margin: 0;
    line-height: 1;
    text-align: center;
}
.row.title span{
    padding-left: 1.25em;
    font-size: 0.68rem;
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: left center;
}
.row.title .user_icon{background-image: url(../images/user.png)}
.row.title .text_icon{background-image: url(../images/text.png)}
.row.hide{
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.row .line2{
    margin-top: 1em;
    display: block;
}

/*协议*/
#protocol{
    text-align: justify;
}
#protocol>:nth-child(2){border: 0}
.ptc_box{
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 750px;
    margin: auto;
    background: #fff;
    overflow: auto;
}
.ptc_box .ptc_head{
    position: absolute;
    top: 0;
    width: 100%;
}
.ptc_box .ptc_content{
    margin-top: 1.92rem;
    height: calc(100vh - 1.92rem);
    overflow-y: scroll;
    padding: 0.6rem;
    box-sizing: border-box;
}
.ptc_box .ptc_content .err_load{
    font-size: 0.66rem;
    color: #ccc;
    text-align: center;
    line-height: 3;
}
.ptc_box .protocol_title h1{
    text-align: center;
    font-size: 0.72rem;
    color: #449cff;
}
.ptc_box .protocol_title a.print{display: none}

/* 温馨提示 */
#tips .title span{
    background-image: url(/cn/home/v3/images/apply/i_ico.png);
    background-size: 1.25em;
    background-position: left;
}
#tips ul{
    padding-left: 2.5em;
    padding-right: 1em;
}
#tips li{
    list-style-type: decimal;
    margin-bottom: 0.5em;
}

/* 领卡地区、领卡网点 */
#rc_card_area input{display: none}
#rc_card_branch input{display: none}

/*领卡网点*/
.branch{
    transition: inherit;
    padding-top: 0.5em;
    line-height: 2;
    overflow: hidden;
}
.branch.hide{
    padding-top: 0;
    height: 0;
    line-height: 0;
}

/* 证件有效期 */
.date_slt.to{overflow: hidden}
.date_slt.to.hide{
    margin: 0;
    height: 0;
}

/*附加码、短信验证码*/
#get_sms_code,
.vfy_pic{
    width: 6em;
    height: 2.5em;
    border-radius: 0.25em;
}
.vfy_pic{background: #abd0d0}
#get_sms_code{
    display: inline-block;
    line-height: 2.5;
    background: #449cff;
    color: #fff;
    text-align: center;
}
#get_sms_code.disabled{background: #ddd}

[input="day_limit_money"]:after{content:"元"}

/*税收声明*/
#tax_statement{
    display: none;
    background: #fff;
    overflow: hidden;
}
#tax_statement iframe{
    width: 100%;
    min-height: calc(100vh - 3.56rem);
}

#tax_statement.show{display: block}
#tax_statement.show+.section{display: none}
#tax_statement.loaded i.loading{display: none}

.suc_ico{
    height: 4rem;
    background: url(../images/success.png) no-repeat center;
    background-size: 15%;
}
[step="suc"] .title{
    text-align: center;
    font-size: 0.66rem;
    font-weight: bold;
}
[step="suc"] .text{
    padding: 0.8rem 0.6rem;
}
[step="suc"] .text a{
    color: #449CFF;
}
[step="suc"] [bind="apply_no"]{
    background: #f0f0f0;
    padding: 0.5em 1em;
    border-radius: 0.25em;
}