.ll-form {
  /* 拖动验证 */
}
.ll-form .ll-form-group {
  margin-bottom: 15px;
}
.ll-form .ll-form-group.ll-right {
  text-align: right;
}
.ll-form .ll-form-label {
  padding-bottom: 8px;
  margin-bottom: 0;
}
.ll-form .ll-form-label > span.red {
  color: #c00;
  margin: 0 3px;
}
.ll-form .ll-form-content {
  position: relative;
}
.ll-form .ll-form-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.ll-form .ll-form-content label.error {
  position: absolute;
  top: 0px;
  right: 10px;
  height: 34px;
  line-height: 34px;
  padding: 0 0 0 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQjNFQjA0Qzc5MDAxMUU4ODFFOEYxNTcyMTY3RjlDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQjNFQjA0RDc5MDAxMUU4ODFFOEYxNTcyMTY3RjlDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNCM0VCMDRBNzkwMDExRTg4MUU4RjE1NzIxNjdGOUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNCM0VCMDRCNzkwMDExRTg4MUU4RjE1NzIxNjdGOUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GsvxBQAAAxdJREFUeNpkU11Ik1EYfr8f3ea2ZrpSFEVFRaaBgjcG4h+iQimKw8C0ixolCJKCqYP0QoSWNUZdpCmmzQuvQk1E7EImaEggKbsTxYE4p27pfvz2953OOelQOvD9cM55n/d9n+d5GYQQXF/iyUmKsLj4NGS1lohHR+l4i2XV6n1eo7FIamomuMTEHXqRxDEMMNcBhNlZvW9y8nXYZotmb90CRqWil9DZGYj44ZKSQNbcPCRratJfxUQAvGNjU16TqQVnADY+ngbCFfjlv+hyQfjgAOQ63Td5R0cDOWLJy7+8/MprNLZE5eQAEx0NosMByOcD4HkAjgMkCHSPYVmI0mjAOzpaj6sdotii253gam21I7cbAAfLGhrGuPT03x6D4QPtEYMgjwcUfX1d4ulpks9s7oJgkALfNpszWEzYy/DeHi2b9BqVm7smKS//qBwYeCza7RDa2QGFXt8hqax8H1VQ8IOAsbGxQM6EublurjstbRg5nYmMUknL9y8t1fFZWfvRRUVf+exsn6SsbE1aXf0muL1dd97Z+Z2VyYCRSLBcIuFGxmPZkhmMSEhiFApAgQCctbdPKAcH70pragyUo5WVZ+e9vZ8jyoRC9ItcrjssRglH2CYgpGe/H2sqKCP6BgIKuLj4R2pEPyxvOMzxjFp9gHZ3ExhcGmGe6K0ymTolFRVG/+rqC7wnl1ZVvYtVqf6c9fRMIEweI5cDIZ1LTj4F38zMW0d+PnI2NaHj4mIkWCxtxBuBzc2HjsJC5MjLQxjoCdkLbm3VH5eWIqdWixwFBcgzMjLFYoJMXEoKiE4nRRYPD9MCGxuP3Hr9HBsXB1xqKrgHBr4E1tdbQzZbDiFRJErgM2ltrYE6UZifHzzv6dFjCWkbCOtMFKGEEWpwueiSAxYTHbRaiS9GY5qbn0es7DEa533j4w94XA2RlBjlhpWxbMQDeE5A2thoUfb3l9yYBbIuzOZh3/R0F5aWlkhkZciEer20RWIgmVb7KUana/tvmK4WznBPWFjQ4XG+jzMm0fwKhZ3LzPyJex7nMzJ+XR/nvwIMAJSeg6+f8s/NAAAAAElFTkSuQmCC') no-repeat 0 center;
}
.ll-form .ll-form-input {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
}
.ll-form .ll-form-input.error {
  border-color: #fd7373;
}
.ll-form .ll-form-input:focus {
  outline: none;
}
.ll-form .ll-input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
}
.ll-form .ll-input-group > .ll-form-input {
  display: table-cell;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}
.ll-form .ll-input-group > .ll-input-group-addon {
  display: table-cell;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  color: #777777;
  border-radius: 0 !important;
}
.ll-form .ll-btn {
  display: block;
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background-color: #5cb85c;
  border: 1px #55b555 solid;
  color: #fff;
  text-decoration: none;
}
.ll-form .ll-btn:hover {
  background-color: #40a840;
}
.ll-form .drag-check {
  position: relative;
  background-color: #e8e8e8;
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.ll-form .drag-check .handler {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 34px;
  border: 1px solid #ccc;
  cursor: move;
}
.ll-form .drag-check .handler_bg {
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.ll-form .drag-check .handler_ok_bg {
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
.ll-form .drag-check .drag_bg {
  background-color: #7ac23c;
  height: 34px;
  width: 0px;
}
.ll-form .drag-check .drag_text {
  position: absolute;
  top: 0px;
  width: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}
.drag-jigsaw .block {
  position: absolute;
  left: 0;
  top: 0;
}
.drag-jigsaw .sliderPoper {
  position: absolute;
  background-color: #ececec;
  background-size: 80px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBzdHlsZT0nd2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsnIHZpZXdCb3g9JzAgMCAxMDI0IDEwMjQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOTE0LjA5MTc5OCA2Mi4zNzk3MjMgMTA2LjE5NDYyNCA2Mi4zNzk3MjNjLTI0Ljc2MTk2MyAwLTQ0LjgzNjE2MSAyMC4wNzQxOTgtNDQuODM2MTYxIDQ0LjgzNjE2MWwwIDgwNy44OTgxOTdjMCAyNC43NjE5NjMgMjAuMDc0MTk4IDQ0LjgzNjE2MSA0NC44MzYxNjEgNDQuODM2MTYxbDgwNy44OTgxOTcgMGMyNC43NjE5NjMgMCA0NC44MzYxNjEtMjAuMDc0MTk4IDQ0LjgzNjE2MS00NC44MzYxNjFMOTU4LjkyODk4MiAxMDcuMjE1ODg0Qzk1OC45Mjc5NTkgODIuNDUyODk3IDkzOC44NTQ3ODQgNjIuMzc5NzIzIDkxNC4wOTE3OTggNjIuMzc5NzIzek01MTIgNzA2LjM0MTE5N2wtNjMuNTIwNzA5IDBMMTkwLjYxODQwOSA3MDYuMzQxMTk3bDE2MC42OTA3OTYtMjU5LjM5NDgxOEw0NzYuOTExODU0IDY0OS43MDAxNzUgNjQxLjg3MzkyOSAzMjEuMDg1ODU2bDE5MC4zMjU3NDMgMzg1LjI1NTM0MUw1MTIgNzA2LjM0MTE5N3onIGZpbGw9JyNmZmZmZmYnPjwvcGF0aD48L3N2Zz4=");
  top: -160px;
  visibility: hidden;
  border: 1px #ddd solid;
}
.drag-jigsaw:hover .sliderPoper {
  visibility: visible;
}
.drag-jigsaw.disabled:hover .sliderPoper {
  visibility: hidden;
}
.drag-jigsaw .sliderWrap {
  position: relative;
}
.drag-jigsaw .sliderContainer {
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  background: #eee;
  color: #45494c;
  border: 1px solid #ccc;
}
.drag-jigsaw .sliderContainer_active .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #1991FA;
}
.drag-jigsaw .sliderContainer_active .sliderMask {
  height: 38px;
  border-width: 1px;
}
.drag-jigsaw .sliderContainer_success .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #52CCBA;
  background-color: #52CCBA !important;
}
.drag-jigsaw .sliderContainer_success .sliderMask {
  height: 38px;
  border: 1px solid #52CCBA;
  background-color: #D2F4EF;
}
.drag-jigsaw .sliderContainer_success .sliderIcon {
  background-position: 0 0 !important;
}
.drag-jigsaw .sliderContainer_fail .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #f57a7a;
  background-color: #f57a7a !important;
}
.drag-jigsaw .sliderContainer_fail .sliderMask {
  height: 38px;
  border: 1px solid #f57a7a;
  background-color: #fce1e1;
}
.drag-jigsaw .sliderContainer_fail .sliderIcon {
  top: 14px;
  background-position: 0 -82px !important;
}
.drag-jigsaw .sliderContainer_active .sliderText,
.drag-jigsaw .sliderContainer_success .sliderText,
.drag-jigsaw .sliderContainer_fail .sliderText {
  display: none;
}
.drag-jigsaw .sliderMask {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #1991FA;
  background: #D1E9FE;
}
.drag-jigsaw .slider {
  position: absolute;
  top: -1;
  left: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
}
.drag-jigsaw .slider:hover {
  background: #1991FA;
}
.drag-jigsaw .slider:hover .sliderIcon {
  background-position: 0 -13px;
}
.drag-jigsaw .sliderIcon {
  position: absolute;
  top: 15px;
  left: 13px;
  width: 14px;
  height: 12px;
  background: url(//mapp.alicdn.com/1560419514574Z6WGWGXpqdH5sIi.png) 0 -26px;
  background-size: 34px 471px;
}
.drag-jigsaw .refreshIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background: url(//mapp.alicdn.com/1560419514574Z6WGWGXpqdH5sIi.png) 0 -437px;
  background-size: 34px 471px;
}