/*-----------------------------------布局设置-----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration:none;color: #C99835;}
a:hover{text-decoration:none;}
li,ul,ol{list-style: none;}
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}
button, input, optgroup, select, textarea, i {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
	font-family:"PingFangSC-Regular", "Helvetica Neue", Helvetica, Tahoma,
        Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei',
        sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	font-size: 14PX;
	color:#13252e;
	background-color: #fff;
}

/*公共头部样式 */
.header{
	position: relative;
	height: 1rem;
	background-color:#fff;
}
/*标题*/
.hd-title{
	font-size: 17PX;
	font-weight: normal;
	text-align: center;
	color: #13252E;
	line-height: 1rem;
}

.hd-icon{
	position: absolute;
	left: .3rem;
	top: 50%;
	width: .32rem;
	height: .32rem;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background: url(/info/version4/H5/newwap/common/images/left.png) no-repeat ;
	background-size: contain;
}

.hd-right{
	position: absolute;
    right: .3rem;
    top: 0;
    line-height: 1rem;
}

/*公共底部样式 */
footer {
  width: 100%;
  line-height: 1.6;
  text-align: center;
  font-size: 12PX;
  color: #888;
  padding-bottom: .28rem;
}
/*按钮样式*/
.input_btn {
	margin: 0rem .3rem;
}
.input_btn a{
	display: block;
	font-size: 16PX;
	font-weight: bold;
	line-height: .9rem;
	text-align: center;
	color: #fff;
	border-radius: .1rem;
	background-color: #D8D8D8;
}
.input_btn a.active{
	background-image: linear-gradient(-160deg, #DFBA6E 0%, #ECC988 100%);
}

/* 错误提示 */
.error{
    min-height: 0.6rem;
    padding: 0.1rem 0.3rem;
    color: red;
}

/*输入框div-label-input*/
.form-input{
    padding: 0 .3rem;
}
.di{
    line-height: 1rem;
	border-bottom: 1px solid #e6e6e6;
}
.di-label{
	display: inline-block;
	width: 1.4rem;
	font-size: 15PX;
	vertical-align: middle;
}
.di-input{
	display: inline-block;
	width: 4.5rem;
	font-size: 15PX;
	border:none;
	vertical-align:middle;
	line-height: 0.5rem;
}

.di-btn {
    font-size: 13PX;
    color: #C99835;
    float: right;
}

/*文本框-三开*/
.di-s{
    line-height: 1;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}
.di-span{
	display: inline-block;
	width: 5.1rem;
	font-size: 15PX;
	vertical-align:middle;
}

/* 图形验证码 */
.codeBtn{
    float: right;
    margin: .1rem 0;
    line-height: .8;
}
.code-img{
    width: 1.4rem;
    height: 0.8rem;
}






/* 无样式selcet */
.select{
	-webkit-appearance: none;
    border: none;
    }
.select-h{
    line-height: 0.88rem;
    height: 0.88rem;
}
/*下发短信*/
.cms-input{
	display: inline-block;
	width: 3rem;
	font-size: .28rem;
	border:none;
	vertical-align:middle;
}
.cms-span{
	display: inline-block;
	width: 1.5rem;
	font-size: .28rem;
	vertical-align:middle;
}
/*错误提示*/
.errtip{
	padding: 0 .3rem;
	margin-top: .15rem;
	font-size: .28rem;
	color: #f68327;
	line-height: 1.2;
}
/*提示标题*/
.title-tip{
    padding: .2rem .3rem;
    font-size: .28rem;
}
/*灰色蒙层+弹窗*/
.layer{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	background-color: rgba(0,0,0,.6);
}
.panel{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6.2rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #f5f5f5;
	border-radius: .12rem;
}
.hd-panel{
	position: relative;
	color: #13252e;
	line-height: .9rem;
	text-align: center;
	box-shadow:inset 0px -1px 0px 0px #e6e6e6;
}
.cancel{
	position: absolute;
	top: 0px;
	left: 0px;
	width: .88rem;
	height: .9rem;
	background: url(/touchpad/images/icon/cancel.png) no-repeat center;
	background-size: 35%;
}
.pre_step{
	position: absolute;
	top: 0.1rem;
	left: 0px;
	width: .62rem;
	height: .62rem;
	background: url(/touchpad/images/icon/arrow_l.png) no-repeat center;
	background-size: 35%;
}
.correct{
	display: inline-block;
	width: .28rem;
	height: .28rem;
	background: url(/touchpad/images/icon/correct.png) no-repeat center;
	background-size: contain;
}
.plus{
	display: inline-block;
	width: .28rem;
	height: .28rem;
	background: url(/touchpad/images/icon/plus.png) no-repeat center;
	background-size: contain;
}
.list-m{
	position: relative;
	padding: 0 0 0 .3rem;
	color: #5a6164;
	line-height: .8rem;
	box-shadow:inset 0px -1px 0px 0px #e6e6e6;
}
.ct-panel{
	max-height: 6rem;
    overflow-y: scroll;
}
.ft-panel{
	height: .85rem;
}
.ft-panel .input_btn{
	margin: 0;
}

/*双按钮弹框*/
/*蒙层*/
.mask{  position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3 !important;}
.pop-up_box{
    z-index:9999;
    background-color:#FFF;
    position:absolute;
    top:30%;
    left:5%;
    border:0.02rem solid #C5C5C5;
    width:90%;
    border-radius:0.08rem;
    }
.box_title{
    color:#13252e;
    padding-top: 0.3rem;
    text-align:center;
    font-size: 16PX;
    }
.pop-up_box2{
    z-index:9999;
     background-color:#FFF;
     position:absolute;
     top:30%;left:10%;
     border:0.02rem solid #C5C5C5;
     width:80%;
     border-radius:0.2rem;
    }
.box_text{
    color:#13252e;
    padding: 0.2rem 0rem;
    text-align:center;
    font-size: 16PX;
    }
.box_info{
    border-bottom:0.02rem solid #C5C5C5;
    padding: 0.5rem 0.4rem;
    }
.box_bnt1{
    border-right:0.02rem solid #C5C5C5;
    float:left;
    width:49.8%;
    text-align:center;
    }
.box_bnt2{
    width:49.8%;
    float:left;
    text-align:center;
    }
.tip-a{
    text-decoration:none;
     display:inline-block;
     width: 100%;
     line-height: 0.8rem;
     font-size: 16PX;
     color:#02a3fe;
    }
/*和包智能风控提示*/
.locTip{
	padding: 0 .75rem;
	font-size: 12PX;
	line-height: 1.4;
}
/* chenkbox */
.checkbox1{width: 0.3rem;
	height: 0.3rem;
	color: #02A3FE;
	display:inline;
	-webkit-transform: translateY(16%); }
/*滑动chenkbox*/
.checkbox{
	position: relative;
	width: .8rem;
	height: .4rem;
	display: inline-block;
  	vertical-align: middle;
}
.checkbox label {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #ccc;
	border-radius: .4rem;
	-webkit-transition: .4s;
	transition: .4s;
}
.checkbox label:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .4rem;
	height: .4rem;
	border-radius: 9999px;
	background-color: #fff;
	box-shadow: 0 0 .08rem rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.4s;
    transition: 0.4s;
}
 .checkbox  input[type='checkbox']{
 	display: none;
 }
 .checkbox input:checked + label:after {
 -webkit-transform: translateX(.4rem);
  transform: translateX(.4rem);
}
 .checkbox input:checked + label {
  background: #1bd079;
}

/*右箭头样式*/
.right-arrow{
	display: inline-block;
	width: .3rem;
	height: .3rem;
	background: url(/info/version4/H5/newwap/common/images/right.png) no-repeat center;
	background-size: contain;
}
/*眼睛开闭*/
.eye-on{
	display: inline-block;
	width: .37rem;
    height: .22rem;
    background-image: url(/info/version4/H5/newwap/common/images/eye-on.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.eye-off{
	display: inline-block;
	width: .37rem;
    height: .22rem;
    background-image: url(/info/version4/H5/newwap/common/images/eye-off.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/*从下往上弹框*/
.bounced{
	width: 100%;
	position: absolute;
	top: 36%;
	bottom: 0;
	left: 0;
	background-color: #f5f5f5;
}
.vl-ct-cot{
	position: absolute !important;
	right: .3rem;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vl-ct-cot2{
	position: absolute !important;
	right: .3rem;
	-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.vl-ct-cot3{
	position: absolute !important;
	right: .3rem;
	top: 40%;
}

/* -----------------------------------功能设置-----------------------------------*/
/* 定义盒模型为怪异盒模型（宽高不受边框影响） */
.boxSiz {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* 强制换行 */
.toWrap {
	word-break: break-all;
	/* 只对英文起作用，以字母作为换行依据。 */
	word-wrap: break-word;
	/* 只对英文起作用，以单词作为换行依据。*/
	white-space: pre-wrap;
	/* 只对中文起作用，强制换行。*/
}
/* 禁止换行 */
.noWrap {
	white-space: nowrap;
}
/* 禁止换行,超出省略号 */
.noWrapEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 文字两端对齐 */
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* 定义盒模型为 flex布局兼容写法并让内容水平垂直居中 */
.flex-center {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-o-box-pack: center;
	box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-o-box-align: center;
	box-align: center;
}
/* 单行省略 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
 }
 /* 多行省略 */
 .ellipsis-2l {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 数值代表显示几行 */
	-webkit-box-orient: vertical;
}
/*清除浮动*/
.clear {
	zoom: 1;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
}

/* 结果页 */
.res_img{
	width: 0.5rem;
	height: 0.5rem;
	vertical-align: -0.12rem;
	padding: 0 0.2rem;
}


/*-----------------------------------颜色设置-----------------------------------*/
/*默认链接*/

/*主链接*/
.c_linka,.c_linka a,a.c_linka,
a.c_gotop:hover{color:#0095cd;}
/*次链接*/
.c_linkb,.c_linkb a,a.W_linkb,
a.c_gotop{color:#a6c3cf;}
/*主文字颜色*/
.c_texta,a.W_texta{color:#666;}
/*次文字颜色*/
.c_textb,a.c_textb{color:#888;}
/*错误文字颜色*/
.c_error,.c_em{color:#f68327;}
/* 特殊字色 */
.grep1{color:#aeafaf}
.grep2{color:#5a6164}
.grep3{color:#888}
.grep4{color:#96C9E7}
.black{color:#13252e}
.orange1{color:#ff3221}
.orange2{color:#f68327}
.orange3{color:#f78b34}
.white{color:#fff}
.green{color:#65ba50}
.blue{color: #02A3FE}
.gold{color: #C99835}
/*---------------------------------布局设置-----------------------*/
.fl{float:left}
.fr {float:right}
.db{display:block;}
.dib{display: inline-block;}
.dn,.hide{display:none;}
.mt{margin: 0 auto;}
.pr{position:relative;}
.pa{position:absolute;}
.oh{white-space:nowrap;overflow:hidden;display:block;}
.em1{text-indent:1em;}
.em2{text-indent:2em;}
.em3{text-indent:3em;}
.em4{text-indent:4em;}
.lh0{line-height:0;}
.h0{height:0;}
.fs0{font-size: 0;}
.fw{font-weight:bold;}
.cp{cursor:pointer;}
.tdu{text-decoration:underline;}
.tdn{text-decoration:none;}
/* text-align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.inline{display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;}
.vm{vertical-align: middle}
.vb{vertical-align: text-bottom}
/* width */
.w40{width: 0.4rem;}
.w54{width: 0.54rem;}
.w80{width: 0.8rem;}
.w100{width: 1rem;}
.w120{width: 1.2rem;}
.w150{width: 1.5rem;}
.w170{width: 1.7rem;}
.w200{width: 2rem;}
.w220{width: 2.2rem;}
.w250{width: 2.5rem;}
.w260{width: 2.6rem;}
.w280{width: 2.8rem;}
.w300{width: 3rem;}
.w350{width: 3.5rem;}
.w380{width: 3.8rem;}
.w400{width: 4rem;}
.w480{width: 4.8rem;}
.w500{width: 5rem;}
.w_100{width: 100%;}
.w_92{width: 92%;}
.W_80{width: 80%;}
.w_60{width: 60%;}
.w_48{width: 48%;}
/* height */
.h30{height: 0.3rem;}
.h40{height: 0.4rem;}
.h54{height: 0.54rem;}
.h50{height: 0.5rem;}
.h60{height: 0.6rem;}
.h70{height: 0.7rem;}
.h80{height: 0.8rem;}
.h88{height: 0.88rem;}
.h170{height: 1.7rem;}
.h130{height: 1.3rem;}
.h150{height: 1.5rem;}
.h200{height: 2rem;}
.h330{height:3.3rem;}
.h400{height:4rem;}
.h_100{height: 100%;}

/* padding-top */
.pt20{padding-top:.2rem}
.pt30{padding-top:.3rem}
.pt180{padding-top:1.8rem}
.pt250{padding-top:2.5rem}
/* padding-bottom */
.pb20{padding-bottom:.2rem;}
.pb30{padding-bottom:.3rem}
.pb180{padding-bottom:1.8rem}
/* padding-right */
.pr20{padding-right:.2rem}
.pr30{padding-right:.3rem}
/* padding-left */
.pl20{padding-left:.2rem}
.pl30{padding-left:.3rem}
.pl60{padding-left:.6rem;}
.pl85{padding-left:.85rem;}
/* padding-top-bottom */
.ptb100{padding: 1rem 0}
.pt100_b200{padding: 1rem 0 2rem 0;}
/* margin-left */
.ml15{margin-left:.15rem}
.ml20{margin-left:.2rem}
.ml30{margin-left:.3rem}
.ml40{margin-left:.4rem}
/* margin-top */
.mt-8{ margin-top:-.08rem }
.mt5{margin-top:0.05rem}
.mt10{margin-top:0.1rem}
.mt15{margin-top:.15rem}
.mt20{margin-top:.2rem}
.mt30{margin-top:.3rem}
.mt40{margin-top:.4rem}
.mt50{margin-top:.5rem}
.mt60{margin-top:.6rem}
.mt70{margin-top:.7rem}
.mt100{margin-top:1rem}
.mt150{margin-top:1.5rem}
.mt200{margin-top:2rem}
/* margin-right */
.mr10{margin-right: 0.1rem;}
.mr15{margin-right:.15rem}
.mr20{margin-right:.2rem}
.mr30{margin-right:.3rem}
.mr90{margin-right:.9rem}
/* margin-bottom */
.mb20{margin-bottom:.2rem}
.mb30{margin-bottom:.3rem}
.mb60{margin-bottom:.6rem}
.mb1r{margin-bottom:1rem}
.mb160{margin-bottom:1.6rem}
.mb2r{margin-bottom:2rem}

.p30{padding: 0.3rem;}
.p_27_30{padding: .27rem .3rem;}
.p_10_0{padding: 0.1rem 0;}
.p_20_30{padding: 0.2rem 0.3rem;}
.mv15{margin-bottom:.15rem;margin-top: .15rem}
.mv30{margin-bottom:.3rem;margin-top: .3rem}
.mh20{margin-left:.2rem;margin-right:.2rem}
.mh30{margin-left:.3rem;margin-right:.3rem}
.ptb40{padding: 0.4rem 0}
.ptb50{padding: 0.5rem 0}
.ptb60{padding: 0.6rem 0}
/* font-size  start*/
.fz8 {font-size: 9PX;}
[data-dpr="2"] .fz8 {font-size: 18PX;}
[data-dpr="3"] .fz8 {font-size: 27PX;}
.fz10 {font-size: 10PX;}
[data-dpr="2"] .fz10 {font-size: 20PX;}
[data-dpr="3"] .fz10 {font-size: 30PX;}
.fz11 {font-size: 11PX;}
[data-dpr="2"] .fz11 {font-size: 22PX;}
[data-dpr="3"] .fz11 {font-size: 33PX;}
.fz12 {font-size: 12PX;}
[data-dpr="2"] .fz12 {font-size: 24PX;}
[data-dpr="3"] .fz12 {font-size: 36PX;}
.fz13 {font-size: 13PX;}
[data-dpr="2"] .fz13 {font-size: 26PX;}
[data-dpr="3"] .fz13 {font-size: 39PX;}
.fz14 {font-size: 14PX;}
[data-dpr="2"] .fz14 {font-size: 28PX;}
[data-dpr="3"] .fz14 {font-size: 42PX;}
.fz15 {font-size: 15PX;}
[data-dpr="2"] .fz15 {font-size: 30PX;}
[data-dpr="3"] .fz15 {font-size: 45PX;}
.fz16 {font-size: 16PX;}
[data-dpr="2"] .fz16 {font-size: 32PX;}
[data-dpr="3"] .fz16 {font-size: 48PX;}
.fz17 {font-size: 17px;}
[data-dpr="2"] .fz17 {font-size: 34PX;}
[data-dpr="3"] .fz17 {font-size: 51PX;}
.fz18 {font-size: 18PX;}
[data-dpr="2"] .fz18 {font-size: 36PX;}
[data-dpr="3"] .fz18 {font-size: 54PX;}
.fz20 {font-size: 20PX;}
[data-dpr="2"] .fz20 {font-size: 40PX;}
[data-dpr="3"] .fz20 {font-size: 60PX;}
.fz24 {font-size: 24PX;}
[data-dpr="2"] .fz24 {font-size: 48PX;}
[data-dpr="3"] .fz24 {font-size: 72PX;}
.fz26 {font-size: 26PX;}
[data-dpr="2"] .fz26 {font-size: 52PX;}
[data-dpr="3"] .fz26 {font-size: 78PX;}
.fz28 {font-size: 28PX;}
[data-dpr="2"] .fz28 {font-size: 56PX;}
[data-dpr="3"] .fz28 {font-size: 84PX;}
.fz30 {font-size: 30PX;}
[data-dpr="2"] .fz30 {font-size: 60PX;}
[data-dpr="3"] .fz30 {font-size: 90PX;}
.fz32 {font-size: 32PX;}
[data-dpr="2"] .fz32 {font-size: 64PX;}
[data-dpr="3"] .fz32 {font-size: 96PX;}
.fz40 {font-size: 40PX;}
[data-dpr="2"] .fz40 {font-size: 80PX;}
[data-dpr="3"] .fz40 {font-size: 120PX;}
.fz45 {font-size: 45PX;}
[data-dpr="2"] .fz45 {font-size: 90PX;}
[data-dpr="3"] .fz45 {font-size: 135PX;}
.fz72 {font-size: 72PX;}
[data-dpr="2"] .fz72 {font-size: 144PX;}
[data-dpr="3"] .fz72 {font-size: 216PX;}


[data-dpr="2"]  footer,[data-dpr="2"] .locTip {font-size: 24PX;}
[data-dpr="3"]  footer,[data-dpr="2"] .locTip {font-size: 36PX;}
[data-dpr="2"] .di-btn{font-size: 26PX;}
[data-dpr="3"] .di-btn{font-size: 39PX;}
[data-dpr="2"] body,[data-dpr="2"] .toast_content {font-size: 28PX;}
[data-dpr="3"] body,[data-dpr="3"] .toast_content {font-size: 42PX;}
[data-dpr="2"] .di-label,[data-dpr="2"] .di-input,[data-dpr="2"] .di-span{font-size: 30PX;}
[data-dpr="3"] .di-label,[data-dpr="3"] .di-input,[data-dpr="3"] .di-span{font-size: 45PX;}
[data-dpr="2"] .input_btn a,[data-dpr="2"] .box_title,[data-dpr="2"] .box_text,[data-dpr="2"] .tip-a {font-size: 32PX;}
[data-dpr="3"] .input_btn a,[data-dpr="3"] .box_title,[data-dpr="3"] .box_text,[data-dpr="3"] .tip-a{font-size: 48PX;}
[data-dpr="2"] .hd-title,[data-dpr="2"] .ox_text {font-size: 34PX;}
[data-dpr="3"] .hd-title,[data-dpr="3"] .ox_text {font-size: 51PX;}

/* font-size  end*/

/* border */
.bdt1{border-top: 1px solid #e6e6e6;}
.bdb1{border-bottom: 1px solid #e6e6e6;}
/* line-height */
.lh12{line-height: 1.2rem;}
.lh13{line-height: 1.3rem;}
.lh14{line-height: 1.4rem;}
.lh15{line-height: 1.5rem;}
.lh2{line-height: 2rem;}
.lh46{line-height: 0.46rem;}
.lh88{line-height: 0.88rem;}
.lh70{line-height: 0.7rem;}
.lh60{line-height: 0.6rem;}
.lh80{line-height: 0.8rem;}
/* background-color */
.bgc1{background-color: #fff;}
.bgc2{background-color:#ff4683;}
.bgc3{background-color: #F5F5F5;}
.bd{border-style:dotted;}
.ov_atuo{overflow: auto;position: absolute;top: 10%;bottom:0; }
/* 垂直居中布局设置  父元素需设置relative*/
.vl-ct-left{
	position: absolute !important;
	top: 50%;
	left: .3rem;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vl-ct-right{
	position: absolute !important;
	top: 50%;
	right: .3rem;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  top: 0.06rem;
  background: #fff url(/info/version4/H5/newwap/authorization/images/selected_no.png);
  background-size: 100% 100%;
  -webkit-border-radius: 0.01rem;
  -moz-border-radius: 0.01rem;
  border-radius: 0.01rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
   height: 0.32rem;
   width: 0.32rem;
   border: 0px;
  }
  input[type="checkbox"]:checked {
    background: #fff url(/info/version4/H5/newwap/authorization/images/selected_icon.png);
    background-size: 100% 100%;
    width: 0.32rem;
  	height: 0.32rem;
  	border: none;
  }
input[type="checkbox"]:checked::after {
    content: '';
    background: #fff url(/info/version4/H5/newwap/authorization/images/selected_icon.png);
    background-size: contain;
    display: block;
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
  }
input[type="checkbox"]:focus {
  outline: none;
  border-color:#C99835;
  }
input[disabled]{
	background-color:#fff;
}
html input[disabled] {
	cursor: default;
}

input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset;}
/**
 * Toast
 */
.toast_wrap {
  position:fixed;
  z-index:1000;
  left:0;
  top:0;
  right:0;
  bottom:0;
}
.toast_content {
  position:fixed;
  z-index:2;
  left:50%;
  bottom:35%;
  color:#fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding:0.2rem 0.4rem;
  font-size: 14px;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
[data-dpr="2"] .toast_content {font-size: 28px;}
[data-dpr="3"] .toast_content {font-size: 42px;}
/*缴纳党费头部样式 */
.header-party{
	position: relative;
	height: 1rem;
	background-color: white;
}
.hd-h1-party{
	font-size: .4rem;
	text-align: center;
	color: rgb(19, 37, 46);
	line-height: 1rem;
}
.hd-back-party{
	position: absolute;
	left: .3rem;
	top: 50%;
	width: .44rem;
	height: .44rem;
	margin-top: -.22rem;
	background: url(/touchpad/images/back.png) no-repeat ;
	background-size: contain;
}
.header_mb{
	margin-bottom: 0.3rem;
}
.activeDIV{
	background-image: linear-gradient(-160deg, #ECC988 0%, #DFBA6E 100%);
    border-radius: 10px;
    width: 6.9rem;
    height: 0.9rem;
    text-align: center;
    line-height: 0.9rem;
    margin: 0rem auto;
    margin-top: 0.8rem;
    font-size: 0.32rem;
    color: #FFFFFF;
    border: 0px;
}
.activeDIVDis{
	/*background-image: linear-gradient(-160deg, #ECC988 0%, #DFBA6E 100%);*/
	background-color: #D8D8D8;
    border-radius: 10px;
    width: 6.9rem;
    height: 0.9rem;
    text-align: center;
    line-height: 0.9rem;
    margin: 0rem auto;
    margin-top: 0.8rem;
    font-size: 0.32rem;
    color: #FFFFFF;
    border: 0px;
}
.close{
    display: none;
    float: right;
    margin-top: 0.34rem;
    background-size: cover;
    background-repeat: no-repeat;
    width: 0.32rem;
    height: 0.32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEUAAAC/v7+/v7+/v7+/v7/Z2dm/v7++vr7AwMC+vr7BwcG+vr7o6Oj////m5uby8vLJXHf8AAAAC3RSTlMA88OWGAbj2YFHLa6WnTYAAAC1SURBVCjPYwCDSKNCceWpDHDgLL0bCDaawPgRQD5YpBXCZ9HeDQWbHMACy3bDQRZYQTZCYBtISdBuJKAKFOhGFtgB1CGNLLDRgYF5NwowYAgEUf9AxHsQIcowG0S9Pb179557INZOBmsQtefO7t1nT4NYmxlAzgTxgGJgxzJU74YogSjYvZ0BauvZO1B7MQQwtGAYimEthsMwnI7hOQzvowcQRhBiBDJ6NGBEFGZUYkY2RnIAAHzpIKqNbq+aAAAAAElFTkSuQmCC);
}
.d-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.input-flex{
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* Toast提示 */
.toast-model {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.toast-model .toast-content {
  padding: 0.32rem ;
  max-width: 5rem;
  background-color: #000;
  opacity: 0.7;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  margin-top: 5.5rem;
}
[data-dpr="1"] .toast-model .toast-content {
  font-size: 16PX;
}
[data-dpr="2"] .toast-model .toast-content {
  font-size: 32PX;
}
[data-dpr="3"] .toast-model .toast-content {
  font-size: 48PX;
}
/* loading */
.loadImg {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.loadDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  background: rgba(0,0,0,0.5);
  text-align: center;
  color: #FFF;
  border-radius: 0.08rem;
}
.loadImg img {
  width: 0.8rem;
  height: 0.8rem;
}

/* 客户端弹窗 */
.popupWap{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.26);

}
.popupFlex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.layerWap{
  position: relative;
  z-index: 9999;
  width: 6.16rem;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: 0.1rem;
  text-align: center;
}
.layerWapBody{
  min-height: 1.08rem;
  border-bottom: 1px solid #DBDBDB;
  color: #13252E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0.3rem;
}
.layerWapfoot{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 0.98rem;
  line-height: 0.98rem;
  color: #13252E;
}
.footbtn{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border-right: 1px solid #DBDBDB;
}
.btnR{
  border-right: none;
}
.btnYellow {
    color: #C99835;
}