www.gusucode.com > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/images/css/site.min.css

    @charset "utf-8";
/* CSS Document */
body{ background: #f1f4f5;}
.page {
  position: relative;
  min-height: -webkit-calc(100% - 44px);
  min-height:         calc(100% - 44px);
 
}
@media (max-width: 767px) {
  .page {
    min-height: -webkit-calc(100% - 66px);
    min-height:         calc(100% - 66px);
  }
}
.checkbox-custom {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio-custom label,
.checkbox-custom label {
  min-height: 22px;
  margin-bottom: 0;
  font-weight: 300;
  cursor: pointer;
}
.radio-custom input[type="radio"],
.checkbox-custom input[type="checkbox"] {
  position: absolute;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px;
}
.radio-custom.disabled label,
.checkbox-custom.disabled label,
fieldset[disabled] .radio-custom label,
fieldset[disabled] .checkbox-custom label {
  cursor: not-allowed;
}
.input-group-addon .radio-custom,
.input-group-addon .checkbox-custom {
  margin: 0;
}
.checkbox-custom {
  padding-left: 20px;
}
.checkbox-custom label {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}
.checkbox-custom label:empty {
  padding-left: 0;
}
.checkbox-custom label::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  content: "";
  background-color: #fff;
  border: 1px solid #e4eaec;
  border-radius: 3px;
  -webkit-transition: all .3s ease-in-out 0s;
       -o-transition: all .3s ease-in-out 0s;
          transition: all .3s ease-in-out 0s;
}
.checkbox-custom label::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  margin-left: -20px;
  font-size: 12px;
  line-height: 20px;
  color: #76838f;
  text-align: center;
}
.checkbox-custom input[type="checkbox"],
.checkbox-custom input[type="radio"] {
  z-index: 1;
  width: 20px;
  height: 20px;
  opacity: 0;
}
.checkbox-custom input[type="checkbox"]:focus + label::before,
.checkbox-custom input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox-custom input[type="checkbox"]:checked + label::before,
.checkbox-custom input[type="radio"]:checked + label::before {
  border-color: #e4eaec;
  border-width: 10px;
  -webkit-transition: all 300ms ease-in-out 0s;
       -o-transition: all 300ms ease-in-out 0s;
          transition: all 300ms ease-in-out 0s;
}
.checkbox-custom input[type="checkbox"]:checked + label::after,
.checkbox-custom input[type="radio"]:checked + label::after {
  font-family: "Web Icons";
  content: "\f192";
}
.checkbox-custom input[type="checkbox"]:disabled + label,
.checkbox-custom input[type="radio"]:disabled + label {
  opacity: .65;
}
.checkbox-custom input[type="checkbox"]:disabled + label::before,
.checkbox-custom input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
  background-color: #f3f7f9;
  border-color: #e4eaec;
  border-width: 1px;
}
.checkbox-custom.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox-custom.checkbox-inline {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #f96868;
  border-color: #f96868;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
.animation-fade {
  -webkit-animation-name: fade;
       -o-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: .8s;
       -o-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}
.red-600 {
  color: #f96868 !important;
}
a:focus {
  outline: none;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 40px;
  white-space: nowrap;
  vertical-align: bottom;
  border-radius: 1000px;
}
.avatar i {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
}
.avatar img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0 none;
  border-radius: 1000px;
}


.icon {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);

  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.width-100 {
  width: 100px;
}
.width-150 {
  width: 150px;
}
.width-200 {
  width: 200px;
}
.width-250 {
  width: 250px;
}
.width-300 {
  width: 300px;
}
.padding-horizontal-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.example {
    margin-top: 20px;
    margin-bottom: 20px;
}
hr{ clear:both}
.example:before, .example:after {
    display: table;
    content: " ";
}
.example:after {
    clear: both;
}
.bg-blue-grey-100 {
    background-color: #f3f7f9 !important;
}
.example-title {
    text-transform: uppercase;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif;
}