.ui-list li h4 a{display: block;}

.hf-up-btn{width: 80px;height: 80px;line-height:80px;background: #fff;border: #ddd 1px solid;text-align: center;float: left;-webkit-box-sizing: border-box;color: #ccc;position: relative;}
.hf-up-btn i{font-size: 40px;line-height: 80px;}
.upload-input {position: absolute;top: 0;left: 0; width: 100%; height: 100%;  opacity: 0; font-size: 30px; }


.hf-up-list{margin-left: 80px;}
.hf-up-photos li{padding-left: 10px;position: relative;}
.hf-up-photos li img{width: 80px;height: 80px;}
.hf-up-photos li i{width: 20px;height: 20px;position: absolute;top: 0px;right: 0px;background: #ccc;border-radius: 50%;}
.hf-up-photos li i:before,
.hf-up-photos li i:after{width: 14px;height: 3px;background: #fff;top:8px;right:3px;content:"";display:block;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.hf-up-photos li i:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

.hf-table-form{color: #999;}
.hf-table-form input:not([type="button"]){padding-left: 0;}
.hf-table-form{margin-left: 95px;width: auto;}
.hf-table-form tr:last-child td:not(:last-child):after{background-image: none;}
.hf-table-form input{text-align: center;color: #323232}
.ui-form-item .hf-icon-close {
    position: absolute;
    top: 0;
    right: 10px; font-size: 16px;
  line-height: 44px;}
    @media (max-width: 320px) {
      .ui-form-item .hf-icon-close {
        right: 5px; } }


.ui-radio-s {
  line-height: 20px;
  display: inline-block; }

.ui-radio-s input:not([type="button"]) {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  border: 0;
  background: none;
  -webkit-appearance: none;
  outline: none;
  margin-right: 8px;
  vertical-align: middle; }

.ui-radio-s input:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #dfe0e1;
  border-radius: 13px;
  background-clip: padding-box;
  position: absolute;
  left: 0px;
  top: 0; }

.ui-radio-s input:checked:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #7dd232;
  border-radius: 7px;
  position: absolute;
  left: 3px;
  top: 3px; }

.ui-form-item-r input:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {
  padding-left: 95px;
  padding-right: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-form-item-r button,.ui-form-item-r .ui-btn-s {
  width: 90px;
  height: 34px;
  position: absolute;
  top: 5px;
  right: 5px;color: #fff;
}

.hf-form-hauto{height: auto;}
.hf-check-item{padding:5px 0;padding-left: 95px;line-height: 1;}
.hf-check-item span{display: inline-block;height: 24px;line-height:24px;padding: 0 6px;background: #fff;border: #cfcfcf 1px solid;font-size: 12px;margin:5px 8px 5px 0;}
.hf-check-item span.on{background: #7dd232;border-color: #7dd232;color: #fff;}

.hf-upload{height:110px;}

.hf-form-item-l label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio):not(.ui-radio-s){width:44px;}
.hf-form-item-l input{padding-left: 44px;}
.hf-form-item-no input:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {padding-left: 0;}
.hf-form-item-l i{font-size: 24px;line-height: 44px;color: #666;}
.hf-form-r{position: absolute;right: 0;top: 0;}
.hf-form-r i{padding: 0 15px;color: #ccc;}
.hf-form-r i.on{color: #7dd232;}

.hf-login-more{position: fixed;bottom: 90px;left: 0;width: 100%;}
.hf-login-more h5{color:#999;height:40px;line-height:40px;text-align:center;position:relative;}
.hf-login-more h5 span{display:inline-block;background:#f6f6f6;padding:0 15px;}
.hf-login-more h5:after{content:'';width:100%;height:1px;position:absolute;left:0;top:50%;background:#ddd;z-index:-1;}

.hf-login-more button{height: 34px;line-height: 34px;}


.tipContent{font-size:14px;color:#f76249;font-weight:bold;}

.ui-btn-group a{-webkit-box-flex: 1;box-flex:1;height: 34px;line-height: 34px;display: block;-webkit-box-flex: 1;margin-right: 10px;}

.hf-form-item-bank{height: 64px;line-height: 64px;}
.hf-form-item-bank label {display:block;height: 64px;line-height: 64px;}
.hf-form-item-bank label img{width:50px;height: 50px;vertical-align: middle;}

.hf-calc{padding: 10px 0;}
.hf-calc li{line-height: 30px;}



/*--xuanshanbo--*/


.leftBox{
  position: absolute;
  z-index: 0;
}



.right_Box{
  background: #fff;
  position: absolute;
  z-index: 3;
  width: 100%;
  height:100%;
  -webkit-transition: all 0.3s linear;
  -webkit-transform: translateX(100%);
}