body{max-width: 750px;margin: 0 auto;background: #f5f5f5;}
.p20{padding: 10px;}
.plr20{padding-left: 10px;padding-right: 10px;}
.mb20{margin-bottom: 10px;}
img{max-width: 100%;}
.br16{border-radius: 8px;overflow: hidden;}
.space-between{display: flex;justify-content: space-between;align-items: center;}
.space-around{display: flex;justify-content:space-around;align-items: center;}
.flex-1{flex: 1;}

.box-search{padding: 0 15px; background: #fff;height: 36px;color: #999999;font-size: 14px;display: flex;border-radius: 18px;}
.icon-search{display: inline-block;margin-top: 10px; width:16px;height: 16px;background: url("../../images/h5/charge/icon-sear.png") no-repeat center;background-size: cover;}
.icon-search:before {content: unset;}
.box-search input{flex: 1;padding-left: 10px;border: none;outline:none;}
.box-w{background-color: #fff;border-radius:8px;}
.nav-item{padding: 15px 0 10px;}
.nav-item img{width: 48px;height: 48px;border-radius: 50%;overflow: hidden}
.nav-item p{margin: 10px 0; font-size:12px;color: #333333;}

.btn-g-lg{width: 95%; height: 54px;background-color: #00b289;color: #fff;font-size:16px;border: none;outline: none;border-radius: 8px;}
.btn-g-lg-n{width: 95%; height: 54px;background-color: transparent; border:1px solid #00b289; color: #00b289;font-size:15px;outline: none;border-radius: 8px;}
.btn-g-m-n{width: 45%; height: 40px;background-color: transparent; border:1px solid #00b289; color: #00b289;font-size:15px;outline: none;border-radius: 8px;}
.btn-g-m{width: 45%; height: 40px;background-color: #00b289;color: #fff;font-size:16px;border: none;outline: none;border-radius: 8px;}
.btn-g-sm{width:24%; height: 50px;color: #00b289;font-size: 16px;background-color: #f6f6f6;border-radius: 8px;border: none;outline: none;}


.ans{font-size: 12px;color: #000;}
.ans h4{color: #000;font-size: 15px;}
.ans p{margin: 0;line-height: 1.8;}
.ans button{padding: 5px;margin: 0 5px; border: 1px solid #efefef;background-color: #fff;color: #999999;font-size: 12px;border-radius: 5px;}
.ans button i{margin-right: 5px;}

.cd-tit{padding: 10px 0; color: #999999;font-size: 15px;}
.cd-form input{width: 100%; background-color: #fff;height: 49px;border-radius: 8px;font-size: 14px;padding-left: 10px;border: none;outline: none;}
.cd-bb{border-bottom: 10px solid #ececec;}
.icon-sao{display: inline-block;vertical-align: middle; margin-right: 10px; width: 18px;height: 18px;background: url("../../images/h5/charge/icon-sao.png") no-repeat center;background-size: cover;}
.sao-box img{width: 110px;}
.cd-head{margin-bottom: 5px; color: #333333;font-size: 15px;}
.cd-text{color: #999999;font-size: 12px;}
.cd-text b{color:#333;}
.cd-text a{color: #00b289;}
.cd-text-red{font-size: 18px;color: #dd5f59;}
.cd-btn-box span{font-size: 12px;color: #999;}
.cd-btn-box .active{background-color:#d8fbf2;}
.cd-ul-3 ul{padding: 0;margin: 0;}
.cd-ul-3 ul li{float: left;width: 33.3%;list-style: none;padding:5px 7px;}
.cd-ul-item{padding: 10px 0; background-color: #f6f6f6;border-radius: 8px;text-align: center;line-height: 1.1;position: relative;overflow: hidden}
.cd-ul-item p{margin: 0; font-size: 18px;color: #00b289;}
.cd-ul-item span{color: #999999;font-size: 12px;}
.icon-h{display: inline-block;position: absolute;top:0;left: 0;width: 0;height: 0;border-top: 25px solid #dd5f59;border-right: 25px solid transparent;}
.icon-h:before{content:'';width: 12px;height: 12px;background: url("../../images/h5/charge/h.png") no-repeat center;background-size: cover; position: absolute;top:-22px;left: 2px;}
.icon-dp{display: inline-block;vertical-align: middle;margin-right: 5px; width: 16px;height: 18px;background: url("../../images/h5/charge/icon-dp.png") no-repeat center;background-size: cover;}
.text-red{color: #dd5f59;}
.cd-text-input input[type="checkbox"] {
    position: absolute;
    /*clip: rect(0, 0, 0, 0);*/
    opacity: 0;
    width:54px;
}
.cd-text-input input[type="checkbox"] + label::after {
    content: ""; /*不换行空格*/
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;height: 18px;
    background: url("../../images/h5/charge/icon-dui.png") no-repeat center;background-size: cover;
}
.cd-text-input input[type="checkbox"]:checked + label::after {
    background: url("../../images/h5/charge/icon-dui2.png") no-repeat center;background-size: cover;
}
.fix-b{position: fixed;right: 20px;bottom: 10%;width:47px;height: 47px;}

.am-modal-dialog{width: 95%;border-radius: 8px;background-color: #fff;}
.am-modal-hd{min-height: 44px; color: #333;font-size: 15px;}
.am-modal-bd{color: #333;font-size: 12px;max-height: 220px;overflow-y: auto;text-align: left;border-bottom: 1px solid #fafafa;}
.am-modal-bd-ft{color: #333333;font-size: 14px;text-align: left;padding: 10px;}
.am-modal-footer {height: 52px;}
.am-modal-footer .am-modal-btn{line-height: 52px;}
.am-modal-btn:first-child{background-color:#eeeeee;width: 42%;color: #999999;font-size: 15px;border-bottom-left-radius: 8px;}
.am-modal-btn:last-child{background-color: #00b289;font-size: 15px;color: #fff;border-bottom-right-radius: 8px;}
.text-size-30{font-size: 15px;}
.text-size-30 span{color:#dd5f59;}
.foot-btn .am-modal-btn{line-height: 1.2;padding-top: 8px;}

.icon-d{display: inline-block;vertical-align: top;margin-top: 5px; width: 14px;height: 15px;background: url("../../images/h5/charge/icon-d.png") no-repeat center;background-size: cover;}
.cz-ul ul{padding: 0;margin: 0;}
.cz-ul ul li{width: 20%;float: left;list-style: none;padding: 5px 3px;text-align: center;}
.cz-item{padding-top: 5px; color:#00b289;font-size:12px;height: 55px;border-radius: 8px; max-width: 60px;background:#f1fffc url("../../images/h5/charge/icon-ct.png") no-repeat center;background-size:12px 16px;background-position: center 33px;}
.cz-item p{margin: 0;}
.cz-item-checked{color:#c2554f;background:#ffecec url("../../images/h5/charge/icon-ct2.png") no-repeat center;background-size:12px 16px;background-position: center 33px;}

.cd-warp{background: url("../../images/h5/charge/hbg.png") no-repeat center top;background-size: 100%;}
.cd-warp-head{color: #fff;font-size:15px;padding: 10px 0;}
.cd-warp-head p{margin: 0;}
.cd-warp-tip{border-radius: 8px;overflow: hidden;}
.cd-warp-item span{color: #999;font-size: 12px;}
.cd-warp-item p{margin: 0;color: #333;font-size:15px;}
.cd-warp-info{font-size:14px;color: #333;}
.cd-warp-info>div{align-items: normal;}
.cd-warp-info>div div:first-child{width: 80px;}
.bot{border-top: 1px solid #f5f5f5;}
.bred{color: #dd5f59;font-size: 18px;}

.cd-list-head a{display: inline-block; color: #333;font-size: 15px;padding: 10px 0;}
.cd-list-head .active a{color: #00b289;border-bottom: 2px solid #00b289;}
.cd-list-item{background: #fff;border-radius: 8px;overflow: hidden;border-bottom:4px solid #00b289;}
.cd-list-item-tit{color: #333333;font-size: 15px;}
.cd-list-item-tit-oth{color: #00b289;font-size: 12px;}
.cd-list-item-tit-oth2{color: #ffb648;font-size: 12px;}
.cd-list-item-info{color: #999999;font-size: 14px;}

.question-item{color: #333;font-size: 12px;}
.question-item .am-icon-circle{color: #00b289;font-size: 10px;}
.question-item .am-icon-angle-right{color: #a2a2a2;font-size: 14px;}

.cd-bx-head{font-size: 12px;color: #999999;}
.cd-bx-box{color: #333333;font-size: 12px;line-height: 16px;}
.cd-bx-box .am-radio{padding-left: 0;}
.cd-bx-box .am-radio+.am-radio{margin-top: 0;}
.cd-bx-box input[type="radio"] {
    position: absolute;
    /*clip: rect(0, 0, 0, 0);*/
    opacity: 0;
}
.cd-bx-box input[type="radio"] + span::before {
    content: ""; /*不换行空格*/
    margin-right: 10px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;height: 16px;
    background: url("../../images/h5/charge/c01.png") no-repeat center;background-size: cover;
}
.cd-bx-box input[type="radio"]:checked + span::before {
    background: url("../../images/h5/charge/c02.png") no-repeat center;background-size: cover;
}
.text-phone{border-bottom: 1px solid #f5f5f5;}
.text-phone input{width: 100%;font-size: 12px;color: #666666;height: 42px;outline: none;border: none;}
.fix-call{position: fixed;right:18px;top:35%;width: 50px;height: 50px;}
/*图片上传*/
.imgFileUploade{
    width: 100%;padding: 10px;
}
.imgFileUploade .header{
    height: 75px;width: 100%;line-height:75px;
}
.imgFileUploade .header span{
    display: block;float:left;
}
.imgFileUploade .header span.imgTitle{
    line-height:50px;
}
.imgFileUploade .header span.imgTitle b{
    color:red;margin:0 5px;line-height: 57px;display: block;float: right;font-size: 20px;
}
.imgFileUploade .header span.imgClick{
    width: 72px;height:72px;cursor: pointer;
    background: url(../../images/h5/charge/addUpload.png) no-repeat center center;background-size:cover;
}
.imgFileUploade .header span.imgcontent{
    color:#999;margin-left:120px;line-height: 50px;
}
.imgFileUploade .imgAll{
    width: 100%;    margin-top: 5px;
}
.imgFileUploade .imgAll ul{padding-left: 0; margin: 0 -5px 10px;}
.imgFileUploade .imgAll ul:after{
    visibility: hidden;  display: block; font-size: 0; content: ".";  clear: both; height: 0
}
.imgFileUploade .imgAll li{
    width: 72px;height: 72px;border:solid 1px #ccc;margin:8px 5px;float: left;position: relative;box-shadow: 0 0 10px #eee;list-style: none;
}
.imgFileUploade .imgAll li img{
    position: absolute;top:0;left:0;width: 100%;height: 100%;display: block;
}
.delImg{
    position: absolute;top:-10px;right:-7px;width: 22px;height: 22px;background: #f7f7f7;border-radius: 50%;display: block;text-align:  center;line-height: 22px;color:#666;font-weight: 700;font-style:normal;cursor: pointer;
}