em {
  font-style: normal;
}
.progress-bar {
  position: relative;
  margin-top: 2em;
  margin-bottom: 1em;
}
.progress-bar em {
  position: absolute;
  top: -1.5em;
  left: 0;
  font-size: 14px;
  white-space: nowrap;
}
.progress-bar ul {
  font-size: 0;
}
.progress-bar li {
  display: inline-block;
  width: 6.25%;
  font-size: 0;
  *display: inline;
  *zoom: 1;
}
.progress-bar li i {
  display: block;
  height: 4px;
  margin-right: 4px;
  background-color: #f4f4f4;
}
.progress-bar li:last-child i {
  margin-right: 0;
}
.progress-bar-2 li {
  width: 50%;
}
.progress-bar .complete i {
  background-color: #3eabb8;
}
.measure-content {
  position: relative;
}
.measure-panel {
  display: none;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.current-page {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 1s ease-in-out 0s, z-index 1s ease-in-out 0s;
}
.measure-panel ul {
  margin-bottom: 1em;
  margin-left: 1em;
}
.measure-panel li {
  list-style-type: disc;
}
.measure-panel .pull-right > p {
  margin-bottom: 1em;
}

.video {
  position: relative;
}
.control {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  cursor: pointer;
}

.measure-panel strong {
  font-size: 1.125em;
  font-weight: normal;
  color: #4a4a4a;
}
.measure-panel .pull-right span {
  position: relative;
}
.switch-unit {
  font-style: normal;
  font-weight: 700;
  color: #3cf;
  white-space: nowrap;
  cursor: pointer;
}
.measure-panel input {
  height: 38px;
  margin: 0 -2em 0 2em;
  padding: 0 1.7em 0 5px;
  border: 1px solid #ccc;
  font-size: 1.25em;
  line-height: 36px;
  color: #777;
  vertical-align: middle;
  *position: relative;
  *z-index: -1;
  *right: -30px;
}
.physique > dl {
  width: 50%;
  margin-bottom: 2em;
  padding-right: 3%;
  *width: 47%;
}
.physique > .pull-right {
  padding: 0 0 0 3%;
}
.physique dt {
  margin-bottom: 1em !important;
  font-size: 1em !important;
  text-align: left;
}
.physique strong {
  font-weight: normal;
  color: #4a4a4a;
}
.physique dd {
  float: left;
  position: relative;
  width: 33.33333%;
  cursor: pointer;
}
.physique .active {
  cursor: default;
}
.physique img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 2px solid #fff;
  *width: 98%;
}
.physique .active > img {
  border: 2px solid #3eabb8;
}
.physique .bright,
.physique .active > img {
  display: none;
}
.physique .active > .bright {
  display: block;
}

.physique .active > .mark {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 20px solid #3eabb8;
  border-bottom: none;
  border-left: 20px solid transparent;
}
.physique dd > p {
  margin-top: .5em;
  font-size: 14px;
  text-align: center;
}
div.error,
input.error {
  background: none;
  border: 1px solid #eb6f00 !important;
}
p.error {
  position: absolute;
  margin-left: 2.3em;
  font-size: .875em;
  white-space: nowrap;
}


/* 弹出层下拉框 */
.popup-boder {
  position:relative;
  display:inline-block;
  cursor:pointer;
}
.measure-fields .popup-boder > input {
  width:88px;
  padding-right:1em;
}
.dropdown-boder li {
  margin-right:0;
  cursor:pointer;
}
.dropdown-boder{
  border-top:solid 1px #ccc;
  display:none;
  border-left:solid 1px #ccc;
  overflow:hidden;
  position: absolute;
  background:#fff;
  width:39.5%;
  left:44.6%;
  top:46.7%;
}
.dropdown-boder .child{
  float:left;
  width: 49%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.dropdown-boder li {
  text-align:center;
  margin:0;
  padding:0 0.6em;
  cursor:pointer;
}
.dropdown1-boder li {
  display:inline-block;
  *display:inline;
  *zoom:0;
  margin-right:0;
  padding:0 8px;
  cursor:pointer;
}
.dropdown1-boder {
  border:solid 1px #ccc;
  display:none;
  position: absolute;
  background:#fff;
  width:48.5%;
  left:124px;
  top:46.7%;
}
/* 弹出层下拉框 end */

.invalid, .invalid span {
  color: #fff !important;
}
.invalid input {
  background-color: #eb6f00;
  border: 3px solid #fff !important;
}

.btn-group {
  overflow: hidden;
  margin-top: 2em;
  margin-bottom: 2em;
}

.btn.submit-for-edit {
  margin-left: 3em;
  padding: 0 1em;
}
.measure-profile {
  position: relative;
  min-height: 480px;
  margin-bottom: 3em;
  padding: 3em 0;
  background: url(/statics/front/images/measure/bg-profile.jpg) no-repeat center top;
}
.no-bg {
  background: none !important;
}
.measure-profile > a > img {
  margin: 1em 0;
}

/* 免量体, START */
.form-box {
  margin-top: 2em;
  margin-bottom: 5em;
}
.form-box .inner {
  overflow: hidden;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  min-height: 380px;
  margin: 0 auto;
}
.inner > dl,
.inner > div {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.form-box dt,
.physique > .title {
  margin: 0 0 2em;
  font-size: 1.25em;
  color: #4a4a4a;
}
.form-box dd {
  margin-bottom: 2em;
}
.form-box dd > em {
  display: inline-block;
  width: 20%;
  font-size: 1.125em;
  text-align: left;
  vertical-align: middle;
  color:#4a4a4a;
  font-weight:900;
}
.option-box {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
.option-box input {
  width: 100%;
  height: 36px;
  margin: 0;
  border: none;
  cursor: default;
  ime-mode: disabled;
}
.option-box .triangle-down {
  position: absolute;
  top: 43%;
  right: 10px;
  border-top: 7px solid #b3b3b3 !important;
}
.option-box > .dropdown {
  position: absolute;
  top: 104%;
  left: -1px;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  color: #555;
  text-align: left;
}
.option-box > div.dropdown {
  border-right: none;
  border-bottom: none;
}
.dropdown li {
  display: inline-block;
  padding: .2em .56em;
  cursor: pointer;
}
:root .dropdown li {
  padding: .1em .41em;
}
.option-box .size-type,
.dropdown-boder .size-type,
.dropdown1-boder .size-type {
  border-bottom: 1px solid #ccc;
  cursor: text;
}
.option-box li:hover,
.dropdown-boder li:hover,
.dropdown1-boder li:hover {
  background-color: #3eabb8;
  color: #fff;
}
.option-box .size-type:hover,
.dropdown-boder .size-type:hover,
.dropdown1-boder .size-type:hover {
  background: none;
  color: #555;
}
.dropdown .child {
  box-sizing: border-box;
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.child li {
  display: block;
}
.optional-box .fa-camera {
  margin-top: .5em;
  font-size: 5em;
  color: #777;
}
.photograph-area .fa-camera {
  display: block;
  margin: 0 0 .3em;
  color: #c3c3c3;
}
.optional-box > strong {
  display: block;
  margin: 1em 0 1em;
}
.optional-box p {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #777;
}
.upload-box {
  margin: 2em 0 5em;
}
.photo-list {
  padding-top: 2em;
  padding-bottom: 2em;
}
.photo-list li {
  position: relative;
}
.photo-list .photograph-area {
  position: relative;
  padding: 10em 0;
  background-color: #f2f2f2;
}
.photo-list strong {
  display: block;
  font-size:1.125em;
  color:#4a4a4a;
}
.photo-list img {
  display: block;
  max-height: 400px;
  margin: 19px auto;
}
.btn-upload {
  position: relative;
}
.btn-upload iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 none;
  opacity: 0;
  filter:alpha(opacity=0);
}
.photograph-area > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photograph-area > .btn {
  position: relative;
}
.form-box .prev.pull-left {
  margin-left: 1.5em;
}
.form-box .next.pull-right {
  margin-right: 1.5em;
}
/* 免量体, END */

/* take photos index, START */
.take-photos-controls {
  position: absolute;
  bottom: 15%;
  width: 100%;
}
.take-photos-controls span, .take-photos-controls a {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: 0 1em;
  background: url(/statics/front/images/measure/icons.png) no-repeat;
  cursor: pointer;
}
.take-photos-controls .pause {background-position: -70px 0;}
.take-photos-controls .replay {background-position: -140px 0;}
.take-photos-controls .take-photos {background-position: -210px 0;}
/* take photos index, END */

/* take photos 拍照, START */
.video-container {
  position: relative;
  width: 900px;
  margin: 0 auto;
}
.figure-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
.figure-box > strong {
  display: block;
  font-size: 20px;
  color: #0c3;
}
.line {
  display: block;
  width: 30%;
  height: 7px;
  margin: 0 auto;
  background-color: #0c3;
  border-radius: 10px;
}
.line-head {width:20%;}
.scanning-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  background-color: orange;
}
.snapshot {
  position: relative;
  width: 70px;
  height: 70px;
  background: url(/statics/front/images/measure/icons.png) no-repeat -210px 0;
  border: none;
  font-size: 0;
  cursor: pointer;
}
.face {border: 2px solid #fff;}
/* take photos 拍照, END */

@media screen and (min-width: 1025px) {
.physique dd:hover > img {
  display: none;
}
.physique dd:hover > .bright {
  display: block;
}
.physique dd:hover > img {
  border: 2px solid #3eabb8;
}
}
@media screen and (max-width: 1200px) {
.dropdown-boder{
  width:115px;
  left:47.5%;
  top:47%;
}
.dropdown1-boder{
  width:137px;
  left:47.2%;
  top:47%;
}
}
@media screen and (max-width: 1024px) {
.switch-unit {
  top: -6em;
  margin-left: 0;
}
.btn.submit-for-edit {
  margin-left: 2em;
}
}
@media screen and (max-width: 768px) {
.physique > dl {
  float: none;
  width: 100%;
  padding: 0 !important;
}
}
@media screen and (max-width: 568px) {
.measure-panel > .pull-right > em {
  display: block;
  margin-left: 1.7em;
}
.control {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -35px;
  cursor: pointer;
}

.switch-unit {
  top: -7.2em;
}
.form-box dd > em {
  width: 100%;
  padding-right: 5%;
}
.option-box {
  width: 100%;
}
.measure-panel input {
  width: 13em;
}
.height-in {
  margin: .5em -1.7em 0 4.7em !important;
}
.btn.submit-for-edit {
  margin-left: 18%;
}
}
@media screen and (max-width: 320px) {
.physique > .title {
  margin-bottom: .5em;
}
.measure-panel > div > em {
  display: block;
  margin: 0 0 .5em 2em;
}
.physique img {
  border: 1px solid #fff;
}
.physique .active img {
  border: 1px solid #3eabb8;
}
.physique .active .mark {
  border-top: 10px solid #3eabb8;
  border-left: 10px solid transparent;
}
}

/* 预约量体，start */
.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 50px;
  margin-top: -25px;
  margin-left: -150px;
  font-size: 2em;
  font-weight: normal;
}

.decoration {
  display: inline-block;
  width: 220px;
  height: 2px;
  background-color: #777;
  font-size: 0;
}

.decoration i {
  display: inline-block;
  height: 22px;
  width: 16px;
  margin-top: -10px;
  padding: 0 15px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHZSURBVDhPhZQ7LwRhGIXHpdBRIP6ARKMiIRSr2E12Z5dtbEuzFQWNbpOR6NBTEZ1o/Au3QiOhUaDZApG4rcLtPBx2XYaTnHzf957nfWd2jAlqlcvlujKZzKy8E4bhpdZH7P0OGYzxqhKJRKPCMflQ8MuHdX7C32qH2Wx2nB63B3UqFuVrA2Wta1on0+n0KGbvGhnMtVykN9C0Hh1OHGypob9QKDS8z66KGhmM2VO5N9BhyYUygPlYie2Ddc8yhWMO8vpvV/4uGFj3HDOg4kNk5l/BuqfC4ZaDbmfB+b8SO+8Btxx2fdiXO8zECsYsPXsUJuQHDeJvPvfXcyCDkXm5HugN8vl8izabMj/jSmve/A+RmeHqm/S+BSp2y0cecqB3o/MtqBE1MjNH9Dh6l96BYRUvDKzqVW1yxKvepPqKswsNG3FUVRRF9QJKAvh9NxoYOmK4SuGNsxKso6/Sf1qrgG2ZK23w0IDZUyPTsDbjv0vwlMBnredaS9j7Z936tLF4CR6U79XAFT9NjcxYvLhFNczIkRr4uMyyp5ZKpdqNxSuZTDZrSL8aBmpNjcxYvAQm1MAn7K7W1MiMxQtIDT+egVzRQxwyFi8N4Bksymca9PFNPKNGZswKglfs0y6rx+eMiQAAAABJRU5ErkJggg==) no-repeat top center;
}

.bg-decoration {
  background: #f1f5f7 url(../images/measure/schedule/bg-decoration.png);
}

.bg-decoration .decoration i {
  background-color: #f1f5f7;
}

.appointment-summary p {
  font-size: 1.125em;
  line-height: 2;
  color: #4a4a4a;
}

.steps li {
  margin: 0 .4em;
}

.steps li i {
  display: inline-block;
  height: 14px;
  width: 17px;
  margin-top: 6.7em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEhSURBVDhPY7BbtTPNfvl2BQZSgd2aXaq2q7a/t1u9vUpr1So2qDBxwHb19h671Tv+A/FN+zXbXaDChIHZ4m18tqt3PIdq/m+7asdKq2W7pKDS+IHt6p3xMI1gzau3f7ZZvbPQfv9+FqgSHOD/f0agTceRNUMM2HEJ6H9bqCrswH71LhO7Vdv/oWsGi63avsBy7U4xqFJMAFKAoRGKQaFvv3JHJkN9PRNUOQLYrdzhik0TCl61YzpUOQIAbTyIVTEQg2wEBloGho3AQAjCpgHmR5uV20ShShHAY9s2dmAI3kHXBApV+1XbbKDKMAFQQQmqBiLiEeQESHqFaiI25QBtmwrVRHxaBdqmBQzeT0Aba0jKHXartmXZrtypCOUSCRgYAM9r/wtVB+CzAAAAAElFTkSuQmCC) no-repeat center center;
}

.appointment input,
.appointment textarea {
  width: 100%;
  margin-top: 5px;
}

.banner.bottom .banner-inner {
  top: 50%;
  left: 50%;
  width: 350px;
  height: 108px;
  margin-top: -54px;
  margin-left: -175px;
}

.banner.bottom .banner-inner p {
  margin-bottom: 12px;
}

.banner.bottom .banner-inner .icon {
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADvSURBVChTbY47SgRRFEQbHDCRWYC/zFXoAmYLJrqCSTV0A46CS9BYVzIGTugnFsREQfHb7TmvqxtlLDj0vVXV771KNU2zVNf1GK7gMziPzUqJZQgn8AbvcB2c9cyGFvfgA+5gG5aDs57ZvsWbLLvlil/C20l26/IF97CRvJdesm+XF3jm0VvJe+FvwhO8uswoNXwvYDUd/RU4TzbTOIJOlzCBw8ydjrvjH/zzP5nZsbgIp/HnRHZmp3uPpz4m66VnVkoKb4Dh2+q2UkpqwjhIrRXmGua0tFo5ryf+K8oj8DoZxZ4XJyxQOBDn2KiqfgCzsqCT5B8bogAAAABJRU5ErkJggg==) no-repeat;
  vertical-align: text-top;
}

.fa-phone, .fa-envelope {
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 991px) {
  .steps li i {
    margin: 1em 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEuSURBVDhPnZM/SwNBEMVXEe3stLDSwia1CIbb3UbB2i9gJ2oXsAqBfIG0YhsQlJ2N7f65JljZ2wn2loL2njN3c3CJmxDzg2HZeW/ewe6eUOCuM+NaYgnUKN9XEC+ENHFPQfiSNtxi2Bbrczm8d5vS+oEE/6kf/W7ZxE1P2VBQE8NuTp3bKIVpimJF2niOng/yK+u7rAjRAljH5lslYJgN72g4Y7lE2/xAQnipPeSnOZYr9MgfNwxVgX9WJpzgOsT6aWrk59FJ8EumaZxV5OORv7Qf8h08sO/UYF2kk49H0mQ2dlLDdZHO1tno8XgND/Y1FUB90tk6Hw0umz7Iau8lWxajvJHJkCFLi0Ovlx4fBdB69BS3WfofeBOXFKJNuOLWEvT7q/hf3dHKnQRC/ALOlP8LsP+cSAAAAABJRU5ErkJggg==);
  }
  .banner.bottom .banner-inner {
    top: 5%;
    left: 5%;
  }
}
@media screen and (max-width: 768px) {
  .banner.bottom .banner-inner,
  .banner.bottom .banner-inner a {
    color: #4a4a4a !important;
  }
  .banner.bottom .banner-inner .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAESSURBVChTbZE9TgJRFIVfggmNcQGidqxCk+kmb34y3RQ2uAJaLdmAaMISsNaVQIGlPzUJoZEEI/iD33neIRrnJod73jnnvnczOFUURbtpmnbBBLwbxLvyQsh7v5ckyQDxjb4CD4aVaQNlHOQcYU1/pp8WRbEviJu2BheOn0cdsiw7C0/8KoIdCz7p8AGmBNvmb0uaPPCp4BIs2OPE/G2hH3PbC/1VT9+DDYc7wgeW0W0ttFt5ymjqCvIlwMf0Prg0XunX1fUzoMk6zJTRd2xChjWBALwbZcI+mgDzmtBcXgip+Jt2MLSbdqqC4n15FvupOI4PmR5VQfE8z4/M/lsEvD2nNbzJ/6ssywaBniBuMuXcN3ZArviVBweUAAAAAElFTkSuQmCC);
  }
  .banner.bottom .banner-inner {
    position: static;
    margin: 1rem;
  }
}
/* 预约量体，end */