.di{
  width:100%;
  height:70px;
  max-width:750px;
  position:fixed;
  bottom:0px;
  background:#555;
  z-index:100;
  box-sizing: border-box;
  display: none;
}
.di .di-l{
  width: 80%;
  height: 100%;
  float: left;
}
.di .di-l li{
  float: left;
  width: 90%;
  height: 30px;
  margin-left: 15px;
}
.di .di-l p{
  float: left;
}
.di .di-r{
  width: 20%;
  height: 100%;
  float: right;
  background: #FF9900;
}
.di .di-r a p{
  width: 100%;/* 原值120%*/
  height: 70px;
  color: #fff;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
}

/*弹窗*/
.black_overlay{ 
    display: none; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background-color: #444; 
    z-index:98; 
    -moz-opacity: 0.7; 
    opacity:.7; 
    filter: alpha(opacity=88); 
    overflow:hidden;
}

 .black_overlay1{ 
    display: none; 
    position: fixed;
    top:0; 
    width: 100%; 
    height: 100%; 
    background-color: #444; 
    z-index:199; 
    -moz-opacity: 0.7; 
    opacity:.7; 
    filter: alpha(opacity=88); 
    overflow:hidden;
}  

.formBuilder_example_form{
  padding: 0;
  background: #395A80;
/*  overflow-x: hidden;
  overflow-y: auto;*/
  height: 520px;
  box-sizing: border-box;
  border-radius:0;
}
.form_component{
  padding-bottom: 70px;
}
.form_component .utility{
  padding: 5px 14px 10px;
}
.formBuilder_example_form {
    border: 0px;
}
.commodity_module .title {
    width: 19%;
}
.radio_img_ul li{
  clear:both;
}
.formBuilder_main .form_component .fist{
  padding: 0px;
}
.commonInput{
  width: 98%;
}
.site_detailed{
  width: 98%;
}
.utility_coupon input{
  width: 87%;
}
.form-group{
  width: 28%;
}
.form-group .form-control{
  width: 100%;
}
.weixin_id p {
    width: 60%;
    height: 75px;
}
.weixin_id {
    height: 75px;
    line-height: 30px; 
}
.weixin_id img{
    height: 80px;
    width: 80px;
}
.white_content_zi{ 
    display: none; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width:100%;
    /* height: 200px; */
    font-size: 24px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    transform: translate(-50%,-50%);
    z-index:200; 
    overflow: auto; 
}
div[dir="11"] .title {
	width:55%;
}
.editing_view_con {
	max-width:750px;
	margin: 0 auto;
}
.form_component .clicked {
    background-color: #fff;
    border: 1px solid #fff;
}
.form_component .utility:hover {
    border-color:#fff; 
}
.province,.city {
    width: 120px;
}
.basic_mobile_top .basic_tel {
    width: 100%;
}
div[dir="12"] .commodity_con .title {
    width: 95%;
}
div[dir="12"] .commodity_info {
 width: 100%;
}
div[dir="12"] .commodity_info .commodity_cost  {
    width: 100%;
    clear: both;
}
.tb_amount_widget {
 float:left;
}
.tb_amount_widget input {
    width: 39px;
    height: 30px;
    line-height: 30px;
}
.tb_amount_widget span {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.clicked div[dir='11'] .commodity_module::before, .clicked div[dir='11']  .commodity_module::after {
    background: #FFF;
}
div[dir='11'] .commodity_module::before {
    border-bottom-color: #fff;
}
div[dir='11'] .commodity_module::before, div[dir='11'] .commodity_module::after  {
    content: "";
    height: 16px;
    width: 7px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left-color: #fff;
    border-radius: 0 8px 8px 0;
    position: absolute;
    left: -1px;
    bottom: 26%;
}
div[dir='11'] .commodity_module::after {
    left: auto;
    right: -1px;
    border-radius: 8px 0 0 8px;
    border-color: #ccc;
    border-right-color: #fff;
}
input[type="radio"]{
    width: 20px;
    height: 20px;
    padding: 10px 0 ;
}
input[type="radio" i] {
    -webkit-appearance: none; 
    box-sizing: border-box;
    color:#fff;
    background-color:#FFF;  
}
.radio_img_list {
  margin-top:9px;
}
input[type="radio"]:checked ,
input[type="radio"]:not(:checked) {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 22px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  text-indent: -9999px;
  width: 22px;
}
input[type="radio"]:not(:checked) :after {
  background-color: #fff;
  border-radius: 20px;
  content: " ";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 20px;
}
input[type="radio"]:checked {
  background-color: #ffffff;
  border: 1px solid #3e97eb;
  background: url('/new_edition/jsp/regist/images/blue_point.svg') no-repeat -10px -9px;
}

input[type="radio"]:checked :after {
  left: 26px;
}
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
	vertical-align: top;
	line-height:initial;
}
input[type="radio"]:checked ,
input[type="radio"]:not(:checked)  {
  -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

input[type="radio"]:checked :after,
input[type="radio"]:not(:checked):after {
  -webkit-transition: left 0.3s;
    transition: left 0.3s;
}
input[type="radio"]:checked :after,
input[type="radio"]:not(:checked):after {
    -webkit-transition: left -webkit-transform 0.3s; 
    -o-transition: -o-transform 0.3s; 
     transition: left transform 0.3s; 
 }
input[type="radio"]:checked:after { left: 26px; -webkit-transform: translateX(24px); -ms-transform: translateX(24px); -o-transform: translateX(24px); transform: translateX(24px); }

input[type="radio"]:checked ,
input[type="radio"]:not(:checked)  {
  (-prefix-)user-select: none;
}



input[type="checkbox"]{
    width: 20px;
    height: 20px;
    padding: 10px 0 ;
}
input[type="checkbox" i] {
    -webkit-appearance: none; 
    box-sizing: border-box;
    color:#fff;
    background-color:#FFF;  
}
input[type="checkbox"]:checked ,
input[type="checkbox"]:not(:checked) {
  background-color: #ffffff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  text-indent: -9999px;
  width: 22px;
}
input[type="checkbox"]:not(:checked) :after {
  background-color: #fff;
  border-radius: 20px;
  content: " ";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 20px;
}
input[type="checkbox"]:checked {
  background-color: #ffffff;
  border: 1px solid #3e97eb;
  background: url('/new_edition/jsp/regist/images/blue_check.svg') no-repeat  2px 2px;
}

input[type="checkbox"]:checked :after {
  left: 26px;
}
input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label {
	vertical-align: top;
	line-height:initial;
}
input[type="checkbox"]:checked ,
input[type="checkbox"]:not(:checked)  {
  -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

input[type="checkbox"]:checked :after,
input[type="checkbox"]:not(:checked):after {
  -webkit-transition: left 0.3s;
    transition: left 0.3s;
}
input[type="checkbox"]:checked :after,
input[type="checkbox"]:not(:checked):after {
    -webkit-transition: left -webkit-transform 0.3s; 
    -o-transition: -o-transform 0.3s; 
     transition: left transform 0.3s; 
 }
input[type="checkbox"]:checked:after { left: 26px; -webkit-transform: translateX(24px); -ms-transform: translateX(24px); -o-transform: translateX(24px); transform: translateX(24px); }

input[type="checkbox"]:checked ,
input[type="checkbox"]:not(:checked)  {
  (-prefix-)user-select: none;
}



