@charset "UTF-8";
*, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.container {
  width: 85%;
  margin: 0 auto;
  min-width: 1120px; }

#navbar {
  background-color: #232325;
  height: 75px; }

.brand {
  height: 36px;
  width: 36px;
  float: left;
  padding: 20px 0; }

.navbar-text {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 75px;
  vertical-align: middle;
  padding-left: 5px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

/*introduction*/
#intr-container {
  padding: 25px 32px;
  background-color: #FFF1F1;
  margin-top: 30px;
  border: 1px solid #FB656F; }
  #intr-container p {
    font-size: 14px;
    color: #755C5C; }

/*access*/
#access-main {
  margin-top: 30px;
  margin-bottom: 78px; }

.btn-search {
  width: 120px; }

.btn-com {
  height: 44px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  /*vertical-align: middle;*/
  background: #232325;
  font-size: 16px;
  color: #E8E8E8;
  width: 120px;
  border: black; }

.input-lg {
  height: 44px;
  border: 1px solid #DFDFDF;
  margin-right: 20px; }

.stepText {
  font-size: 16px;
  color: #232323;
  margin-bottom: 19px;
  font-weight: 600; }

.step {
  margin-bottom: 38px; }

.stepText-sub {
  font-size: 14px;
  color: #232323;
  margin-bottom: 9px;
  font-weight: 300; }

#copy-code {
  width: 100%;
  height: 217px;
  background-color: #FCFCFC;
  border: 1px solid #DFDFDF;
  text-align: left;
  color: #C1BFBF;
  font-size: 14px; }

.container-code {
  width: 500px; }

#copy {
  width: 154px;
  margin-top: 20px;
  float: right; }

.clearfix {
  clear: both; }

.hide {
  display: none; }

.search-title {
  font-size: 15px;
  float: left;
  padding-left: 10px; }

.search-result {
  margin-top: 29px; }

.result-item {
  width: 260px;
  margin-top: 20px;
  background: #FFFFFF;
  border: 1px solid #C8C8C8;
  float: left;
  margin-right: 20px; }

.result-photo {
  height: 291px;
  line-height: 252px;
  text-align: center;
  padding: 24px 40px 15px 40px; }

.specs-photo-model {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

h2.main-specs {
  font-size: 16px;
  color: #232323;
  padding-left: 40px;
  height: 22px; }

.parameter {
  float: left;
  /*font-size: 14px;*/
  font-size: 12px;
  color: #565656;
  line-height: 24px;
  margin-left: 40px;
  /*margin-top: 13px;*/ }

.parameter ul {
  list-style: none;
  padding: 0;
  margin-bottom: 18px; }

.para-related {
  float: left;
  margin: 0 0 0 12px;
  /*font-size: 14px;*/
  font-size: 12px;
  color: #565656;
  line-height: 24px; }

.para-related ul {
  list-style: none;
  padding: 0; }

.more {
  font-size: 14px;
  color: #565656;
  padding-left: 40px;
  /*padding-top: 7px;*/ }

.more-item {
  border-top: 1px solid  #C8C8C8;
  padding: 16px 0 20px 40px;
  margin: 0; }

#ac-preview-container {
  position: relative;
  width: 561px;
  height: 540px;
  padding: 40px 61px 2px;
  border: 1px solid #DFDFDF; }
  #ac-preview-container h5 {
    text-align: center;
    font-size: 16px; }

#ac-preview {
  position: relative;
  width: 561px; }

.pre-box {
  width: 200px;
  margin-top: 20px; }

#btn-upload, #btn-take, #btn-check-another {
  width: 100%;
  margin-bottom: 10px; }

.pre-photo {
  width: 100%;
  height: 200px;
  margin-bottom: 24px;
  line-height: 194px;
  text-align: center; }

#overlay {
  position: absolute;
  width: 100%;
  z-index: 200;
  background: rgba(0, 0, 0, 0.55);
  top: 0;
  left: 0;
  display: none; }

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: normal;
  display: none; }

.bg-color-item {
  /*background: yellow;*/
  float: left;
  margin: 6px 6px 6px 0;
  border: 1px solid #dedede; }

.bgc-small {
  width: 12px;
  height: 12px;
  border-radius: 12px; }

.bgc-big {
  width: 14px;
  height: 14px;
  border-radius: 14px; }

#user-photo {
  border: 1px solid #DEDEDE;
  background: url("../image/人.png") no-repeat center bottom; }

#number {
  width: 154px;
  padding-left: 19px; }

.result-item:hover {
  border: 1px solid #FB656F; }

.more-item:hover {
  cursor: pointer; }

#user-choose {
  margin-top: 12px; }
  #user-choose span {
    color: #FB656F; }

#chosen-item-name {
  text-align: center;
  font-size: 16px;
  color: #232323; }

#judge-photo {
  position: relative;
  bottom: 120px;
  left: 35px; }

.font-common, #check-result-fail-msg, #check-result-success-msg, #detail {
  font-size: 16px;
  text-align: center; }

#check-result-fail-msg {
  color: #FB656F; }

#check-result-success-msg {
  color: #1ECA60; }

#detail {
  margin-bottom: 19px;
  display: none;
  text-decoration: none;
  color: #232323; }
  #detail:hover {
    cursor: pointer; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

#error-msg, #success-msg {
  text-align: center;
  margin-top: 20px; }

.main-section {
  width: 340px;
  margin-top: 7%;
  height: 100%; }

.demo {
  width: 340px;
  /*height: 1382px;*/ }

.logo-hot {
  float: left; }

.search-title {
  font-size: 15px;
  float: left;
  padding-left: 10px; }

.demo-sub-container {
  border: 1px solid #C8C8C8; }

.top-result-fh {
  height: 291px; }

.model-user-common {
  line-height: 211px;
  height: 231px;
  /*height: 100%;*/
  border-bottom: 1px solid #C8C8C8;
  padding: 0 80px 19px 80px;
  text-align: center; }

.para-photo {
  padding: 15px 0 0 20px;
  border-bottom: 1px solid #C8C8C8; }

.para-photo-item {
  float: left;
  font-size: 14px;
  color: #565656;
  line-height: 24px; }

.para-photo-item ul {
  list-style: none;
  padding: 0; }

.para-photo-value {
  float: left;
  margin-left: 5px;
  font-size: 14px;
  color: #565656;
  line-height: 24px; }

.para-photo-value ul {
  list-style: none;
  padding: 0; }

.check {
  padding: 13px 10px 5px 20px; }

.check-item {
  float: left;
  font-size: 14px;
  color: #565656;
  line-height: 28px; }

.check-item ul {
  list-style: none;
  padding: 0; }

.check-item-value {
  float: left;
  margin-left: 5px;
  font-size: 14px;
  color: #565656;
  line-height: 28px; }

.check-item-value ul {
  list-style: none;
  padding: 0; }

#specify-model {
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #dedede; }

.demo-sub-container h2 {
  font-size: 16px;
  color: #232323;
  text-align: center;
  padding: 27px 0 8px 0; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 340px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */ }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../image/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .lb-close:hover {
    cursor: pointer; }

#submit {
  width: 154px;
  margin-top: 6px; }

#class-input {
  width: 340px;
  background: url("../../image/search.png") no-repeat;
  background-size: 20px 20px;
  background-position: 21px 11px;
  padding: 10px 16px 10px 58px; }

#domain {
  padding-left: 20px;
  width: 340px; }

#contact {
  color: #FB656F; }

#specs-alert {
  margin-top: 10px;
  display: none; }

#left-part {
  width: 504px; }

#support {
  text-align: center;
  font-size: 16px;
  color: #C1BFBF;
  position: absolute;
  bottom: 18px;
  width: 100%; }
  #support a {
    color: #111111;
    text-decoration: none; }

::-webkit-input-placeholder {
  font-size: 15px !important;
  color: #C8C8C8; }

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 15px !important;
  color: #C8C8C8; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 15px !important;
  color: #C8C8C8; }

#search-result-none {
  display: none; }

#searchNone-img {
  /*position: absolute;*/
  height: 156px;
  width: 214px;
  background-image: url("../image/没有搜索到.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto; }

p#error_text1 {
  font-size: 16px;
  color: #232323;
  text-align: center; }

p#error_text2 {
  font-size: 14px;
  color: #555555;
  text-align: center; }

.fail-text {
  color: #FB656F; }

#lightbox #requirement {
  background: #eee; }

#preview {
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #dedede;
  vertical-align: middle; }

.demo nav {
  margin-bottom: 10px; }

#d-title {
  font-size: 18px;
  color: #232323;
  margin-top: 42px;
  font-weight: 600; }

.centered {
  width: 92px;
  height: 92px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -46px;
  margin-left: -46px;
  background: url("../image/magnify.gif");
  display: none; }

@media (min-width: 1400px) {
  .container {
    width: 70%; } }

/*# sourceMappingURL=access.css.map */