/* CSS Document */
/* original padding-top: 40, s:35 */
body {
  background: #fff;
  padding-top: 40px;
}
@media (max-width: 577px) {
  body {
    padding-top: 35px;
  }
}
a:link,
a:visited {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #C00;
}
a:active {
  color: #C60;
}


/* BS V4.1.3: Rewrite */
@media (min-width: 576px) {
  .container {
    max-width: 570px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.breadcrumb {
  padding: 0.3125rem 1rem;
  margin-bottom: 0rem;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0rem;
  font-size: 0.6875rem;
}
.breadcrumb .breadcrumb-item h1 {
  font-size: 0.6875rem;
  display: inline;
  color: #FF3300;
}

.form-control, .form-control-sm {
  height: auto;
}

/*bs dropdown: Mouse drop to display drop down menu */
.xr-dropdown-mouse-on .dropdown-menu {
  margin-top: 0;
}
.xr-dropdown-mouse-on:hover .dropdown-menu {
  display: block;
}
.xr-dropdown-mouse-on:hover .dropdown-menu-right {
  right: 0;
  left: auto;
}
.xr-dropdown-mouse-on:hover .dropdown-toggle {
  background: #eee;
  color: #C00;
}

@media (min-width: 768px) {

.col-lg-2dot4 {
-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}
}

/* star rating: Rewrite */
.rating-loading {
  height: 1rem;
}
.rating-container .rating-input {
  width: auto;
}
.rating-disabled .rating-input, .rating-disabled .rating-stars {
  cursor: default;
}
.rating-container .filled-stars {
  color: rgba(255,153,0,1.00);
  text-shadow: 0 1px rgba(153,153,153,0.70);
}
/* Supplement and customize */
.rating-xxs {
  font-size: 1.5em;
}
.rating-xxxs {
  font-size: 1em;
}
.rating-xxs .star,
.rating-xxxs .star {
  margin: 0 1px;
}
.rating-container .caption .label {
  margin-top: 0.5em;
}


/* EasyZoom: Rewrite */
.easyzoom {
/*  *zoom: 1;*/
}
.easyzoom.is-loading img {
  cursor: progress;
}
.easyzoom.is-ready img {
  cursor: crosshair;
}
.easyzoom.is-error img {
  cursor: not-allowed;
}
.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #888;
}
.easyzoom-flyout {
  position:absolute;
  z-index: 200;
  overflow: hidden;
  background: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #dee2e6 !important;
}


/* Swiper: Rewrite & customize, default slide size */
.xr-swiper-item {
  width: 40%;
  height: auto;
}
.xr-swiper-item-sm { /* small */
  width: 20%;
  height: auto;
}
.xr-swiper-item-pd-thumb {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  margin: 0;
  border: 1px solid #E4E4E4;
}
.xr-swiper-item-pd-thumb-active {
  opacity: 1;
  border-color: #F60 !important;
  box-shadow: 0 0 0.5rem rgba(255,102,0,0.8);
}
@media (min-width: 576px) {
  .xr-swiper-item {
    width: 30%;
  }
  .xr-swiper-item-sm {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .xr-swiper-item {
    width: 20%; /* or: width: 23% */
	  margin-right: 10px;
  }
  .xr-swiper-item-sm {
    width: 18%;
  }
}
@media (min-width: 992px) {
  .xr-swiper-item-sm {
    width: 16%;
  }
  .xr-swiper-item-pd-thumb, .xr-swiper-item-pd-thumb-active {
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .xr-swiper-item-sm {
    width: 12%;
  }
}



/* Customize Begin: xr- */
/* header, footer, etc. */
.xr-hd-logo h1,
.xr-hd-logo span {
  font-size: 60%;
  font-weight: lighter;
  color: #777;
  text-align: center;
  position: absolute;
  left: 18%;
  top: 63%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.xr-footer {
  background: #fafafa;
  padding: 1rem 0;
}
@media (max-width: 767px) {
  .xr-footer-ext {
    display: block;
    overflow-y: hidden;
    height: 180px;
  }
}


.xr-img-gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.xr-img-gray:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}



/* Box style: */
.xr-box-title {
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 1.05em;
  color: #333;
  line-height: 1.1em;
}
.xr-box-title i {
  color: #888;
}
.xr-box-title h2,
.xr-box-title h3,
.xr-box-title h4 {
  margin: 0px;
  padding: 0px;
  clear: none;
  width: auto;
}
.xr-box-title h3 {
  font-size: 1.2em;
}

.xr-box-dir-title a:link{
	color: #000;
	font-weight: bold;
	font-size: 20px;
	padding-left: 40px;
}
.xr-box-title a:hover,
.xr-box-dir-title a:hover {
  color: #333;
	font-weight: bold;
	font-size: 20px;
	padding-left: 40px;
}

.xr-box-dir-title a i {
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: -5px;
  opacity: 0;
  display: none;
}
.xr-box-dir-title a:hover i {
  visibility: visible;
  margin-left: 0px;
  opacity: 1;
}

.xr-box-menu h2,
.xr-box-menu h3,
.xr-box-menu h4 {
  margin: 0;
  padding: 0;
  clear: both;
  position: relative;
}
.xr-box-menu h2 {
  font-size: 1.2em;
}
.xr-box-menu h3 {
  font-size: 1em;
}
.xr-box-menu h4 {
  font-size: 0.9em;
}
.xr-box-menu a {
  display: block;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #E7E7E7;
}
.xr-box-menu h3:last-of-type a {
  border-bottom-style: none;
}
.xr-box-menu a:hover {
  background: #FFC;
}
.xr-box-menu a i {
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
  color: #999;
}
.xr-box-menu a:hover i {
  right: 0.4rem;
  color: #C00;
}
.xr-box-menu .badge {
  font-size: 0.7em;
}

/* Light shift effect */
.xr-box-shift {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  z-index: 100;
}
.xr-box-shift:hover {
  -webkit-box-shadow: 0rem 0.25rem 0.5rem rgba(0,0,0,0.2);
  box-shadow: 0rem 0.25rem 0.5rem rgba(0,0,0,0.2);
  z-index: 101;
  -webkit-transform: translate3d(0, -0.25rem, 0);
  transform: translate3d(0, -0.25rem, 0);
}

.xr-box-list {
  clear: both;
  border-bottom: 1px solid #E8E8E8;
}
.xr-box-list h2 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: 500;
}
@media (min-width: 576px) {
  .xr-box-list h2 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.1;
    font-weight: 600;
    transform:scale(1,1.1);
  }
}

.xr-box-grid h2 {
  font-size: 1em;
}
.xr-box-grid .xr-pro-price {
  height: auto;
  padding: 0.2em 0;
  margin: 0 auto;
  text-align: center;
}
.xr-box-grid .xr-pro-rate {
  height: auto;
  line-height: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.xr-box-grid .xr-pro-review {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.xr-box-grid-h-new {
  border-top: 2px solid #CCC;
}
.xr-box-grid-h-new .xr-pro-price {
  height: 1.75rem;
  line-height: 1.75rem;
  margin: 0 auto;
  text-align: center;
}
.xr-box-grid-h-new .xr-pro-rate {
  height: 1.25rem;
  line-height: 0.875rem;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 575px) {
  .xr-box-grid .xr-pro-name,
  .xr-box-grid-h-new .xr-pro-name {
    max-height: 4.5rem;
    overflow: hidden;
    word-wrap: break-word;
  }
}
@media (min-width: 576px) {
  .xr-box-grid .xr-pro-name,
  .xr-box-grid-h-new .xr-pro-name {
    height: 4rem;
    overflow: hidden;
    word-wrap: break-word;
  }
  .xr-box-grid:hover {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
  }
  .xr-box-grid-nobreak:hover {
    position: relative;
  }
  .xr-box-grid:hover .xr-pro-name {
    overflow: visible;
    height: auto;
    min-height: 4rem;
  }
  .xr-box-grid:hover .xr-pro-review {
    visibility: visible;
    margin: 0;
    overflow: visible;
    height: auto;
    padding: 0.5em 1em;
  }
  .xr-box-grid-h-new:hover .xr-pro-name {
    height: auto;
    overflow: visible;
    position: absolute;
    bottom: 3.5rem;
  }
  .xr-box-grid-h-new:hover .xr-pro-price {
    margin-top:4rem;
  }
}


/* About Products */
.xr-pro-pri-vip-l,
.xr-pro-pri-vip-m,
.xr-pro-pri-vip-s {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  color: #F60;
  font-weight: bold;
} 
.xr-pro-pri-vip-s {
  font-size: 1em;
}
.xr-pro-pri-vip-m {
  font-size: 1.2em;
}
.xr-pro-pri-vip-l {
  font-size: 1.6em;
}
.xr-pro-pri-off-l,
.xr-pro-pri-off-m,
.xr-pro-pri-off-s {
  background-color: rgba(0,102,0,1.00);
  color: rgba(255,255,96,1.00);
  text-align: center;
  border-radius: 0.25em;
  border: 1px solid rgba(0,102,0,1.00);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  margin: 0px 0px 0px 15px;
  padding: 0em 0.2em;
  font-weight: normal;
  display: inline-block;
}
.xr-pro-pri-off-l {
  padding: 0.15em 0.3em;
  font-size: 1em;
  line-height: 1em;
}
.xr-pro-pri-off-m {
  padding: 0.1em 0.25em;
  font-size: 0.85em;
  line-height: 1em;
}
.xr-pro-pri-off-s {
  padding: 0em 0.2em;
  font-size: 0.75em;
  line-height: 1em;
}
.xr-pro-pri-sale-m,
.xr-pro-pri-sale-s {
  text-decoration: line-through;
  color: #F00;
}
.xr-pro-pri-sale-m strong,
.xr-pro-pri-sale-s strong {
  color: #666;
  font-weight: normal;
}
@media (max-width: 767px) {
  .xr-pro-pri-vip-s {
    font-size: 0.8em;
  }
  .xr-pro-pri-vip-m {
    font-size: 1.05em;
  }
  .xr-pro-pri-vip-l {
    font-size: 1.25em;
  }
  .xr-pro-pri-off-m {
    font-size: 0.75em;
  }
  .xr-pro-pri-off-s {
    font-size: 0.7em;
  }
  .xr-pro-pri-sale-s {
    font-size: 0.7em;
  }
}


.xr-nav-tabs {
  border-bottom: 1px solid #CCC;
}
.xr-nav-tabs .nav-link {
  font-weight: 600;
}
.xr-nav-tabs .nav-link.active {
  color: #CC0000;
  font-weight: 600;
  border-color: #CCC #CCC #fff;
}
.xr-nav-tabs-top {
  margin-top: 2.25rem; /* Small screen, margin-top:36px, so as not to cover the head*/
  padding: 0;
}
.xr-nav-tabs-top .nav-link {
  padding: 0.3rem 0.8rem;
  font-weight: 600;
}
.xr-nav-tabs-top .nav-link.active {
  color: #FFFF99;
  font-weight: 600;
  background: #900;
}
@media (min-width: 768px) {
  .xr-nav-tabs-top {
    margin-top: 0; /* from middle screen */
  }
}


/* General Style */
.xr-row { /* Reset .row Left & Right marin value; System default; Please use as .col- assort .px-1, -grid assort .mx-1 */
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.xr-row-px2 { /* Please use as: .col- assort .px-2, -grid assort .mx-2 */
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media (min-width: 576px) {
  .xr-row-sm {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-sm-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media (min-width: 768px) {
  .xr-row-md {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-md-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media (min-width: 992px) {
  .xr-row-lg {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-lg-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  /* orinal .form-control-lg is generally less used, Just expand -lg-; first -lg means Large Screen. Also, you can add .xr-form-control-xl-lg style. */
  .xr-form-control-lg-lg {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
}
@media (min-width: 1200px) {
  .xr-row-xl {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-xl-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}


.xr-btn-orange {
  color: #fff;
  border-color: rgba(221,102,0,1.00);
  background-image: -webkit-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: -moz-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: -o-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
}
.xr-btn-orange:focus, .xr-btn-orange.focus, .xr-btn-orange:hover, xr-btn-orange:active,
.xr-btn-orange:not(:disabled):not(.disabled):active, .xr-btn-orange:not(:disabled):not(.disabled).active,
.xr-btn-orange:not(:disabled):not(.disabled):active:focus, .xr-btn-orange:not(:disabled):not(.disabled).active:focus {
  color: #fff;
  border-color: rgba(221,102,0,1.00);
  background-image: -webkit-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: -moz-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: -o-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
}

.xr-btn-block {  /*.xr-btn-: .btn Expansion */
  display: block;
  width: 100%;
}
.xr-btn-inline-block {
  display: inline-block;
}
.xr-btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.xr-btn-normal {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.xr-btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.xr-btn-ss {
  padding: 0 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
@media (min-width: 576px) {
  .xr-btn-block-sm { /* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-sm {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-sm {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-sm {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 768px) {
  .xr-btn-block-md { /* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-md {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-md {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-md {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-md {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 992px) {
  .xr-btn-block-lg {
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-lg {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-lg {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-lg {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 1200px) {
  .xr-btn-block-xl {
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-xl {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-xl {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-xl {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-xl {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}


.xr-badge {
  padding: 0 0.3em 0.1em 0.3em;
  font-weight: normal;
}
.xr-badge:hover {
  color: #FF9;
  background: #060;
}
.xr-badge-price-off {
  padding: 0.1rem 0.3em 0.125em 0.3em;
  font-size: 85%;
  font-weight: normal;
  color: #FF9;
  background: #060;
  border-radius: 0.2em;
}

/* Increase spacing */
.xr-list-inline .list-inline-item:not(:last-child) {
  margin-right: 1.25rem;
}
.xr-list-inline .xr-inline-absolute-plus {
  position: absolute;
  top: 40%;
  left: -1rem;
  width: 2rem;
  text-align: center;
}

.xr-flag {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.4em;
  color: rgba(248,255,0,1.00);
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  border-bottom-left-radius: 0.35em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  z-index: 100;
}
.xr-flag-cyan {
  background-image: -webkit-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  color: rgba(222,255,192,1.00);
}
.xr-flag-green {
  background-image: -webkit-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  color: rgba(255,254,192,1.00);
}
.xr-flag-orange {
  background-image: -webkit-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  color: rgba(255,236,188,1.00);
}
.xr-flag-red {
  background-image: -webkit-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  color: rgba(255,255,102,1.00);
}
.xr-flag-purple {
  background-image: -webkit-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  color: rgba(255,207,255,1.00);
}
.xr-flag-olive {
  background-image: -webkit-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: -moz-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: -o-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: linear-gradient(145deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  color: rgba(255,255,173,1.00);
}


/* Positional relationship */
.xr-relative {
  position: relative;
}
.xr-absolute-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.xr-absolute-middle-right {
  position: absolute;
  top: 40%;
  right: 0;
}
.xr-absolute-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.xr-absolute-wh100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  display: block;
  background-color: rgba(0,0,0,0);
}
.xr-absolute-wh100-fade-20per {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  display: block;
  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
}


/* Attention: xr-mw-*, xr-mh-* , Just for partial expansion only, if necessary, you can expand by rules. */
.xr-width-auto {
  width: auto; !important;
}
.xr-height-auto {
  height: auto; !important;
}
.xr-mw-2-5 {
  max-width: 2.5rem; !important;
}
.xr-mw-3 {
  max-width: 3rem; !important;
}
.xr-mw-4 {
  max-width: 4rem; !important;
}
.xr-mw-5 {
  max-width: 5rem; !important;
}
.xr-mw-100per {
  max-width: 100%; !important;
  overflow-x: auto; !important;
}
.xr-mw-7-5 {
  max-width: 7.55rem; !important;
}
.xr-mw-12-5 {
  max-width: 12.5rem; !important;
}
.xr-mh-2-5 {
  max-height: 2.5rem; !important;
}
.xr-mh-3 {
  max-height: 3rem; !important;
}
.xr-mh-4 {
  max-height: 4rem; !important;
}
.xr-mh-5 {
  max-height: 5rem; !important;
}
.xr-mh-15 {
  max-height: 15rem; !important;
}
@media (min-width: 576px) {
  .xr-mw-sm-2-5 {
    max-width: 2.5rem; !important;
  }
  .xr-mw-sm-7-5 {
    max-width: 7.5rem; !important;
  }
}
@media (min-width: 768px) {
  .xr-width-md-auto {
    width: auto;
  }
  .xr-mw-md-5 {
    max-width: 5rem; !important;
  }
  .xr-mh-md-5 {
    max-height: 5rem; !important;
  }
  .xr-mh-md-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 992px) {
  .xr-w-lg-50 {
    width: 50% !important;
  }
  .xr-mw-lg-7-5 {
    max-width: 7.5rem; !important;
  }
  .xr-mh-lg-7-5 {
    max-height: 7.5rem; !important;
  }
}



/* About Text: font size, color, link, ect. ---Begin*/
/* Attention: bs font size: h6 1rem, h5 1.25rem, h4 1.5rem, h3 1.75rem, h2 2rem, h1 2.5rem, small 80%, display-4 2.5rem, display-3 4.5rem, display-2 5.5rem, display-1 6rem  */
h1, .h1 {
  font-size: 1.5rem;
}
h2, .h2 {
  font-size: 1.375rem;
}
h3, .h3 {
  font-size: 1.25rem;
}
h4, .h4 {
  font-size: 1.125rem;
}
.xr-text-small {
  font-size: 80%;
}
.xr-text-ss {
  font-size: 0.6875rem; /*11px*/
}
.xr-text-s {
  font-size: 0.75rem;  /*12px*/
}
.xr-text-m {
  font-size: 0.875rem;  /*14px*/
}
.xr-text-d {
  font-size: 1rem;
}
.xr-text-l {
  font-size: 1.125rem;  /*18px*/
}
.xr-text-xl {
  font-size: 1.25rem;  /*20px*/
}
.xr-text-xxl {
  font-size: 1.5rem;   /*24px*/
}
.xr-text-xxxl {
  font-size: 2rem;  /*32px*/
}
.xr-font-weight-600 {
  font-weight: 600;
}
.xr-text-cross-line {
  height: 1px;
  border-top: 1px solid #ddd;
  text-align: center;
  display: block;
}
.xr-text-cross-line span {
  background: #fff;
  padding: 0 0.5rem;
  position: relative;
  top: -1em;
}
@media (min-width: 576px) {
  .xr-text-sm-small {
    font-size: 80%;
  }
  .xr-text-sm-ss {
    font-size: 0.6875rem;
  }
  .xr-text-sm-s {
    font-size: 0.75rem;
  }
  .xr-text-sm-m {
    font-size: 0.875rem;
  }
  .xr-text-sm-d {
    font-size: 1rem;
  }
  .xr-text-sm-l {
    font-size: 1.125rem;
  }
  .xr-text-sm-xl {
    font-size: 1.25rem;
  }
  .xr-text-sm-xxl {
    font-size: 1.5rem;
  }
  .xr-text-sm-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-sm-600 {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 1.75rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  .xr-text-md-small {
    font-size: 80%;
  }
  .xr-text-md-ss {
    font-size: 0.6875rem;
  }
  .xr-text-md-s {
    font-size: 0.75rem;
  }
  .xr-text-md-m {
    font-size: 0.875rem;
  }
  .xr-text-md-d {
    font-size: 1rem;
  }
  .xr-text-md-l {
    font-size: 1.125rem;
  }
  .xr-text-md-xl {
    font-size: 1.25rem;
  }
  .xr-text-md-xxl {
    font-size: 1.5rem;
  }
  .xr-text-md-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-md-600 {
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  .xr-text-lg-small {
    font-size: 80%;
  }
  .xr-text-lg-ss {
    font-size: 0.6875rem;
  }
  .xr-text-lg-s {
    font-size: 0.75rem;
  }
  .xr-text-lg-m {
    font-size: 0.875rem;
  }
  .xr-text-lg-d {
    font-size: 1rem;
  }
  .xr-text-lg-l {
    font-size: 1.125rem;
  }
  .xr-text-lg-xl {
    font-size: 1.25rem;
  }
  .xr-text-lg-xxl {
    font-size: 1.5rem;
  }
  .xr-text-lg-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-lg-600 {
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  .xr-text-xl-small {
    font-size: 80%;
  }
  .xr-text-xl-ss {
    font-size: 0.6875rem;
  }
  .xr-text-xl-s {
    font-size: 0.75rem;
  }
  .xr-text-xl-m {
    font-size: 0.875rem;
  }
  .xr-text-xl-d {
    font-size: 1rem;
  }
  .xr-text-xl-l {
    font-size: 1.125rem;
  }
  .xr-text-xl-xl {
    font-size: 1.25rem;
  }
  .xr-text-xl-xxl {
    font-size: 1.5rem;
  }
  .xr-text-xl-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-xl-600 {
    font-weight: 600;
  }
}

.xr-text-gray,
a.xr-link-gray, a.xr-link-gray:link, a.xr-link-gray:visited,
.xr-link-gray a, .xr-link-gray a:link, .xr-link-gray a:visited {
  color: #666;
}

.xr-text-lightgray,
a.xr-link-lightgray, a.xr-link-lightgray:link, a.xr-link-lightgray:visited,
.xr-link-lightgray a, .xr-link-lightgray a:link, .xr-link-lightgray a:visited {
  color: #999;
}

.xr-text-darkgray,
a.xr-link-darkgray, a.xr-link-darkgray:link, a.xr-link-darkgray:visited,
.xr-link-darkgray a, .xr-link-darkgray a:link, .xr-link-darkgray a:visited {
  color: #444;
}

.xr-text-white,
a.xr-link-white, a.xr-link-white:link, a.xr-link-white:visited,
.xr-link-white a, .xr-link-white a:link, .xr-link-white a:visited {
  color: #FFF !important;
}

.xr-text-green,
a.xr-link-green, a.xr-link-green:link, a.xr-link-green:visited,
.xr-link-green a, .xr-link-green a:link, .xr-link-green a:visited {
  color: #090;
}

.xr-text-brown,
a.xr-link-brown, a.xr-link-brown:link, a.xr-link-brown:visited,
.xr-link-brown a, .xr-link-brown a:link, .xr-link-brown a:visited {
  color: #996600;
}

.xr-text-gold,
a.xr-link-gold, a.xr-link-gold:link, a.xr-link-gold:visited,
.xr-link-gold a, .xr-link-gold a:link, .xr-link-gold a:visited {
  color: #F60;
}

a.xr-link-gray:hover, .xr-link-gray a:hover,
a.xr-link-lightgray:hover, .xr-link-lightgray a:hover,
a.xr-link-darkgray:hover, .xr-link-darkgray a:hover,
a.xr-link-green:hover, .xr-link-green a:hover,
a.xr-link-brown:hover, .xr-link-brown a:hover,
a.xr-link-gold:hover, .xr-link-gold a:hover,
.xr-text-hover-readdark:hover {
  color: #C00;
}

a.xr-link-white:focus, a.xr-link-white:hover, .xr-link-white a:focus, .xr-link-white a:hover  {
  color: #FF0 !important;
}

a.xr-link-unity:focus, a.xr-link-unity:hover  {
  color: #C00 !important;
}

.xr-text-yellow {
  color: #FF0;
}
.xr-text-red {
  color: #F00;
}
.xr-text-reddark {
  color: #900;
}
.xr-text-blue {
  color: #09C;
}
.xr-text-georgia {
  font-family: Georgia;
}
.xr-text-courier {
  font-family: "Courier New", Courier, monospace;
}
.xr-text-consolas {
  font-family: Consolas;
}
.xr-text-verdana {
  font-family: Verdana;
}
.xr-text-line-through {
  text-decoration: line-through;
  color: #F00;
}
.xr-text-line-through strong {
  color: #666;
  font-weight: normal;
}
.xr-text-2lines {
  position: relative;
  line-height: 1.4em;
  max-height: 2.8em;
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.xr-text-3lines {
  position: relative;
  line-height: 1.4em;
  max-height: 4.2em;
  display: -webkit-box; 
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.xr-text-blink {
  animation: xr-ani-text-blink 1.2s infinite;
  -moz-animation: xr-ani-text-blink 1.2s infinite;
  -webkit-animation: xr-ani-text-blink 1.2s infinite;
  -o-animation: xr-ani-text-blink 1.2s infinite;
}
@keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-webkit-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-moz-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-o-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}



/* bg, hover, line-height, border, rounded, box-shadow  */
.xr-bg-gray {
  background: #d6d8db;
}
.xr-bg-lightgray {
  background: #F2F2F2;
}
.xr-bg-darkgray, .xr-hover-darkgray:hover {
  background: #CBCDD1;
}
.xr-bg-black {
  background: #333;
}
.xr-bg-yellow {
  background: #FFC;
}
.xr-bg-picture {
  background: url(images/logo_bg_s_gray.png) no-repeat center 25%;
}
.xr-bg-transparent-white-95 {
  background-color: rgba(255,255,255,0.95);
}
.xr-bg-transparent-white-85 {
  background-color: rgba(255,255,255,0.85);
}
.xr-bg-transparent-white-60 {
  background-color: rgba(255,255,255,0.60);
}

.xr-hover-lightyellow:hover {
  background: #FFC;
}
.xr-hover-lightgray:hover {
  background: #F3F3F3;
}
.xr-hover-border:hover {
  border: 1px solid #dee2e6 !important;
}

.xr-line-height-100 {
  line-height: 100%;
}
.xr-line-height-0 {
  line-height: 0;
}

.xr-border-transparent {
  border: 1px solid rgba(0,0,0,0) !important;
}
.xr-border-to-lightgray:hover {
  border: 1px solid rgba(0,0,0,0.08) !important;
}
.xr-border-lightblack {
  border-color: #999 !important;
}
.xr-border-gray, .xr-border-to-gray:hover {
  border-color: #CCC !important;
}
.xr-border-lightgray {
  border-color: #F2F2F2 !important;
}
.xr-border-gold {
  border-color: #F60 !important;
}
.xr-border-bold {
  border-width: 2px !important;
}
.xr-border-dashed {
  border-style: dashed !important;
}
/*.xr-border- for: .border Expansion， if necessary, you can extend .xr-border-lg, xr-border-xl etc., by rules */
@media (min-width: 576px) {
  .xr-border-sm {
    border: 1px solid #dee2e6 !important;
  }
  .xr-border-sm-0 {
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  .xr-border-md {
    border: 1px solid #dee2e6 !important;
  }
  .xr-border-md-0 {
    border: 0 !important;
  }
}
/* If used .xr-border-*, rewrite border 0 for top,right,bottom,left */
.xr-border-top-0 {
  border-top: 0 !important;
}
.xr-border-right-0 {
  border-right: 0 !important;
}
.xr-border-bottom-0 {
  border-bottom: 0 !important;
}
.xr-border-left-0 {
  border-left: 0 !important;
}

.xr-rounded {
  border-radius: 0.15rem !important;
}
.xr-rounded-0 {
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  .xr-rounded-md {
    border-radius: 0.25rem !important;
  }
  .xr-rounded-md-0 {
    border-radius: 0 !important;
  }
}

.xr-box-shadow, .xr-hover-box-shadow:hover {
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
}
.xr-box-shadow-round, .xr-hover-box-shadow-round:hover {
  box-shadow: 0 0 0.5rem rgba(180,180,180,0.8);
}
.xr-box-shadow-gold, .xr-hover-box-shadow-gold:hover {
  box-shadow: 0 0 0.5rem rgba(255,102,0,0.8);
}
.xr-box-shadow-none {
  box-shadow: none !important;
}
@media (min-width: 576px) {
  .xr-box-shadow-sm {/* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-sm-none {
    box-shadow: none !important;
  }
}
@media (min-width: 768px) {
  .xr-box-shadow-md {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-md-none {
    box-shadow: none !important;
  }
}
@media (min-width: 992px) {
  .xr-box-shadow-lg {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-lg-none {
    box-shadow: none !important;
  }
}
@media (min-width: 1200px) {
  .xr-box-shadow-xl {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-xl-none {
    box-shadow: none !important;
  }
}


/*Stars Rate*/
.xr-stars {
  position: relative;
  display: inline-block;
}
.xr-stars::before {
  display: block;
  float: left;
  text-align: center;
  color: #BCBCBC;
  width: 100%;
  height: 1em;
  overflow: hidden;
  white-space: pre;
  content: "\f005\f005\f005\f005\f005";
  font: 400 1em/1em "Font Awesome 5 Free";
}
.xr-stars span {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: pre;
  font: 900 1em/1em "Font Awesome 5 Free";
}
.xr-stars span::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #F90;
  content: "\f005\f005\f005\f005\f005";
}
.xr-stars-0 span::before { width: 0%; }
.xr-stars-5 span::before { width: 5%; }
.xr-stars-10 span::before { width: 10%; }
.xr-stars-15 span::before { width: 15%; }
.xr-stars-20 span::before { width: 20%; }
.xr-stars-25 span::before { width: 25%; }
.xr-stars-30 span::before { width: 30%; }
.xr-stars-35 span::before { width: 35%; }
.xr-stars-40 span::before { width: 40%; }
.xr-stars-45 span::before { width: 45%; }
.xr-stars-50 span::before { width: 50%; }
.xr-stars-55 span::before { width: 55%; }
.xr-stars-60 span::before { width: 60%; }
.xr-stars-65 span::before { width: 65%; }
.xr-stars-70 span::before { width: 70%; }
.xr-stars-75 span::before { width: 75%; }
.xr-stars-80 span::before { width: 80%; }
.xr-stars-85 span::before { width: 85%; }
.xr-stars-90 span::before { width: 90%; }
.xr-stars-95 span::before { width: 95%; }
.xr-stars-100 span::before { width: 100%; }



/* Full page Loading */
.xr-fullpage-loading {
  position: absolute;
  height: calc(100% + 40px) !important;
  width: 100%;
  left: 0;
  top: -40px; /*注意body是否有panding-top*/
  z-index: 100000 !important;
}
.xr-fullpage-loading .xr-fullpage-loader,
.xr-fullpage-loading .xr-fullpage-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.xr-fullpage-loading .xr-fullpage-loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: xr-fullpage-ani-loading 1.1s infinite linear;
  animation: xr-fullpage-ani-loading 1.1s infinite linear;
}
@-webkit-keyframes xr-fullpage-ani-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes xr-fullpage-ani-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* Miscellaneous: Begin*/
.xr-cursor-pointer {
  cursor: pointer;
}

.xr-overflow-hidden {
  overflow: hidden;
}

.xr-hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border: 0;
  border-top: 1px solid #E4E4E4;
}

.xr-modal-dialog-fluid {
  max-width: 100%;
  margin: 0;
}

.xr-layers-counter {
  text-align: center;
  display: inline-block;
  position: absolute;
  background-color: #ff253a;
  border-radius: 1em;
  color: #FF0;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .15em;
  right: 0;
  top: 0;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  text-overflow: ellipsis;
  font-weight: normal;
}

.xr-circle {
  width:100%;
  height:100%;
  border-radius: 50%;
  line-height: 1;
}

.xr-alert {
  font-size: 0.85em;
  color: #900;
  padding: 0.25rem 0;
}

.xr-video-play {
  position: absolute;
  text-indent: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0.8;
  color: rgba(255,255,255,1.00);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.xr-video-play:hover {
  color: rgba(255,51,0,1);
  opacity: 1;
}

.xr-view-more-gray {
  position: relative;
  top: -1.5rem;
  text-align: center;
  background-image: -webkit-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: -moz-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: -o-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
}

/* Simple animation effect */
.xr-trans-100ms-linear {
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.xr-animation-appear {
  animation: xr-ani-appear 0.3s;
  -moz-animation: xr-ani-appear 0.3s;  /* Firefox */
  -webkit-animation: xr-ani-appear 0.3s;  /* Safari & Chrome */
  -o-animation: xr-ani-appear 0.3s;  /* Opera */
}
@keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-moz-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-webkit-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-o-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}


/* Special customized menu style */
.xr-scms-newyear, 
.xr-scms-spring-festival, 
.xr-scms-valentine, 
.xr-scms-lantern-festival, 
.xr-scms-christmas, 
.xr-scms-fifa, 
.xr-scms-easter, 
.xr-scms-weekly-promotions, 
.xr-scms-spring-sale
{
}

.headNav_cateLabel{
	background-color: #000;
    color: #fff;	
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
}
.headNav_cateLabel li{
	line-height:25px;
	padding: 0px;
}
.headNav_cateLabel a{
	padding-left: 10px;
}
.headNav {
    background-color: #ffda00;
}
.Home_left_bg{ background-color:#fff}

.btn-info {
    color: #343a40;
    background-color: #ffda00;
    border-color: #ffda00;
	border-radius: 0 40px 40px 0;
}
.btn-info:hover{
    color: #343a40;
    background-color: #ffda00a6;
    border-color: #ffda00a6;	
	}

.gbItem_discount {
    position: absolute;
    right: 3px;
    top: 3px;
    padding:10px;
    width: 50px;
    height: 50px;
    background-color: #f30240;
    color: #fff;
    text-align: center;
	line-height: 10px;
    border-radius: 50%;
}
.gbItem_discount:hover {
background-color:#f30240;
}

.gbItem_discount>strong {
font-size:18px;
	font-weight: normal;
}

.gbItem_discount>em {
font-size:12px;
}

.gbItem_discount>span {
font-size:13px;
}

.index_bg {
	background:url("images/index_ico_1.png") 0 0 no-repeat;
	margin-top: 30px;
	margin-bottom: 10px;
	
}
.index_bg2 {
	background:url("images/index_ico_2.png") 0 0 no-repeat;
	margin-top: 30px;
	margin-bottom: 10px;
	
}
.index_bg3 {
	background:url("images/index_ico_3.png") 0 0 no-repeat;
	margin-bottom: 10px;
	
}
.index_bg4 {
	background:url("images/index_ico_4.png") 0 0 no-repeat;
	margin-bottom: 10px;
	text-transform: uppercase;
	
}
.icon-deals:before{content:"\E6B1"}


.footerLogo,.footerQuality_item,.footerSoical_item,.footerSubscribe_inputWrap,.footerSubscribe_label,.footerSubscribe_submit,.footWebauth_item{display:inline-block;vertical-align:middle}
.footerCenter{margin:auto;width:100%}
.footerQuality{margin:30px 0px;padding:24px 0 30px;background-color:#fff;color:#000}
.footerLogo{margin: 0px 40px; width:200px;text-align:center;vertical-align:middle}
.footerLogo_img{margin:10px auto;max-width:200px}
.footerLogo_text{color:#000;font-size:14px;font-weight:700;line-height:18px}
.footerQuality_item{margin:0 18px;width:158px;text-align:center;cursor:default;vertical-align:top}
.footerQuality_item .tearImage{width:50px;height:50px;margin:0 auto}
.footerQuality_item .footerQuality_itemIcon-nohover{display:block}
.footerQuality_item .footerQuality_itemIcon-hover{display:none}
.footerQuality_item:hover strong.footerQuality_itemText{color:#ffda00}
.footerQuality_item:hover .footerQuality_itemIcon-nohover{display:none}
.footerQuality_item:hover .footerQuality_itemIcon-hover{display:block}
.footerQuality_item:hover .footerQuality_itemIcon.itemQuality{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAyCAMAAADGIxO9AAAA4VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/3QAAAAD/2gD/2QAAAAAAAAD/2gAAAAAAAAAAAAAAAAAAAAAAAAD/2gAAAAAAAAAAAAD/2wAAAAAAAAAAAAAjHwAgHAD/2gAAAAAAAAD/2QD/2wD/2wD/2wD/2gD/2wD/2gAAAAAAAAAAAAD//wAAAAD/2gA+NQARDwDryQDyzgCqkQCkjAApIwDaugCdhgCQewBYSwBKPwBEOgAnIQAjHgAqjRrHAAAAOnRSTlMAgIJAwPs58wRYJbytm2TsxrWNbRAPCvnm49nT0bChhnZybl1PSEY0Gfff3NqppaN+d3E+ODArKCAB2KLT2wAAAVBJREFUSMft1Ndug0AQheFZTDO2ce9xr+m9ncUlTs/7P1BwQThiR8qtJb4LBIIf0IiFYrEoM6Fi2sTToJbhE9tiGqPENkkgq5963gwrfzNb73x7J3odKLKNDvToTC6AuZSAlG/4lLXnAdDgEmf9ErdSvsCT22YOLOS4YgETpikA53Qp5Qfed430sJRpyrBTsLPAqFz1n/MzX1/+5W+Wq1dZLZuAVeEmUKe+jLqhBuAqmxQgqKlomtQDctwEppRWNGkqGYCjnkA+2O/Xthff004LKKgnMAwP766ux+XwcAhYtmoC0MRGYu9OrtjQACQVEwi1p8FnfoRQKtJY2GPkk/4S6O4XgBVdOULogC6EaP1dBiI4YZKCADTyTdpGUOjmblkJ8vGNrzLqXKT0fPeB6L9NKG4OvCkCOaGS43+KjgHWIzEGx2B0iPXkChXXodjh+AX+eGkWL9LrtQAAAABJRU5ErkJggg==)}
.footerQuality_item:hover .footerQuality_itemIcon.itemPrice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAzFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpaWkAAAA7OzuZmZkAAAAUFBQAAAAAAAAAAAD/2gBwcHA4ODgHBweVlZWLi4tPT08LCwtbW1tGRkYwMDAmJiYSEhKDg4NtbW1paWlRUVFKSko+Pj40NDQkJCQbGxt7jZPnAAAALXRSTlMAgPZxaBj84tKifndADwbv6sS2mZZeVDIn8tzXy66phmFJOSAe77iso52MjE3+skA7AAABYElEQVRIx+3U11ICMQBA0ZBduiBdpIPYvaFLsev//5OLW1Rm18Q3neG+JC9nMikTse9fFa/aR78CJ50EkKyZi8EhbllTkU+CLJe27sCQ2NAYOmMHmobkEmzhlJNQNyNFGIhtJbgxI0lQTkKUwTK7EpioD5OBmBFpw9IjZsecqwDKLY1XIR2PFlUJ3HqkSJDsRYk6gXCS+EXcqpW0hAWpC+X3+eaakAohCaSIwbnaJU7xQwh52cCWjALBF5qGnpY8bVgsA9OFrI68wBrmPkmDrSMTUGs2PmkY7OUNRrOZ8kgOpNCRB2ClfNKHopaoZ2Ay9UgMrvVE3S0c45EzqGnJfDxWwNQlxzDUkldQC4+IOhSEfhWYAe4iVWjriVoB3LukAlk9ceLRP+MWHBiRsT+JJ0jkTUhQvgQtEUUyMB597/QqFfnTSqSoEV5XhFY5LguRIqSC/eOflIntZvXzYt/f7x3alnZnDWwXhgAAAABJRU5ErkJggg==)}
.footerQuality_item:hover .footerQuality_itemIcon.itemWarehouse{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA2FBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyKgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/2wAAAAD/2gAAAAAAAAAAAAAAAAD/3QB8agD/2QAAAAAAAAAAAAD/2QD/2QD/2QAAAAAiHQAAAAAEBAAAAAD/3QAAAAAAAAAAAAD/2gD///9/bADX19dYSwD5+flpaWlNTU0cHBz40wAoIwDq6urBwcGnp6eLi4tOTk5BQUEqKioXFxfTtACrkgCgiQBiVABdUAA/NgBhUwBKPwAXFADTWPdVAAAAK3RSTlMA+/Lnp4BdPQagmGsV7HFewIREQCvozLmzNRb68NvY1ryoop2UjHRWNCUOlYH7PgAAAU1JREFUSMftlMduwkAURcc2LsGY3tN7uQyd9Ebq//9R3jBGWJ5xZIgiNpwVOlfHTyxstmHDiuSaAbQEzVxCYSERS99k8AsZbUJHWkyLS2e0AwBVqtPfk4OdTozaUVtOxWKxcXruKUlHw6GcJHvVNEktmsAoq4mKnFzXLft1wLpKnTCB1wD81EmlUrlosxaQSZfI6fUaRLBMQoVgmQSS/71C/2XJRLLGZDLtf7y9KAm5pGT6DcH7JJI4CF08MYBJp4uQ/iIpLdw8yZuAmWe7wNcnqce7+7HYu5Lt46gDDJGYICyWxYwR53wwQojq9iNXcvWZ6nGihzlxZzgsSvmMHJ9BP7YEJ7YddbZ/yWKY4RNv6W6yI7KGvJkVX8yHAec3T4tXSXXyOZKAVSkeD4fP4mVnkphTrjAfIaX5qDiFggXCKuidHs+xbcfTug0r8gP1CKVK/h6nrwAAAABJRU5ErkJggg==)}
.footerQuality_item:hover .footerQuality_itemIcon.itemServices{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA9lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFhYDAwMAAAAAAAAAAAA7Ozs8PDwNDQ2Tk5MXFxcMDAw0NDRhYWEAAAAAAAAAAAAAAACOjo45OTkAAAD/2gCMjIyGhoaCgoJkZGRLS0tCQkKUlJRHR0c/Pz81NTUUFBQKCgqbm5t7e3tubm5eXl5bW1tTU1M4ODguLi4fHx/6A1CMAAAAO3RSTlMA/fHnKPSnfu7rMQgF+HJjPTfisqyhjXdUIQvX0c3HwGxpSC0kGxgT+N1NMw/99t64tbGwrpqZiEItKPaVQyMAAAG2SURBVEjH7ZTXUuMwFEDl2HGKnd57Qgl1e9+jhCQsZfvu//8MtgyZwQgRv8EM58GjkXXmSle6VzzzpNgtTTrJjL0q2LuJlCZAI4kxLQBYSbb2Ef69ADfB2S2QEnA2VhrwV8oV1Dc1OiqICpPfUHHhLFS+QW0zwwGkwoKKMOM77czbVxasImUJ1kE903Z8/X0X3b4FEfKam4lCr96axo1ujjUXv26UxQVrsnsxpQRg/T9bzGWM+WK1r6IVNUrLk/fglzSKV4VCWegNcZQG+1jE2MlBuiK0xnYKUtua6widI6ExnGxg6N5B9Me540TxtYZQ8XM7caNjqx3fQz5w7GDZyalUnM6k/Fo1GYGThpdyBuehcQ5z+UZl0kAGfssT4HK5vARm8h00hYkP8EO9+og/Ur5/qJ5H8D08zD4hP4PhaxgYFRuiPJUn4/IXNYSCyfDACoWAylbwCZUUTA1KHnpK+DyCYSQNwZSxdlTtW0MUg8OoE5TMOW6KwwFAKgvQb4dzn8wNzO0DZDPH3ZaSeg1zO6uhyLW6qriLNoqReWNgF711Bsc2mK/fd6mOvVszkwNqvnjm8XMF4YCBbG4n4rYAAAAASUVORK5CYII=)}
.footerQuality_itemIcon{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center}
.footerQuality_itemIcon.itemQuality{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAyCAMAAADGIxO9AAABAlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADg4OAAAAAAAAAAAAAAAAAAAAAAAADg4OAAAAAAAAAAAAAAAAAAAADg4OAAAADg4OAAAAAAAAAAAAAAAAAAAADk5OQAAAAAAADo6Oj///8AAADg4OAlJSUAAADg4OAaGhrg4ODg4ODg4OAAAADg4ODg4OAAAADh4eEAAADh4eHh4eHk5OQAAAAAAAAAAADg4OA4ODgeHh7Nzc0oKCgQEBAJCQnb29vExMSamppLS0sTExO/v7+zs7OoqKigoKB9fX1wcHBaWloYGBg9pae4AAAAQXRSTlMAgECHYZ94/h7swLwEAblL9/Hfx8e0r6eOfGNZVDcsE/TPe3drUkg8KSYZCwXt6+bm39nTu6ecmo2ETEc8MxMLCQmnFe4AAAFdSURBVEjH7ZTXbsIwFIbtAiUkJOxd9i50793/hLaU7vX+r1IzokCx1WukfBeRfXQ++eiPbObhsYRZXJPRvmVqcpBjqJVwCAq6SmcD2NL3bfsFA/EZ2vaPWOzocSCrdCygzg7ocYgR0QPu6AP3VOm1gVhYoWhBBMtXRE+ic+oI+5XyLA4UFI4PSLMTom98zRx6xiclWB0w1AlEehVxzmBEon182PvgjahTFgNoqgR2zTwtc8pSgE/qGABnCYmz3W8CIVORwCY7kjiJ/mRseQKWs87v0ZjDS6eQBVLyBJrutlOrnV+72y7EELIEgmd8QsutmgU+JQbkJAm4ZJxgS0m4xJdSiGGOoOUXV6CRxALlv06RcwPQxRhpzJOZVqqcR5iE9dmfKx1HHaM6afQDASZQO4KbCx7QdStXZIL/nUU8Z8UdP5DkMlLqR1GLQkmLKSgopQxTovm5jEaJeawOv0IPd8P/1V/7AAAAAElFTkSuQmCC) no-repeat 50%}
.footerQuality_itemIcon.itemPrice{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABIFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIAAAAAAAAAAAAAAAAAAAAAAADg4OAAAAAAAADh4eEAAAAAAADg4ODg4OAAAAAAAAAAAAAAAAAAAADg4OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uLf39/f399paWkAAADg4OAAAAAAAADg4OAAAAA7OzsAAADg4OCZmZng4OAUFBQAAAAAAADg4ODg4OAAAADa2toAAAAAAAAAAADk5OQAAADg4OBwcHDExMRPT0+lpaWVlZWLi4s4ODgxMTElJSUJCQkHBwfY2NjLy8u+vr6xsbFbW1s8PDwYGBgODg61tbWpqamDg4NtbW1paWlKSkpISEhFRUUimxvjAAAAQ3RSTlMAgPbwl1/8tqJxQC8fGATi0cTAZ1Q7EAr37uvf2dWrqZyGeXRqSjkxJx758O/o383Jx7Csp6SjjYyMeGpTT0Q0KRoTY8WDigAAAZ5JREFUSMft1NdOG0EUgOHj8a4LMe4loYYO6b33f1gTNwgESM/7v0V2BjsGYTPDHUj8N3u00qcj7YxWrrpUTYaVtXOB3FwKKFT9xWqSo5Z8RX4aVJA2bsKTLMN0LpZPYNaT3ISKxDUUfPAjJVi1Qxre+pECRLpcs+uyfkcCPa31rZokIOFF5uCvjisbsugB6gHwTZs2MvS7m/k4XoQK+KpttRL/U+E4sc5Q6HeKQWNONVvIShaKz3S/a8M7NwPFESSFkgQ81oM2jn3FJLw/TQBDNgciYs88bs+bbRkIXST6fcjhny9mvBGbBXjlIh3oQtPOZbul4iLbEHU50HaNyAysuchBPLVaW3a+LnVQ4iK/gM6utj2UFSg5yc4+sP3Zzs/N+5cOYvrRi439ZG8kDVUnabbbe4Bd80mSkHOSLuz0jsg9WYcpcW+BFhDF41MJ4ZGb7HYAfprxtQSw6CC2LZrf+zf6Pkz4EL0/OMjJFKmGmwybz6fhgZxB2psnu/NiduyfVqGkyugWZGRBMpB8kRFNLcsZ1ROnWlppyFUXv3/1lqnU6lgCKQAAAABJRU5ErkJggg==) no-repeat 50%}
.footerQuality_itemIcon.itemWarehouse{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA0lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQEAAAAAAAAAAAAAAAAAAAAtLS0AAAAAAAAAAAAAAAAAAAAAAADf398AAAAAAADg4OAAAAAAAADg4OAAAAAAAADg4ODf39/g4OArKysAAAAdHR0AAAAAAADi4uIAAADf398AAADm5uYAAAAAAADg4OD///9OTk5wcHDX19f+/v5qamr5+fmMjIwkJCQcHBwBAQHa2tpWVlZBQUEWFhbq6urBwcG5ubmnp6eWlpZSUlI4ODgqKiofnaNsAAAALXRSTlMA6vqngF3z8JhyPhMF5bagXtnAhGlEQDco6m78887KvKiioJ2UjFY0LxgYFAh5lWYlAAABTUlEQVRIx+2U126DQBBFFwwu2CbuJb33awhg4pJe/v+XwoiNsoJJBEiRXzgPPNyrsyM0sKKkpCDXtgYWzW7yRrONX2nzTgV/UGEVDRgLljHQZgsAvMFXxZWD3VmC6dFVXPV6Pfvs/DalzBgOqfqme5lFmaoK9GFS4Ygry7KGgz3aUGZFEC0bGGRWRqPRxQ1tqJJVoertHhFaHiUyiDwKYv51Cr1LboXYoLIK3Y/1S0qRGaeEjyDeV4piQmZJRQe8WQCJ+6P0lUwqjSpQbYgu8LBG9HgNF9TfSU7UDNBJqcWfTl0e5TvO3IUknXWVKc19EJ4T4UFFzXZMoTJsAEufan8JHG9FnBqGmhmDiUhQkyc+AzU+k9R1EHqdbkx37jhPn8qvxGWiihhNTCJ5EQS0G0uWXKZOEduQ9IWEz1Q6Gmheh894WqZhmC02KynIF2/ZrSepltS8AAAAAElFTkSuQmCC) no-repeat 50%}
.footerQuality_itemIcon.itemServices{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABRFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADY2NgAAAAAAAAAAAAAAAAAAADX19cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAADZ2dnj4+M8PDwcHBwAAAAKCgoAAADY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAADb29sTExPY2NjY2Ng8PDzY2NjY2NgAAADCwsK0tLSTk5PY2NgXFxcMDAw0NDRhYWEAAAAAAADX19fa2trb29uOjo7Z2dk5OTkAAAAAAADY2NjV1dWDg4NCQkLJycm2traIiIhkZGRISEi7u7uwsLCqqqqlpaWSkpKOjo5MTEw3NzcxMTEUFBQKCgrLy8uYmJh7e3tubm5eXl5bW1tTU1MWNtRpAAAAUHRSTlMA7/3qKAj38zIFp39jPeLNv7Khi3dzbGktIQ3m19HAqpduUUU2JBsYFgn+++Xdx8WumnxWSzgTB/n49vbr4t7MxLi2tbGwrqWRjEU4LSgoEZKctREAAAHxSURBVEjH7ZRnU+JQFIZvGiR0WBBpIriKfXct6/be63sAKfa2/f9/35M7yAjGK/mmMz4fMinz5Jz7ntyIG64VM5Fszp9xPwYszvhSPoBJ+TFqATC6n9buAUfzQMjH2nVgdxuAObKSAg6JmsDdUY0cF9khagEYH1EpA/PEdIHkaIYJYJuYFle7LdQ4ZnXlzZIONElyAOhL5fCq6XjPOxMq6ejRIsnW6Y1AsZyuDRuWgT7Hf6hH5xh9tO9DSkSOe6HZaexu0hl+7LQ7zQVZreKhpK0x8uLOnOM+zgw3FuOOo2LM0xB2EDDyYohpg511DycxJ8Y1QPOYqslO0D7nJDaE6Rq28EA+McXkgPF0g+vLd3kh6xvTg8oTkSuwceFHYLNTeEHU2KuTy94+0Tc3F9fwRibzmNrAIQ9n8who02uZpIIw8JcaAE4OuicA9uktcOuyHfyL6l30+Fend5ft5wngJ/FiHsDlN5++BOJKZRHY4ll8EtFsNvpl8iHRcyCgMixAr7/6LJj1KT7MfnyUCAI1hWIDxa+CmeIOl9dcaTYOqBJbBZKusAxJvMoX74GIQllxE12LgwlqYEpVEVannAJCJTBaOJ9PS6mYUv/OkpAY6bwMI2NAMqEePgsZq59gpQCoG3NCiFWsgTvZZ0g64oarz3+BhKcJHpw0wgAAAABJRU5ErkJggg==) no-repeat 50%}
.footerQuality_itemText{font-weight:700;line-height:19px;font-size:14px}
.footerQuality_itemDesc{font-size:12px;color:#666;line-height:15px}