.bg-c-eee{background: #eee;}
.box-shadow{
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3);
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3);
  box-shadow:0 0 5px rgba(0, 0, 0, .3);
}
.body-height{height:100%;}

/* 弹窗 */
.mask{position:absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,.8);}
.tc-box{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:99;width:6.79rem;height:4.12rem;background: url("../../static/jlimage_new/tc_01.png") no-repeat;background-size: cover;}

/* 证件管家列表 */
.certificate-box{display:flex;justify-content:space-between;width:7.09rem;height:2.15rem;padding:.3rem .23rem .3rem .3rem;margin: .3rem auto;background: #599eff;border-radius: 6px;box-sizing: border-box;}
.certificate-box.bg-00cfbe{background: #00cfbe;}
.certificate-box.bg-f49916{background: #f49916;}
.certificate-box.bg-7e78f9{background: #7e78f9;}
.certificate-box.bg-2b3d4f{background: #2b3d4f;}
.certificate-box.bg-f86767{background: #f86767;}
.certificate-box.bg-575ff9{background: #575ff9;}
.certificate-box .icon-list{display: inline-block;width:.84rem;height:.84rem;background: url("../../static/jlimage_new/icon_list.png") no-repeat;background-position: 0 0;background-size: cover;}
.certificate-box.bg-00cfbe .icon-list{background-position: -.84rem 0;}
.certificate-box.bg-f49916 .icon-list{background-position: -1.68rem 0;}
.certificate-box.bg-7e78f9 .icon-list{background-position: -2.52rem 0;}
.certificate-box.bg-2b3d4f .icon-list{background-position: -3.36rem 0;}
.certificate-box.bg-f86767 .icon-list{background-position: -4.2rem 0;}
.certificate-box.bg-575ff9 .icon-list{background-position: -5.04rem 0;}
.certificate-box .infor-right{width:83%;}
.certificate-box .infor-right .infor-right-top{}
.certificate-box .infor-right-top p:first-of-type{position:relative;}
.certificate-box .infor-right-top .title{font-size:.24rem;color:rgba(255,255,255,.8);}
.certificate-box .infor-right-top .is-binding{position:absolute;top:2px;right:0;display:inline-block;width:1.18rem;height:.33rem;line-height: .33rem;text-align: center;font-size:.24rem;color:rgba(161,200,255,.8);background: #307de9;border-radius: .17rem;}
.certificate-box .infor-right-top .pinless{position:absolute;top:.1rem;right:0;display: inline-block;width:1.18rem;height:.6rem;line-height: .6rem;text-align: center;font-size:.28rem;color:#fff;border:2px solid #16e8d5;border-radius: 6px;}
.certificate-box.bg-f49916 .infor-right-top .pinless{border-color:#fdda62;}
.certificate-box.bg-7e78f9 .infor-right-top .pinless{border-color:#a19cff;}
.certificate-box.bg-2b3d4f .infor-right-top .pinless{border-color:#43617f;}
.certificate-box.bg-f86767 .infor-right-top .pinless{border-color:#ff9c9c;}
.certificate-box.bg-575ff9 .infor-right-top .pinless{border-color:#a6aaff;}
.certificate-box .infor-right-top .certificate-name{margin-top:.05rem;font-size:.36rem;color:#fff;}
.certificate-box .infor-right-bottom{display:flex;justify-content:space-between;margin-top:.35rem;}
.certificate-box .infor-right-bottom .certificate-code{font-size:.3rem;color:rgba(255,255,255,.8);}
.certificate-box .infor-right-bottom .untie{font-size:.24rem;}

/* 电子证照信息 */
.import-infor-box{;background: #fff;}
.import-infor-box .list-box{display:flex;justify-content: space-between;align-items:center;height: .98rem; padding: 0 .3rem;text-align: left;color: #000;background-color: #fff;overflow: inherit;box-sizing: border-box;}
.import-infor-box .list-box .list-label{font-size: .32rem;color: #666;text-align: left;}
.import-infor-box .list-box .list-control{width:70%;}
.import-infor-box .list-box .list-control input{-webkit-appearance: none;width: 100%;text-align:right;font-size: .32rem;color:#000;background: #fff;}
.btn-box{margin:.4rem .3rem;height:.9rem;text-align:center;line-height:.9rem;font-size:.4rem;color:#fff;background: #3ea3fe;border-radius: 5px;}
.btn-box.active{background: #2284dd;}

/* 扫脸信息 */
.sweep-face{margin:.3rem auto 0;}
.face-box{width:5.5rem;height:4.49rem;margin:0 auto .3rem;}
.sweep-face img{width:5.5rem;height:4.49rem;}
.sweep-face .section{text-align:center;font-size:.28rem;color:#666;}
.loading-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;width:6.87rem;height:1.59rem;background: #fff;border-radius: 5px;}
.loading-box .loading{display:flex;justify-content: space-between; align-items: center;height: 100%;margin:0 .3rem;}
.loading-box .icon-load{display:inline-block;width:.97rem;height:.97rem;margin-right:.3rem;background: url("../../static/jlimage_new/icon_loading.png") no-repeat;background-size: cover;}
.loading-box .load-title{width:80%;font-size:.34rem;color:#000;}


/* 证件样式 */
.electronic-certificate-box .section-box{}
.electronic-certificate-box .section-box .section{display:inline-block;}
.electronic-certificate-box .section{display:flex;margin-bottom:.28rem;font-size:.24rem;}
.electronic-certificate-box .section .label{width:.7rem;margin-right:.3rem;color:#4ea8e6;}
.electronic-certificate-box .section .content{color:#000;}
.electronic-certificate-box .section .mg-r-10{margin-right:.1rem;}
.electronic-certificate-box .section.address-box .content{width:85%;}
.electronic-certificate-box .section.identity-box{position:absolute;bottom:.5rem;margin-bottom:0;}
.electronic-certificate-box .section.identity-box .label{width:1.7rem;}
.electronic-certificate-box .section.issue-date .label{width:1.2rem;}
.electronic-certificate-box .section.bottom-80{bottom:.8rem;}

.ewm-box{position:relative;width:2.39rem;height:2.39rem;margin:.4rem auto;}
.ewm-box img{width:2.39rem;height:2.39rem;}
.ewm-box .refresh-box{position:absolute;top:0;width:100%;height:100%;text-align:center;font-size:.3rem;color:#3ea3fe;background: rgba(255,255,255,.89);}
.ewm-box .refresh-box img{width:1.29rem;height:1.19rem;margin:.3rem 0;}
.ewm-box .qr-code img{width:2.39rem!important;height:2.39rem!important;}

/* 身份证 */
.sfz-box{position:relative;width:7.08rem;height:4.06rem;padding:.3rem;margin:.3rem auto 0;border-radius: 5px; background: url("../../static/jlimage_new/sfz.png") no-repeat;background-size: cover;box-sizing: border-box;}
.sfz-box .photo{position:absolute;top:.3rem;right:.3rem;width:1.4rem;height:1.68rem;}
.sfz-box .section-box .section:first-of-type{margin-right:.95rem;}

/* 港澳通行证 */
.hkm-permit{justify-content:center;width:7.08rem;height:4.16rem;padding:.3rem;margin:.3rem auto 0;font-size:.24rem;border-radius:5px;background: url("../../static/jlimage_new/HKM_permit.png") no-repeat;background-position: center;background-size: cover;box-sizing: border-box;}
.hkm-permit .caption{margin-bottom:.2rem;text-align: center;font-weight:bold;font-size:.3rem;}
.hkm-permit .caption .title{position:relative;padding-left:.58rem;margin-right:.43rem;text-align: center;color:#254766;}
.hkm-permit .caption .title::before{content:'';position:absolute;bottom:1px;left:0;width:.48rem;height:.3rem;background: url("../../static/jlimage_new/icon.jpg") no-repeat;background-position: center;background-size: cover;}
.hkm-permit .date-sex span{display: block;}
.hkm-permit .photo {padding-top:10px;}
.hkm-permit .photo img{width:1.4rem;height:1.68rem;}
.hkm-permit .infor-two {display: flex;flex-direction: column;width:20%;}
.hkm-permit .infor-two img{width:.56rem;height:.72rem;margin-bottom:.15rem;margin-left:.15rem;}
.hkm-permit .footer {margin-top:.15rem;font-size:.24rem;text-align: center;}

/* 台湾通行证 */
.tw-permit{justify-content:center;width:7.08rem;height:4.16rem;padding:.3rem;margin:.3rem auto 0;font-size:.24rem;border-radius:5px;background: url("../../static/jlimage_new/TW_permit.png") no-repeat;background-position: center;background-size: cover;box-sizing: border-box;}
.tw-permit .caption{margin-bottom:.2rem;text-align: center;font-weight:bold;font-size:.3rem;}
.tw-permit .caption .title{position:relative;padding-left:.58rem;margin-right:.43rem;text-align: center;color:#254766;}
.tw-permit .caption .title::before{content:'';position:absolute;bottom:1px;left:0;width:.48rem;height:.3rem;background: url("../../static/jlimage_new/icon.jpg") no-repeat;background-position: center;background-size: cover;}
.tw-permit .date-sex span{display: block;}
.tw-permit .photo {padding-top:10px;}
.tw-permit .photo img{width:1.4rem;height:1.68rem;}
.tw-permit .infor-two {display: flex;flex-direction: column;width:20%;}
.tw-permit .infor-two img{width:.56rem;height:.72rem;margin-bottom:.15rem;margin-left:.15rem;}
.tw-permit .footer {margin-top:.15rem;text-align: center;font-size:.24rem;}

/* 护照 */
.passPort02{position:relative;width:100%;height:5.52rem;padding:.2rem .17rem .17rem;font-size:.22rem;border-radius:5px;box-sizing:border-box;background: url("../../static/jlimage_new/passport.png");background-repeat: no-repeat;background-position: center;background-size: cover;justify-content:center;}
.borer-footer{border-bottom:16px solid #fffef6;}

.passPort02 .infor .photo{position:absolute;top:1.8rem;left:.21rem;}
.passPort02 .infor .photo img{width:1.52rem;height:1.97rem;}

.passPort02 .infor .type-code p:nth-of-type(1){position:absolute;top:1rem;left:1.8rem;}
.passPort02 .infor .type-code p:nth-of-type(2){position:absolute;top:1rem;left:3rem;}
.passPort02 .infor .person-name{position:absolute;top:1.7rem;left:1.8rem;}
.passPort02 .infor .person-name span{display: block;}

.passPort02 .infor .sex-country p:nth-of-type(1){position:absolute;top:2.75rem;left:1.8rem;}
.passPort02 .infor .sex-country p:nth-of-type(2){position:absolute;top:2.75rem;left:3rem;}
.passPort02 .infor .birthplace{position:absolute;top:3.45rem;left:1.8rem;}

.passPort02 .infor .issueplace{position:absolute;top:4.15rem;left:1.8rem;}
.passPort02 .infor .authority{position:absolute;bottom:.16rem;left:1.8rem;}
.passPort02 .infor .authority span{display: block;}
.passPort02 .infor .passport-no{position:absolute;top:1rem;right:1.13rem;color:#a96757;}
.passPort02 .infor .small-photo{position:absolute;top:1.55rem;right:1.5rem;width:.6rem;height:.78rem;}
.passPort02 .infor .date-birth{position:absolute;top:2.75rem;right:.9rem;}
.passPort02 .infor .date-issue{position:absolute;top:3.45rem;right:.83rem;}
.passPort02 .infor .date-expiry{position:absolute;top:4.15rem;right:.83rem;}
.passPort02 .infor .licensee-signature{position:absolute;bottom:.42rem;right:1.42rem;}
.passPort02 .footer-num{position:absolute;bottom:.27rem;left:.44rem;text-align: center;font-size:.2rem;}

.passPort02 .infor .vertical-con{position:absolute;top:1.75rem;right:.2rem;width:3%;text-align: center;}
.passPort02 .infor .text-vertical{font-size:.24rem;color:#000;-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}

/* 行驶证 */
.vehicleLicense-one,.vehicleLicense-two{box-sizing:border-box;padding:.28rem .2rem .23rem;font-size:.24rem;border-radius:8px;background: url("../../static/jlimage_new/vehicle_license.png");background-repeat: no-repeat;background-position: center;background-size: cover;justify-content:center;}
.vehicleLicense-one .caption{margin-bottom:.2rem;text-align:center;}
.vehicleLicense-one .caption span{display:block;}
.vehicleLicense-one .border-dashed,.vehicleLicense-two .border-dashed{display:inline-block;width:50%;text-align:center;border-bottom:1px dashed #000;}
.vehicleLicense-one .red-box{width:1.51rem;height:1.51rem;padding:.1rem;margin-top:.13rem;line-height:1.7;text-align:center;color:#ee5e46;box-sizing:border-box;border:2px solid #ee5e46;border-radius: 3px;}
.vehicleLicense-one .red-box span{display: block;}
.vehicleLicense-two .note{width:90%;height:.98rem;line-height:.5rem;box-sizing:border-box;font-size:.24rem;background: url("../../static/jlimage_new/dashed02.png");background-repeat: no-repeat;background-position: center;background-size: cover;justify-content:center;}
.vehicleLicense-two  .bar-code{position:relative;text-align: right;}
.vehicleLicense-two  .bar-code img{width:3.29rem;height:.65rem;}
.vehicleLicense-two  .bar-code .state{position: absolute;top:0;left:0;}
.vehicleLicense-two  .bar-code .state span{color:#ff2400;}

/* 驾驶证 */
.driverLicense-one{justify-content:center;position:relative;padding:.28rem .3rem .23rem;font-size:.24rem;border-radius:8px;box-sizing:border-box;background: url("../../static/jlimage_new/driverLicense01.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.driverLicense-two{justify-content:center;padding:.28rem .3rem .23rem;border-radius:8px;font-size:.24rem;background: url("../../static/jlimage_new/driverLicense02.png");background-repeat: no-repeat;background-position: center;background-size: cover;box-sizing:border-box;}
.driverLicense-one .caption span,.driverLicense-two .caption span{display: block;text-align: center;}
.driverLicense-one .card-number,.driverLicense-two .card-number {display: inline-block;width:.71rem;height:.34rem;margin-right:5px;color:#fff;text-align: center;background-color: #bac3c7;}
.driverLicense-one .border-dashed,.driverLicense-two .border-dashed{display:inline-block;width:50%;text-align:center;border-bottom:1px dashed #000;}
.driverLicense-one .address{position:relative;display:flex;font-size:.24rem;box-sizing:border-box;border-radius:5px;background: url("../../static/jlimage_new/dashed.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.driverLicense-one .border-address{line-height:.6rem;}
.driverLicense-one img{position:absolute;right:.1rem;width:1.52rem;height:1.97rem;}
.driverLicense-one .red-box{width:1.51rem;height:1.51rem;padding:.16rem .1rem;margin-top:.13rem;line-height: 1.7;color:#ee5e46;border:2px solid #ee5e46;border-radius: 3px;box-sizing:border-box;}
.driverLicense-one .red-box span{display: block;}
.driverLicense-one .border-box{display:inline-block;width:2.12rem;height:.4rem;margin-left:5px;text-align:center;line-height: .4rem;border:1px solid #797e78;}
.driverLicense-two .record{display:flex;justify-content:center;position:relative;height:2.24rem;margin-top:.1rem;font-size:.24rem;box-sizing:border-box;border-radius:5px;background: url("../../static/jlimage_new/dashed01.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.driverLicense-two .record .title{position: absolute;left:0;}
.driverLicense-two .border-record{text-indent:1rem;word-break:break-all;line-height:.6rem;}
.driverLicense-two  .bar-code{position:relative;margin-top:.15rem;text-align: right;}
.driverLicense-two  .bar-code img{width:3.29rem;height:.65rem;}
.driverLicense-two  .bar-code .state{position: absolute;top:0;left:0;}
.driverLicense-two  .bar-code .state span{color:#ff2400;}
.driv-detail-btn{text-align: right;}
.driv-detail-btn .btn-border-orange{height:.5rem;padding:0 .2rem;color:#fdb03a;border:1px solid #fdb03a;border-radius: .4rem;outline:none;}

@media (max-device-width:320px) {
  .driverLicense-one .red-box,.vehicleLicense-one .red-box{padding:.1rem 0;line-height: 1.5;}
  .record-date{width:29%!important;}
}


@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2018-07-09 21:43:38
 * @version $Id$
 */
*{padding:0;margin:0;border: 0; list-style: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-margin-before: 0;-webkit-margin-after: 0;}
/* （10/16*100%），则1rem = 10px */
html{width:100%;height:100%;-webkit-text-size-adjust: 100%;/* font-size:62.5%;禁止文本缩放 */}

body {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "HanHei SC", "Source Han Sans", "Hiragino Sans GB", "STHeiti Light", "Helvetica", "Microsoft YaHei", "Arial", "Verdana", "sans-serif";
  background-color: #fff;
  line-height: initial;
}

ul, ul li, ol li, li {	list-style:none;}
table {	border-collapse: collapse;border-spacing: 0;}
input, textarea {padding:0; margin:0;border: 0;	outline: none;-webkit-appearance: none;/*去掉内部阴影*/}
input[type=input]{-webkit-appearance:none;}/*移除ios样式*/
input[type=checkbox]{-webkit-appearance:checkbox;}
/*去除a标签的虚线框*/
*:not(input,textarea) {  -webkit-touch-callout: none;  -webkit-user-select: none; -ms-user-select: none; }
a {blr:expression(this.onFocus=this.blur()); outline: none; text-decoration:none;}

/* 公用样式 */
.clearfix:after {content: ".";visibility: hidden;display: block;font-size: 0;clear: both;height: 0;}
::-webkit-input-placeholder{ color:#999;}
.fr {float: right;}
.fl {float: left;}
.none{display:none;}
.dsb{display: block;}
.dsinb{display: inline-block;}
/*.box{ width:100%; display:-webkit-box; display:box; text-align:left;}*/
.main{width: 100%;margin-top: 1rem;background-color: #fff; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
/* 圆角按钮 */
.round-button{width:4rem;height:.88rem;margin:0 auto;line-height:.88rem;text-align:center;font-size:.36rem;color:#fff;border-radius:.44rem;}
/* 背景色 */
.bag-white{background-color: #fff;}
.bag-red{background-color: #ff0000;}
.bag-blue{background-color: #0079e1;}
.bag-blueO{background-color: #23a5ef;}
.bag-blue1{background-color: #86b9fa;}
.bag-green{background-color: #289d25;}
/* 字体对齐缩进 */
.text-in{text-align: justify;text-indent: .6rem;}

/* margin padding */
.mar-tb-20{margin: .2rem 0;}
.mar-rl-20{margin: 0 .2rem;}
.mar-t-10{margin-top:.1rem;}
.mar-t-15{margin-top:.15rem;}
.mar-t-20{margin-top:.2rem;}
.mar-t-25{margin-top:.25rem;}
.mar-t-30{margin-top:.3rem;}
.mar-t-90{margin-top:.9rem;}
.mar-r-5{margin-right:.05rem;}
.mar-r-10{margin-right:.1rem;}
.mar-r-20{margin-right:.2rem;}
.mar-r-30{margin-right:.3rem;}
.mar-r-40{margin-right:.4rem;}
.mar-r-50{margin-right:.5rem;}
.mar-r-80{margin-right:.8rem;}
.mar-b-5{margin-bottom:.05rem;}
.mar-b-10{margin-bottom:.1rem;}
.mar-b-15{margin-bottom:.15rem;}
.mar-b-17{margin-bottom:.17rem;}
.mar-b-20{margin-bottom:.2rem;}
.mar-b-25{margin-bottom:.25rem;}
.mar-b-32{margin-bottom:.32rem;}
.mar-b-88{margin-bottom:.88rem;}
.mar-b-90{margin-bottom:.9rem;}
.mar-l-10{margin-left:.1rem;}
.mar-l-30{margin-left:.3rem;}
.mar-l-40{margin-left:.4rem;}
.mar-l-108{margin-left:1.08rem;}

.pd-tb-5{padding: .05rem 0;}
.pd-t-5{padding-top: .05rem;}
.pd-t-20{padding-top: .2rem;}
.pd-t-25{padding-top: .25rem;}
.pd-t-35{padding-top: .35rem;}
.pd-r-20{padding-right: .2rem;}
.pd-b-5{padding-bottom: .05rem;}
.pd-l-5{padding-left:.05rem;}
.pd-l-25{padding-left:.25rem;}
.pd-l-50{padding-left:.5rem;}
.pd-l-70{padding-left:.7rem;}
.pd-l-100{padding-left:1rem;}

/* 标题前竖线条 */
.line{position: relative;padding-left:.27rem;}
.line::before{content:"";position: absolute;top:10%;left:0;width:.06rem;height:.3rem;}
.green::before{background-color: #22b773}
.blue::before{background-color: #199edc;}
.yellow::before{background-color: #ffb21d;}
.white::before{background-color:#fff;}

/* 字体颜色 */
.c-000{color:#000;}
.c-fff{color:#fff;}
.c-333{color:#333;}
.c-666{color:#666;}
.c-999{color:#999;}
.c-254766{color:#254766;}
/* 字体大小 */
.ft-s-12{font-size:10px;}
.ft-s-14{font-size:.14rem;}
.ft-s-18{font-size:.18rem;}
.ft-s-20{font-size:.2rem;}
.ft-s-22{font-size:.22rem;}
.ft-s-24{font-size:.24rem;}
.ft-s-26{font-size:.26rem;}
.ft-s-28{font-size:.28rem;}
.ft-s-30{font-size:.3rem;}
.ft-s-32{font-size:.32rem;}
.ft-s-36{font-size:.36rem;}
/* 字体对齐 */
.text-c{text-align:center;}
/* flex */
.flex{display: flex;}
.flex-01{flex: 1;}
.flex-02{flex: 2;}
.flex-03{flex: 3;}
.jus-con-start{justify-content:flex-start;}
.jus-con-end{justify-content:flex-end;}
.flex-jus-con{display:flex;justify-content: space-between;}
.al-ite-cen{align-items:center;}
/* 边框线 */
.border{border-bottom:1px solid #dedede;}
/* 文字省略号 */
.text-ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.border-radius{border-radius:5px;}
.overflow-h{overflow:hidden;}

/* 宽度 */

.w-30{width:30%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-80{width:80%;}