table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  text-decoration: none
}

.txt-rt {
  text-align: right
}

.txt-lt {
  text-align: left
}

.txt-center {
  text-align: center
}

.float-rt {
  float: right
}

.float-lt {
  float: left
}

.clear {
  clear: both
}

.pos-relative {
  position: relative
}

.pos-absolute {
  position: absolute
}

.vertical-base {
  vertical-align: baseline
}

.vertical-top {
  vertical-align: top
}

.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0
}

nav.vertical ul li {
  display: block
}

nav.horizontal ul li {
  display: inline-block
}

img {
  max-width: 100%
}

::-webkit-input-placeholder {
  font-size: .8em;
  color: #999
}

:-moz-placeholder {
  font-size: .8em;
  color: #999
}

::-moz-placeholder {
  font-size: .8em;
  color: #999
}

:-ms-input-placeholder {
  font-size: .8em;
  color: #999
}

body {
  background: #fff;
  padding: 50px 0 30px 0;
}

h1 {
  font-size: 34px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 0 0 25px 0
}

.product-detailed p {
  text-align: center;
}

.login {
  width: 50%;
  margin: 0 auto;
  background: #f8f8f8;
  border-radius: 4px
}

.login-top {
  background: #e9e9e9;
  border-radius: 4px 4px 0 0;
  padding: 11px 0;
  text-align: center;
  border: 5px solid #00a0ea;
  border-bottom: 0
}

.login-top h2 {
  font-size: 30px;
  font-weight: 700;
  color: #7a7a7a;
  margin-bottom: 5px;
}

.login-top h3 {
  font-size: 17px;
  font-weight: 400;
  color: #7a7a7a;
  margin: 0 25px
}

span.log {
  font-size: 16px;
  font-weight: 600;
  display: block
}

.login-bottom {
  padding: 23px 23px 23px 23px;
  border: 5px solid #00a0ea;
  border-top: 0;
  border-radius: 0 0 4px 4px
}

.login-bottom h3 {
  font-size: 15px;
  font-weight: 600;
  color: #737373;
  margin: 10px 0 10px 0
}

.user,
.user-in {
  border: 1px solid #ededed;
  border-top: 2px solid #ededed;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 1em;
  font-weight: 900
}

.user input[type="text"],
.user select,
.user input[type="number"],
.user-in input[type="password"] {
  background: 0;
  outline: 0;
  font-size: 1em;
  font-weight: 600;
  padding: 8px 8px;
  border: 0;
  width: 85%;
  -webkit-appearance: none
}

.keep-loginbutton {
  float: right
}

.keepme i:before {
  background-color: #2da5da
}

.keepme .rating label {
  color: #ccc;
  transition: color .3s;
  -o-transition: color .3s;
  -ms-transition: color .3s;
  -moz-transition: color .3s;
  -webkit-transition: color .3s
}

.keep-loginbutton input[type="submit"] {
  color: #FFF;
  font-size: 17px;
  font-weight: 600;
  width: 93%;
  padding: 8px 26px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border: 0;
  background: #e21b1b
}

.keep-loginbutton input[type="submit"]:hover {
  background: #6b6b6b;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all
}

.keepme {
  padding: 6px 0;
  width: 100%;
  font-size: 100%;
  font: inherit;
}

span.login-line {
  background: #efeded;
  width: 460px;
  height: 2px;
  display: block;
  margin: 20px auto
}

.copyright {
  padding: 110px 0 0 0;
  text-align: center
}

.copyright p {
  font-size: .9em;
  font-weight: 400;
  color: #00a0ea
}

.copyright p a {
  font-size: 15px;
  font-weight: 400;
  color: #e21b1b
}

.copyright p a:hover {
  color: #fff;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all
}

.user select {
  width: 49%;
  padding: 8px 8px;
  font-size: 1em;
  border: 0;
  background: transparent;
  color: #7a7a7a;
  font-size: .9em
}

.user textarea {
  width: 98%;
  height: 60px;
  border: 0
}

.user div {
  padding: 4px 2em 0 8px;
  float: left;
}

.user .address {
  float: none;
  padding-right: 0
}

.user div label {
  color: #7a7a7a;
  font-size: .9em
}

.clearfloat {
  display: block;
  padding: 0;
  margin: 0;
  clear: both
}

.youhui {
  color: red;
  line-height: 40px;
  font-weight: 900
}

.Spinner .amounts1 {
  width: 36px;
  height: 25px;
  padding: 4px 5px;
  line-height: 17px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #d9d9d9;
  float: left;
  text-align: center;
  color: #565656;
  outline: 0
}

.Spinner a {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #d9d9d9;
  background-color: #f7f7f7;
  float: left;
  cursor: pointer;
  outline: 0
}

.Spinner a i {
  font-style: normal;
  display: block;
  width: 9px;
  height: 9px;
  margin: 8px;
  text-indent: 999999%;
  overflow: hidden;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVCQjFFMzM3QkFEMTFFNEI5Q0RFODU1MTFCRDM4NUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVCQjFFMzQ3QkFEMTFFNEI5Q0RFODU1MTFCRDM4NUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUJCMUUzMTdCQUQxMUU0QjlDREU4NTUxMUJEMzg1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUJCMUUzMjdCQUQxMUU0QjlDREU4NTUxMUJEMzg1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnkNf6cAAABISURBVHjaYvj//z8DMj579ux/dDF0nJqahqGGiYFKYPAZxAgKE0KKZsyYSdik0cAmHNgg/40ahBewnDt3jioJcjSwCQOAAAMA7JGNLTHwZ+oAAAAASUVORK5CYII=')
}

.Spinner .Decrease i {
  background-position: -9px -9px
}

.Spinner .Increase i {
  background-position: -9px -0px
}

.Spinner .DisDe i {
  background-position: -0px -9px
}

.Spinner .DisIn i {
  background-position: -0px -0px
}

@media (max-width: 1440px) {
  .login {
    width: 100%
  }

  .keep-loginbutton input[type="submit"] {
    width: 91%
  }
}

@media (max-width: 1366px) {
  .login {
    width: 100%
  }
}

@media (max-width: 1280px) {
  h1 {
    font-size: 30px
  }

  body {
    padding: 0 0 30px 0
  }

  .copyright {
    padding: 55px 0 0 0
  }

  .keep-loginbutton input[type="submit"] {
    width: 96%
  }
}

@media (max-width: 1024px) {
  body {
    padding: 0 0 30px 0
  }

  h1 {
    font-size: 30px
  }

  .login-top h2 {
    font-size: 24px
  }
}

@media (max-width: 768px) {
  .login {
    body {
      padding: 0 0 105px 0
    }

    .copyright {
      padding: 55px 0 0 0
    }
  }
}
  @media (max-width: 736px) {
    span.login-line {
      width: 410px
    }
  }

  @media (max-width: 667px) {
    span.login-line {
      width: 390px
    }
  }

  @media (max-width: 640px) {
    .login h2 {
      font-size: 26px
    }

    body {
      padding: 0 0 40px 0
    }

    .copyright {
      padding: 55px 0 0 0
    }
  }

  @media (max-width: 480px) {
    span.login-line {
      width: 350px
    }

    .login {
      width: 100%
    }

    h1 {
      font-size: 27px
    }

    .keep-loginbutton input[type="submit"] {
      width: 99%
    }
  }

  @media (max-width: 320px) {
    .login {
      width: 100%
    }

    span.login-line {
      width: 240px
    }

    .login h2 {
      font-size: 18px
    }

    span.log {
      font-size: 14px
    }

    span.login-line {
      margin: 10px auto
    }

    .keep-loginbutton input[type="submit"] {
      font-size: 12px;
      width: 100%;
      padding: 6px 15px
    }

    .login-bottom h3 {
      font-size: 11px;
      margin: 0 0 8px 0
    }

    .copyright {
      padding: 25px 0 0 0
    }

    body {
      padding: 0 0 30px 0
    }

    .copyright p {
      font-size: 13px
    }

    .copyright p a {
      font-size: 13px
    }

    h1 {
      font-size: 22px;
      margin: 0 0 16px 0
    }

    .login-top {
      padding: 6px 0
    }
  }

  nav {margin:0 auto; padding:0; width:100%;position:fixed; left:0; bottom:0;
    -webkit-animation:fadeInUpBig 1s 0.2s ease both;-moz-animation:fadeInUpBig 1s 0.2s ease both; }
nav ul {margin:0 auto;padding:0 0; height:45px; width:100%; background:#e30; overflow:hidden;list-style: none;}
nav ul li { width:33.3%; float:left; text-align:center;}
nav ul li a { display:block; line-height:45px;width:100%;color:#fff;font-size:0.8em; }
nav ul li a strong { display:block; position: relative;top:10px;left:0; font-weight:normal;}

nav ul.Transverse {position:relative;}
nav ul.Transverse li a {border-right:1px dotted #f66;}
nav ul.Transverse li:last-child a {border-right:0px;}
nav ul.Transverse li a strong{ display:inline; position: inherit;font-weight:normal;padding-left:32px; line-height:45px;font-size:14px;}
nav ul.Transverse li:nth-child(1) a strong{background:url("home.png") left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li:nth-child(2) a strong{background:url("call.png") left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li:nth-child(3) a strong{background:url("sms.png") left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li:nth-child(1) a.home strong{background:url("home.png") left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li span {color:#333}