.reg-head {
  padding-top: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #d23e3e; }
  .reg-head h1 {
    margin: 0; }
  .reg-head .logo-main {
    float: left;
    display: block;
    width: 390px;
    height: 70px;
    text-indent: -999em;
    overflow: hidden;
    background-image: url(../img/site-logo.png);
    background-image: -webkit-image-set(url(../img/site-logo.png) 1x, url(../img/site-logo.png) 2x);
    background-repeat: no-repeat; }

.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1; }

.layout:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.col-extra:after, .col-sub:after, .main-wrap:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both; }

.col-extra, .col-sub, .main-wrap {
  *zoom: 1; }

.col-fst,
.col-sub {
  float: left;
  display: inline; }

.col-fst {
  width: 100%; }

.col-10-2 .main-wrap {
  margin-right: 260px; }

.col-10-2 .col-sub {
  width: 240px;
  margin-left: -240px; }

.col-2-10 .main-wrap {
  margin-left: 260px; }

.col-2-10 .col-sub {
  width: 240px;
  margin-left: -100%; }

.col-12 .main-wrap {
  width: 100%; }

.content {
  width: 100%;
  overflow: hidden; }

.skin-box {
  margin-bottom: 20px; }

.skin-box .box-skin-title {
  position: relative; }

.skin-box .box-skin-title h4 {
  margin-left: 10px;
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0; }

.skin-box .box-skin-title .title-view-extra {
  position: absolute;
  right: 10px;
  bottom: 0; }

.skin-box .box-skin-body:before, .skin-box .box-skin-body:after {
  content: " ";
  display: table; }
.skin-box .box-skin-body:after {
  clear: both; }

.skin-box .skin-box-body:before, .skin-box .skin-box-body:after {
  content: " ";
  display: table; }
.skin-box .skin-box-body:after {
  clear: both; }

.col-sub .skin-box {
  border: 1px solid #dddddd; }

.col-sub .skin-box .box-skin-title {
  background: #f7f7f7; }

.similar-product .box-skin-title h2 {
  margin-top: 10px; }
.similar-product .box-skin-body {
  overflow: hidden;
  height: 320px;
  border: 1px solid #dddddd;
  background: url(../img/loading-middle.gif) no-repeat center center; }
.similar-product .slidebox-horizontal {
  position: relative;
  width: 1200px;
  margin: 0 -1px; }
  .similar-product .slidebox-horizontal .slidebox-slider {
    width: 1200px;
    position: relative;
    overflow: hidden; }
    .similar-product .slidebox-horizontal .slidebox-slider .trending-item {
      float: left;
      list-style: none;
      height: 320px;
      width: 1200px; }
.similar-product .slidebox-prev, .similar-product .slidebox-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 50px;
  margin-top: -25px; }
.similar-product .slidebox-prev {
  left: 0; }
.similar-product .slidebox-next {
  right: 0; }
.similar-product .slidebox-prev > a, .similar-product .slidebox-next > a {
  width: 30px;
  height: 50px;
  text-indent: -9999em;
  cursor: pointer;
  opacity: 0.4;
  background: #000 url(../img/banner-slider-buttons.png) no-repeat; }
.similar-product .slidebox-prev > a {
  float: left;
  border-radius: 0 2px 2px 0; }
.similar-product .slidebox-next > a {
  float: right;
  border-radius: 2px 0 0 2px;
  background-position: -29px 0; }
.similar-product .slidebox-prev > a:hover, .similar-product .slidebox-next > a:hover {
  opacity: 0.6; }
.similar-product .slidebox-wrap {
  width: 1200px;
  overflow: hidden;
  position: relative; }
  .similar-product .slidebox-wrap .col-lg-3 {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px; }
  .similar-product .slidebox-wrap .item {
    padding: 10px 0; }
    .similar-product .slidebox-wrap .item .img {
      position: relative;
      width: 220px; }
      .similar-product .slidebox-wrap .item .img .pic {
        width: 220px;
        height: 220px;
        margin: 0 auto;
        background-color: #fff;
        display: table;
        table-layout: fixed;
        text-align: center;
        font-size: 0;
        overflow: hidden; }
        .similar-product .slidebox-wrap .item .img .pic img {
          max-width: 220px;
          max-height: 220px; }
      .similar-product .slidebox-wrap .item .img .discount {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 46px;
        overflow: hidden;
        background: url(../img/th-icon-discount.png) no-repeat;
        color: #fff;
        text-align: center; }
    .similar-product .slidebox-wrap .item .pic-rind {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .similar-product .slidebox-wrap .item .detail {
      margin-top: 8px; }
      .similar-product .slidebox-wrap .item .detail .title {
        height: 36px;
        overflow: hidden; }
      .similar-product .slidebox-wrap .item .detail .title a {
        color: #333333; }
      .similar-product .slidebox-wrap .item .detail .cost {
        margin-top: 12px; }
        .similar-product .slidebox-wrap .item .detail .cost b {
          color: #d23e3e;
          font-weight: normal; }
.similar-product .slidebox-container {
  background: #fff;
  overflow: hidden; }

.sui-msg {
  display: block;
  font-size: 12px;
  margin-top: 8px; }

.msg-correct {
  position: relative;
  margin-top: 0px; }
  .msg-correct .iconfont {
    position: absolute;
    right: 10px;
    top: -29px; }

.msg-error {
  background: #ffedec;
  border: 1px solid #ffbdb9;
  padding: 1px 5px 2px 5px; }

.input-error {
  border: 1px solid #d23e3e !important; }

.input-correct {
  border: 1px solid #65ba56 !important; }

/* pay platform sub 2 logo */
.ln-logo-box {
  float: left;
  border-left: 1px solid #e8e8e8;
  padding-left: 30px;
  margin-left: 30px; }

.ln-logo-omoney {
  display: block;
  width: 125px;
  height: 44px;
  margin-top: 26px;
  background: url(https://www.omoney.com/images/logo.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -999em;
  overflow: hidden; }

.grayborder {
  border: 1px solid #ddd;
  padding: 5em;
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml5 {
  margin-left: 15em !important; }

.mt20 {
  margin-top: 20px; }

/*information*/
.inforicon {
  float: left;
  margin-right: 2em;
  margin-left: 12em; }

.inforicon-right {
  font-size: 70px;
  color: #65ba56;
  display: inline-block;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s; }

.gantanhao {
  font-size: 48px;
  color: #ff861b;
  display: inline-block;
  transition: font-size 0.25s ease-out 0s; }

.iconfont-wrong {
  color: #d93932;
  line-height: inherit; }

.infor {
  float: left;
  line-height: 2.5em; }

.infor h1 {
  font-size: 1.5em !important; }

.infor h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 24px; }

.infor p {
  font-size: 14px;
  margin-bottom: 10px; }

.infor p a {
  color: #1663a6; }

.infor .buttonred {
  margin-bottom: 2em; }

.weak-p .text-red {
  color: #d23e3e; }

.weak-p {
  display: inline-block;
  background: #ffeceb;
  padding: 0 1em;
  font-size: 14px; }

.gy-param-list {
  display: inline-block;
  min-width: 460px;
  background: #f7f7f7;
  padding: 0.8em 1.5em;
  margin-bottom: 10px; }
  .gy-param-list > li {
    font-size: 12px;
    line-height: 2; }
    .gy-param-list > li strong {
      margin-right: 6px; }

/*reset password*/
.logininfor {
  text-align: left; }

.logininfor1 {
  margin-top: 15px; }

.logininfor1 label {
  text-transform: capitalize;
  display: block; }

.logininfor1 input {
  width: 340px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px; }

.logininfor1 .xing {
  color: #d93932; }

.logininfor1 .fields {
  display: inline-block;
  width: 340px; }

.bianma {
  display: inline-block; }

.bianma img {
  padding-left: 10px;
  padding-right: 10px; }

.inforpanduan input {
  border: 1px solid #d93932 !important; }

.inforpanduan span {
  color: #d93932 !important;
  display: block;
  font-size: 12px; }

.inforright {
  position: relative; }

.inforright input {
  border: 1px solid #65ba56 !important; }

.inforright i {
  position: absolute;
  top: 32px;
  right: 73px; }

/*404*/
.page-404 {
  width: 750px;
  margin: 125px auto;
  height: auto;
  overflow: hidden; }

.page-404img {
  float: left;
  width: 400px; }

.page-404font {
  float: right;
  width: 350px; }

/*50X*/
.page-50x {
  width: 710px;
  margin: 0 auto;
  margin-top: 120px;
  height: 400px;
  overflow: hidden;
  background: url(../img/503_1.png) no-repeat top right; }

.page-50xleft {
  width: 375px; }

.page-50xleft span {
  font-size: 75%; }

.page-50xleft img {
  display: block;
  margin-bottom: 10px; }