@charset "utf-8";
/* CSS Document */
body{ background:#d1e8fc;}
.layui-form-label{ width:120px; text-align: left; padding-left:0; padding-right:10px;}
.layui-input-block{ margin-left:120px;}



.step-line{background:#fff;/* box-shadow:0 8px 20px rgba(0,0,0,0.2);*/}


.step-box-int{ text-align:center;display: -webkit-box;display: box; padding:12px 0; position:relative;}
.step-box-int dl{ width:25%;-webkit-box-flex: 1;box-flex: 1; position:relative; z-index:2; color:#999;}
.step-box-int dl:nth-child(7){
    width: 15%;
}
.step-box-int dl:nth-child(5){
    width: 25%;
}
.step-box-int dl dt{ margin-bottom:8px;}
.step-box-int dl dd{ display:inline-block; width:22px; height:22px; line-height:22px; color:#fff; background:#ccc; border-radius:50%;}
.step-box-int dl.act{ color:#005bac;}
.step-box-int dl.stepend{ color:#333;}
.step-box-int dl.act dd{ background:#005bac;}
.step-box-int dl dd .step-ico{ display:none;}
.step-box-int dl dd .step-num{ font-size:12px; font-weight:bold;}
.step-box-int dl.stepend dd{background:#005bac;}
.step-box-int dl.stepend dd .step-ico{ display:block;}
.step-box-int dl.stepend dd .step-num{ display:none;}
.step-box-int:after{content: ""; width:84%; height:1px; background:#ccc; display:block; position:absolute; left:50%; top:46px;margin-left: -42%; z-index:0;}

.main{ padding:12px 12px 0 12px; margin-bottom:60px;}

.first-step{padding:14px;background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.2) 0) no-repeat 100% 0 / 3em 3em, linear-gradient(-135deg, transparent 2.1em, #fff 0); margin-bottom:10px;}
.r-arrow{ background:#58a;}
.f-title{ font-size:16px; font-weight:bold; color:#005bac; margin-bottom:20px;}
.f-title .layui-icon{ margin-right:5px;}

/*选择方案*/
.project-col{border-bottom:1px solid #e2e2e2; margin-bottom:20px; padding-bottom:10px; }
.pj-tl{ margin-bottom:5px;}
.project-tab{ margin-bottom:10px;}
.j-tab-nav{ margin-left:0; font-size:0;}
.j-tab-nav li{width:32%; display:inline-block; vertical-align:middle; margin-right:2%;text-align:center; line-height:38px;}
.project-cell{ display:none;}

.j-tab-nav li:last-child{ margin-right:0;}
.j-tab-nav li .layui-anim.layui-icon{ display:none;}
.j-tab-nav li .layui-form-radio{ padding:0; margin:0; width:100%; border:1px solid #ccc;}
.j-tab-nav li.current .layui-form-radio{ border:1px solid #005bac; background:#005bac; color:#fff;}

.phone-code{ position:relative;}
.phone-code .layui-input{ width:50%;}
.phone-code .get-code{ display:inline-block; background:#005bac; color:#fff; width:48%; height:100%; position:absolute; right:0; top:0; padding:0 10px; text-align:center; line-height:38px;}
#idcode.active{color:#fff;background: #ccc;}

.btn-bar{ position:fixed; bottom:0; left:0; width:100%; background:#005bac;z-index: 10;}
.btn-bar-col{text-align:center;display: -webkit-box;display: box;}
.btn-bar-col a{ display:block;width:50%;-webkit-box-flex: 1;box-flex: 1; font-size:15px; color:#fff; padding:12px 0;}
.btn-bar-col a.mybtn-0{ background:#0f77d4;}
.btn-bar-col a.mybtn-1{ background:#005bac;}


/*第三步*/
.confir-cell{ background:#fff; border-radius:8px; margin-bottom:10px;}
.confir-tl{ border-bottom:1px solid #e2e2e2; line-height:38px; padding:0 10px;}
.confir-tl .layui-input-block{ margin-left:0;}
.confir-tl span{ display:inline-block; vertical-align:middle; color:#f49a14; font-size:14px;}

.confir-box{ padding:10px;}
.confir-hd{ border-bottom:1px solid #e2e2e2; padding-bottom:10px; margin-bottom:10px; position:relative;}
.confir-hd dl{width:70%;}
.confir-hd dl dt{ font-size:16px; margin-bottom:8px;}
.confir-hd dl dd i{ margin:0 8px; color:#ccc;}
.confir-price{ position:absolute; right:0; top:0; font-size:18px; font-weight:bold; color:#2f7dde}
.confir-bd{ text-align:right;}

.read-agree .layui-input-block{ margin-left:0; position:relative;}
.read-agree .layui-form-checkbox{ position:absolute; left:0; top:0;}
.read-agree .layui-form-checkbox[lay-skin=primary] i{ width:20px; height:20px; line-height:20px;}
.read-agree .read-text{ line-height:22px; font-size:14px; text-indent:25px; display:inline-block;}


/*日期*/
.getDateBox .choiceDateTitle{ height:40px !important; line-height:40px !important;}
.getDateBox .choiceDateTitle button{ font-size:14px !important; padding:0 4% !important;}
#yearwrapper ul li, #monthwrapper ul li, #daywrapper ul li{font-size:14px !important;}


/*第四步*/
.endstep{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/endbg.jpg) no-repeat center; background-size:cover;}

.endstep-hd{ padding:10% 5% 5% 5%;}
.endstep-hd dl dt{ width:40%; margin:0 auto 10px;}
.endstep-hd dl dd{ text-align:center;}
.endstep-hd dl dd h3{ font-size:22px; font-weight:bold; margin-bottom:8px;}
.endstep-hd dl dd p{ font-size:18px; font-weight:bold; color:#333;}

.endstep-bd{ padding:0 4%;}
.endstep-bd-int{ padding:4% 2%; border:1px solid rgba(0,91,172,0.38); background:rgba(0,91,172,0.08); text-align:center;}
.endstep-bd-int dl dt{ font-size:18px; font-weight:bold;margin-bottom:8px;}
.endstep-bd-int dl dd span{ display:inline-block; background:#ec7802; color:#fff; font-size:18px; padding:2px 15px; border-radius:150px; margin-bottom:8px;}
.endstep-bd-int dl dd p{ font-size:16px; color:#333;}

.endstep-ft{ position:absolute; bottom:12%; left:0; width:100%; text-align:center; line-height:28px;}
.endstep-ft-p1{ font-size:14px;}
.endstep-ft-p2{ font-size:20px;}



/*下拉框样式*/
.mylay-select select{  outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;  height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;display: block;
    width: 100%;
    padding-left: 10px;    border-color: #e6e6e6;}



/*添加被保人*/
.add-map{  margin-bottom:60px; padding:0 12px;}
.add-map a{ display:block;border:1px solid #dcdcdc; background:#fff; color:#999; text-align:center; padding:15px 0;}



/*2018712项目2*/
.myui-form dl{border-bottom:1px dotted #e2e2e2; padding-bottom:15px; padding-top:15px;margin-bottom: 10px;}
.choose-tl{ margin-right:10px; position:absolute; top:0; left:0; display:block; width:20px; height:20px; background:#005bac; color:#fff; border-radius:50%; text-align:center; font-weight:bold}
.myui-form dl:last-child{ border-bottom:0; padding-bottom:0; padding-top:20px;}
.myui-form dl dt{ font-size:16px; margin-bottom:10px; position:relative;padding-left:25px; }
.myui-form dl dd{}
.myui-form dl dd .layui-form-radio{ width:100%; padding-right:0;}
.myui-form dl dd p{ font-size:16px; margin:5px 0;padding-left:25px; }

.consum-order h3{ font-weight:bold; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.consum-order .layui-form-item { border-bottom:1px dotted #dcdcdc; margin-bottom:0; padding:8px 0; line-height:24px;}
.consum-order .layui-form-item:last-child{ border-bottom:0; }
.consum-order .layui-form-label{ padding:0; width:100%; display:block; float:none;}
.consum-order .layui-input-block{ margin:0; min-height:inherit; font-size:14px; color:#111; font-weight:bold;}
.consum-order .layui-input-block .monyepay{ color:#ee8907}

.endstep-main{ padding-top:20%;}




.f-tabb{display: flex;display: -webkit-flex;}
.ft-cell{flex:1;width: 25%;padding:4px;}
.ft-cell a{display: block;border: 1px solid #e2e2e2;background: #ccc;height: 100%;padding: 5px;color: #fff;border-radius: 5px;position: relative;}
.ft-cell a.act{background: #005bac;}
.ft-cell a.act:after{content: '';display: block;width: 0;
height: 0;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: #005bac transparent transparent transparent;position: absolute;left: 50%;bottom: -9px;transform: translateX(-50%);}

.myui-form dl dd .show-form{padding: 10px;border: 1px solid #e2e2e2;border-radius: 3px;display: none;}
.myui-form dl dd .show-form .layui-form-item:last-child{margin-bottom: 0;}
.myui-form dl dd .nimei{display: block;}


.myinfom h3{ font-weight:bold; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}
.scond-tl{font-size: 14px;font-weight:bold;padding: 5px;background: #98ccfa;color: #fff;margin-top: 10px;margin-bottom: 10px;}

.myinfom .diunima .layui-form-label{float: left;width: 120px;}

.jiashu {padding-top: 10px;border-top: 1px dotted #e2e2e2;}
.jiashu .js-tl{font-size: 12px;font-weight: bold;margin-bottom: 10px;}

.mmk{line-height: 36px;color: #333;}
.min-all{color: #d91111}

.pdf-btn{padding:30px  20px;}
.pdf-btn a{display: block;font-size: 16px;text-align: center;background: #005bac;color: #fff;padding: 15px;border-radius: 150px;}

/*签名*/
.canvasDiv{height:235px;width:500px;border: 2px dotted #dcdcdc;margin: 0 auto;position: relative;}
.imgDiv{height: 50px;width: 80px;border: 1px solid black;margin-top: 15px; display: none;}
.okBtn{display: none;}
.btnDiv{text-align: center;margin-top: 15px;}
.clearBtn{font-size:12px;border:1px solid #ccc;padding: 5px 20px;border-radius: 150px;display: inline-block;}
.sign-tl{font-size: 14px; color: #ccc;text-align: center;display: block;padding:5px 0;background: #f5f5f5}

.timu{padding-bottom: 20px;}
.timu-select{padding-left: 15px;}
.box .idcard{    width: 80%;
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 2px;
    padding-left: 5px;
}
.box .name{width: 20%;}
.box {
    width: 100%;
    margin-bottom: 10px;
}

.login{padding: 20px;}
.login:before{content: '';display: block;width: 100%;height: 120px;background: #0f77d4;position: absolute;top: 0;left: 0;z-index: 0;}
.login-int{background: #fff;padding: 20px;border-radius: 15px;position: relative;z-index: 2;box-shadow: 0 12px 20px rgba(0,0,0,0.05);margin-top: 0;}
.login-int .tl{font-size: 18px;color: #111;font-weight: bold;text-align: center;margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;}
.layui-form-btn .layui-btn{width: 100%;}
.login-int .layui-form-item{margin-bottom: 20px;}
.login-int .layui-form-item p{margin-bottom: 10px}

.confirm-bt{padding-top: 10px;border-top: 1px dotted #e6e6e6;margin-top: 20px;}
.confirm-bt .layui-form-checkbox[lay-skin=primary]{margin-top: 0;}

#signature{border: 1px dotted #999;margin-bottom: 5px;position: relative;text-align: center;}
#signature .jSignature{height: 200px!important;width: 100%!important;}
.sign-btn .layui-btn-primary{font-size: 12px;}
.signMask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}
.signtips{position: absolute;bottom: 50%;left:0;width: 100%;color: #f6f6f6;z-index: 0;}
.jSignature{position: relative;z-index: 4;}

.sign-btn{margin-bottom: 20px;}
#pic img{border: 1px solid #ccc;}

.layui-form-code{float: left;width: 38%;height: 38px;margin-left: 2%;overflow: hidden;}
.layui-form-code img{width: 100%;height: 100%;}
.layui-form-getphone{float: left;width: 38%;margin-left: 2%;}
.layui-form-getphone button{width: 100%;padding: 0;}
.getphone-code{font-size: 12px;}

.layui-form-code.box {background: url(../images/timg.jpg) no-repeat;background-size: 100% 100%;}
.layui-form-code.box p{margin: 0px;padding: 0px;float: left;width: 25%;height: 50px;text-align: center;line-height: 38px;transform: rotate(7deg);font-weight: bold;}
.long-check{padding-top: 6px;}
.long-check .layui-form-radio{margin: 0;padding-right: 0;}
.long-check span{font-size: 14px;}