/*
* @des senior-tp2-tp_home
* @author guozhaodong
* @update 2017-10-16
*/
/*
* @des senior-tp3-tp
* @author zhang-j
* @update 2017-10-17
*/
.skin-black .co-nav {
  background: #444;
}
.skin-black .co-nav-lst a:hover {
  background: #222;
}
.skin-black .co-nav-lst .cur a {
  background: #222;
}
.skin-black .nav-wrap {
  background: #444;
}
.skin-black .top_nav .nav-item > a.now, .skin-black .top_nav .nav-item > a:hover {
  background: #222;
}
.skin-black .top_nav .nav-prod-hover > a {
  background: #222;
}

.skin-red .co-nav {
  background: #d00;
}
.skin-red .co-nav-lst a:hover {
  background: #b00;
}
.skin-red .co-nav-lst .cur a {
  background: #b00;
}
.skin-red .nav-wrap {
  background: #d00;
}
.skin-red .top_nav .nav-item > a.now, .skin-red .top_nav .nav-item > a:hover {
  background: #b00;
}
.skin-red .top_nav .nav-prod-hover > a {
  background: #b00;
}

.skin-orange .co-nav {
  background: #f90;
}
.skin-orange .co-nav-lst a:hover {
  background: #e80;
}
.skin-orange .co-nav-lst .cur a {
  background: #e80;
}
.skin-orange .nav-wrap {
  background: #f90;
}
.skin-orange .top_nav .nav-item > a.now, .skin-orange .top_nav .nav-item > a:hover {
  background: #e80;
}
.skin-orange .top_nav .nav-prod-hover > a {
  background: #e80;
}

.skin-green .co-nav {
  background: #7c0;
}
.skin-green .co-nav-lst a:hover {
  background: #6b0;
}
.skin-green .co-nav-lst .cur a {
  background: #6b0;
}
.skin-green .nav-wrap {
  background: #7c0;
}
.skin-green .top_nav .nav-item > a.now, .skin-green .top_nav .nav-item > a:hover {
  background: #6b0;
}
.skin-green .top_nav .nav-prod-hover > a {
  background: #6b0;
}

.skin-cyan .co-nav {
  background: #0cd;
}
.skin-cyan .co-nav-lst a:hover {
  background: #00bdcc;
}
.skin-cyan .co-nav-lst .cur a {
  background: #00bdcc;
}
.skin-cyan .nav-wrap {
  background: #0cd;
}
.skin-cyan .top_nav .nav-item > a.now, .skin-cyan .top_nav .nav-item > a:hover {
  background: #00bdcc;
}
.skin-cyan .top_nav .nav-prod-hover > a {
  background: #00bdcc;
}

.skin-blue .co-nav {
  background: #08d;
}
.skin-blue .co-nav-lst a:hover {
  background: #07c;
}
.skin-blue .co-nav-lst .cur a {
  background: #07c;
}
.skin-blue .nav-wrap {
  background: #08d;
}
.skin-blue .top_nav .nav-item > a.now, .skin-blue .top_nav .nav-item > a:hover {
  background: #07c;
}
.skin-blue .top_nav .nav-prod-hover > a {
  background: #07c;
}

.skin-purple .co-nav {
  background: #a0d;
}
.skin-purple .co-nav-lst a:hover {
  background: #80c;
}
.skin-purple .co-nav-lst .cur a {
  background: #80c;
}
.skin-purple .nav-wrap {
  background: #a0d;
}
.skin-purple .top_nav .nav-item > a.now, .skin-purple .top_nav .nav-item > a:hover {
  background: #80c;
}
.skin-purple .top_nav .nav-prod-hover > a {
  background: #80c;
}

/*
* @des floor-tp2-all
* @author guozhaodong
* @update 2017-10-16
*/
/*
* @des floor-tp2-style1
* @author guozhaodong
* @update 2017-10-16
*/
.widget-floor-tp3-style1 {
  padding: 10px 0 30px;
}
.widget-floor-tp3-style1 .floor-bd {
  height: 580px;
  border-top: 2px solid #0098f0;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.widget-floor-tp3-style1 .floor-bd:before, .widget-floor-tp3-style1 .floor-bd:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style1 .floor-bd:after {
  clear: both;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead {
  float: left;
  width: 474px;
  height: 579px;
  border: 1px solid #e7e7e7;
  border-top: none;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead img {
  margin-bottom: 15px;
  max-width: 474px;
  max-height: 474px;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-content {
  height: 100%;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-content .pic {
  position: relative;
  width: 474px;
  height: 474px;
  text-align: center;
  line-height: 474px;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-info {
  margin-left: 23px;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-info .price {
  height: 41px;
  line-height: 41px;
  font-size: 22px;
  color: #ff0000;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-info .title {
  font-size: 18px;
  width: 430px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-floor-tp3-style1 .floor-bd .floor-lead .prod-info .title a:link, .widget-floor-tp3-style1 .floor-bd .floor-lead .prod-info .title a:visited {
  color: #666;
}
.widget-floor-tp3-style1 .floor-prods ul:before, .widget-floor-tp3-style1 .floor-prods ul:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style1 .floor-prods ul:after {
  clear: both;
}
.widget-floor-tp3-style1 .floor-prods ul li {
  float: left;
}
.widget-floor-tp3-style1 .floor-prods .prod-content {
  height: 290px;
  width: 238px;
  padding-top: 21px;
  padding-left: 28px;
  padding-right: 25px;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-floor-tp3-style1 .floor-prods .prod-content .price {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  color: #ff0000;
}
.widget-floor-tp3-style1 .floor-prods .prod-content .title {
  font-size: 14px;
  overflow: hidden;
  height: 42px;
}
.widget-floor-tp3-style1 .floor-prods .prod-content .title a:link, .widget-floor-tp3-style1 .floor-prods .prod-content .title a:visited {
  color: #666;
}
.widget-floor-tp3-style1 .floor-prods .prod-content .pic {
  position: relative;
  width: 180px;
  height: 180px;
  text-align: center;
  line-height: 180px;
}
.widget-floor-tp3-style1 .floor-prods .prod-content .pic img {
  max-width: 180px;
  max-height: 180px;
}

/*
* @des floor-tp2-style2
* @author guozhaodong
* @update 2017-10-16
*/
.widget-floor-tp3-style2 {
  padding: 10px 0 30px;
}
.widget-floor-tp3-style2 .floor-bd {
  height: 580px;
  border-top: 2px solid #0098f0;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-floor-tp3-style2 .floor-bd:before, .widget-floor-tp3-style2 .floor-bd:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style2 .floor-bd:after {
  clear: both;
}
.widget-floor-tp3-style2 .floor-prods ul:before, .widget-floor-tp3-style2 .floor-prods ul:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style2 .floor-prods ul:after {
  clear: both;
}
.widget-floor-tp3-style2 .floor-prods ul li {
  float: left;
}
.widget-floor-tp3-style2 .floor-prods ul li:nth-of-type(5n) {
  width: 238px;
}
.widget-floor-tp3-style2 .floor-prods .prod-content {
  height: 290px;
  width: 239px;
  padding: 22px 24px 22px 28px;
  border: 1px solid #e7e7e7;
  border-top: none;
  margin: 0 -1px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-floor-tp3-style2 .floor-prods .prod-content .price {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #ff0000;
}
.widget-floor-tp3-style2 .floor-prods .prod-content .title {
  line-height: 17px;
  font-size: 14px;
  overflow: hidden;
  height: 36px;
}
.widget-floor-tp3-style2 .floor-prods .prod-content .title a:link, .widget-floor-tp3-style2 .floor-prods .prod-content .title a:visited {
  color: #666;
}
.widget-floor-tp3-style2 .floor-prods .prod-content .pic {
  position: relative;
  width: 180px;
  height: 180px;
  text-align: center;
  line-height: 180px;
}
.widget-floor-tp3-style2 .floor-prods .prod-content .pic img {
  max-width: 180px;
  max-height: 180px;
}

/*
* @des floor-tp2-style2
* @author guozhaodong
* @update 2017-10-16
*/
.widget-floor-tp3-style3 {
  padding: 10px 0 30px;
}
.widget-floor-tp3-style3 .floor-items {
  margin-right: -25px;
}
.widget-floor-tp3-style3 .floor-items:before, .widget-floor-tp3-style3 .floor-items:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style3 .floor-items:after {
  clear: both;
}
.widget-floor-tp3-style3 .floor-items dl {
  border: 1px solid #e7e7e7;
  float: left;
  margin-right: 25px;
  padding: 26px 24px 26px 29px;
  width: 380px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-floor-tp3-style3 .floor-items dl h3 {
  font-size: 16px;
  margin-bottom: -4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-floor-tp3-style3 .floor-items dl dd {
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0;
}
.widget-floor-tp3-style3 .floor-items dl dd:before, .widget-floor-tp3-style3 .floor-items dl dd:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-floor-tp3-style3 .floor-items dl dd:after {
  clear: both;
}
.widget-floor-tp3-style3 .floor-items dl dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.widget-floor-tp3-style3 .floor-items .img-info {
  position: relative;
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
}
.widget-floor-tp3-style3 .floor-items .img-info img {
  max-width: 100px;
  max-height: 100px;
}
.widget-floor-tp3-style3 .floor-items .prod-info {
  float: left;
  padding: 2px 0;
  width: 205px;
}
.widget-floor-tp3-style3 .floor-items .prod-info .title {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 23px;
  overflow: hidden;
  height: 42px;
}
.widget-floor-tp3-style3 .floor-items .prod-info .title a:link, .widget-floor-tp3-style3 .floor-items .prod-info .title a:visited {
  color: #666;
}
.widget-floor-tp3-style3 .floor-items .prod-info .price {
  font-size: 16px;
  color: #ff0000;
}

/*
* @des pic-tp2-all
* @author guozhaodong
* @update 2017-10-16
*/
/*
* @des pic-tp2-style1
* @author guozhaodong
* @update 2017-10-16
*/
.widget-pic-tp3-style1 {
  padding: 40px 0;
}
.widget-pic-tp3-style1 .ban-wrap {
  position: relative;
}
.widget-pic-tp3-style1 img {
  width: 1190px;
  height: 120px;
}

/*
* @des pic-tp2-style2
* @author guozhaodong
* @update 2017-10-16
*/
.widget-pic-tp3-style2 {
  padding: 40px 0;
}
.widget-pic-tp3-style2 ul {
  margin-right: -25px;
}
.widget-pic-tp3-style2 ul li {
  position: relative;
  float: left;
  margin-right: 25px;
}
.widget-pic-tp3-style2 ul img {
  width: 380px;
  height: 200px;
}

/*
* @des prod-tp3-all
* @author ZHANG-J
* @update 2017-11-23
*/
/*
* @des pord-tp2-style1
* @author guozhaodong
* @update 2017-10-16
*/
.widget-prod-tp3-style1 {
  padding: 10px 0 30px;
}
.widget-prod-tp3-style1 .floor-bd {
  border: 1px solid #e7e7e7;
  height: 290px;
}
.widget-prod-tp3-style1 .floor-bd:before, .widget-prod-tp3-style1 .floor-bd:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-prod-tp3-style1 .floor-bd:after {
  clear: both;
}
.widget-prod-tp3-style1 ul:before, .widget-prod-tp3-style1 ul:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-prod-tp3-style1 ul:after {
  clear: both;
}
.widget-prod-tp3-style1 ul li {
  float: left;
}
.widget-prod-tp3-style1 ul .prod-content {
  height: 290px;
  width: 238px;
  padding: 22px 24px 22px 28px;
  border-left: 1px solid #e7e7e7;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-prod-tp3-style1 ul .prod-content:first-child {
  border-left: none;
}
.widget-prod-tp3-style1 ul .prod-content .price {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #ff0000;
}
.widget-prod-tp3-style1 ul .prod-content .title {
  line-height: 17px;
  font-size: 14px;
  overflow: hidden;
  height: 36px;
}
.widget-prod-tp3-style1 ul .prod-content .title a:link, .widget-prod-tp3-style1 ul .prod-content .title a:visited {
  color: #666;
}
.widget-prod-tp3-style1 ul .prod-content .pic {
  position: relative;
  width: 180px;
  height: 180px;
  text-align: center;
  line-height: 180px;
}
.widget-prod-tp3-style1 ul .prod-content .pic img {
  max-width: 180px;
  max-height: 180px;
}

/*
* @des txt-tp1-all
* @author guozhaodong
* @update 2017-10-16
*/
/*
* @des txt-tp3-style1
* @author guozhaodong
* @update 2017-10-16
*/
.widget-txt-tp3-style1 h3 {
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  font-weight: normal;
  padding: 10px 0;
}

/*
* @des txt-tp3-style2
* @author guozhaodong
* @update 2017-10-16
*/
.widget-txt-tp3-style2 {
  text-align: center;
}
.widget-txt-tp3-style2 h3 {
  position: relative;
  display: inline-block;
  padding: 0 100px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  font-weight: normal;
}
.widget-txt-tp3-style2 h3:before, .widget-txt-tp3-style2 h3:after {
  display: block;
  content: " ";
  width: 70px;
  height: 10px;
  position: absolute;
  top: 16px;
}
.widget-txt-tp3-style2 h3:before {
  left: 0;
  background: url(/resources/images/showroom_v2/tp3/txt_img.png) no-repeat 0 0;
}
.widget-txt-tp3-style2 h3:after {
  right: 0;
  background: url(/resources/images/showroom_v2/tp3/txt_img.png) no-repeat 0 -10px;
}

/*
* @des txt-tp3-style3
* @author guozhaodong
* @update 2017-10-16
*/
.widget-txt-tp3-style3 {
  text-align: center;
}
.widget-txt-tp3-style3 h3 {
  position: relative;
  display: inline-block;
  padding: 0 100px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  font-weight: normal;
}
.widget-txt-tp3-style3 h3:before, .widget-txt-tp3-style3 h3:after {
  display: block;
  content: " ";
  width: 70px;
  height: 6px;
  position: absolute;
  top: 16px;
}
.widget-txt-tp3-style3 h3:before {
  left: 0;
  background: url(/resources/images/showroom_v2/tp3/txt_img.png) no-repeat 0 -20px;
}
.widget-txt-tp3-style3 h3:after {
  right: 0;
  background: url(/resources/images/showroom_v2/tp3/txt_img.png) no-repeat 0 -26px;
}

/*
* @des bulletin-tp3-all
* @author zhang-j
* @update 2017-10-19
*/
/*
* @des bulletin-tp3-style1
* @author zhang-j
* @update 2017-10-19
*/
.widget-bulletin-tp3-style1 {
  padding: 10px 0 30px;
}
.widget-bulletin-tp3-style1 .bulletin-items {
  float: left;
  margin-right: 30px;
  padding: 27px;
  border: 1px solid #e7e7e7;
  width: 580px;
  height: 260px;
  box-sizing: border-box;
}
.widget-bulletin-tp3-style1 .bulletin-items:last-child {
  margin-right: 0;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-content {
  float: left;
  width: 304px;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-content h3 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-content p {
  font-size: 14px;
  overflow: hidden;
  height: 150px;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-content a:link, .widget-bulletin-tp3-style1 .bulletin-items .bulletin-content a:visited {
  color: #666;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-img {
  position: relative;
  float: left;
  margin-left: 20px;
  width: 200px;
  height: 200px;
  text-align: center;
  line-height: 200px;
}
.widget-bulletin-tp3-style1 .bulletin-items .bulletin-img img {
  max-width: 200px;
  max-height: 200px;
}
.widget-bulletin-tp3-style1 .bulletin-ope {
  margin: 20px;
  text-align: center;
}
.widget-bulletin-tp3-style1 .bulletin-ope .bulletin-more {
  color: #fff;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
}

/*
* @des bulletin-tp3-style2
* @author zhang-j
* @update 2017-10-19
*/
.widget-bulletin-tp3-style2 {
  padding: 10px 0 30px;
}
.widget-bulletin-tp3-style2 .bulletin-hd {
  height: 48px;
  line-height: 48px;
}
.widget-bulletin-tp3-style2 .bulletin-hd .tail {
  float: right;
}
.widget-bulletin-tp3-style2 .bulletin-hd .tail a {
  color: #666;
}
.widget-bulletin-tp3-style2 .bulletin-wrap {
  padding: 28px 26px 28px 28px;
  border: 1px solid #e7e7e7;
  height: 260px;
  box-sizing: border-box;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead {
  float: left;
  margin-right: 80px;
  width: 528px;
  box-sizing: border-box;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead:last-child {
  margin-right: 0;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-content {
  float: left;
  width: 291px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-content h3 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-content p {
  font-size: 14px;
  overflow: hidden;
  height: 150px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-content a:link, .widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-content a:visited {
  color: #666;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-img {
  position: relative;
  float: left;
  margin-right: 25px;
  width: 200px;
  height: 200px;
  text-align: center;
  line-height: 200px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lead .bulletin-img img {
  max-width: 200px;
  max-height: 200px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst {
  float: left;
  width: 525px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst ul:before, .widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst ul:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst ul:after {
  clear: both;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst ul li {
  height: 30px;
  line-height: 30px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst .bulletin-lst-tit {
  float: left;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 470px;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst .bulletin-lst-tit a:link, .widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst .bulletin-lst-tit a:visited {
  color: #666;
}
.widget-bulletin-tp3-style2 .bulletin-wrap .bulletin-lst .bulletin-lst-date {
  float: right;
  font-size: 14px;
}

.skin-color-lst .s-black i {
  background: #444;
}

.skin-black div[class^="widget-pic"] .btn-primary,
.skin-black div[class^="widget-floor"] .btn-primary,
.skin-black div[class^="widget-prod"] .btn-primary,
.skin-black div[class^="widget-bulletin"] .btn-primary,
.skin-black div[class^="widget-txt"] .btn-primary {
  background: #444;
  border-color: #444;
}
.skin-black div[class^="widget-pic"] .btn-primary:hover,
.skin-black div[class^="widget-floor"] .btn-primary:hover,
.skin-black div[class^="widget-prod"] .btn-primary:hover,
.skin-black div[class^="widget-bulletin"] .btn-primary:hover,
.skin-black div[class^="widget-txt"] .btn-primary:hover {
  background: #222;
}
.skin-black .banner .banner-dot .cur {
  background: #222;
}
.skin-black .slider .slider-dot .cur {
  background: #222;
}
.skin-black .widget-floor-tp3-style1 .floor-bd,
.skin-black .widget-floor-tp3-style2 .floor-bd {
  border-color: #444;
}
.skin-black .floor-hd-border {
  border-bottom-color: #444 !important;
}
.skin-black .floor-bd-border {
  border-top-color: #444 !important;
}
.skin-black .bulletin-more {
  background-color: #444;
}
.skin-black .card-wrap .left-s .cn-card1 {
  background: #444;
}
.skin-black .card-wrap .left-s .cn-card1:after {
  border-left-color: #444;
}

.skin-color-lst .s-red i {
  background: #d00;
}

.skin-red div[class^="widget-pic"] .btn-primary,
.skin-red div[class^="widget-floor"] .btn-primary,
.skin-red div[class^="widget-prod"] .btn-primary,
.skin-red div[class^="widget-bulletin"] .btn-primary,
.skin-red div[class^="widget-txt"] .btn-primary {
  background: #d00;
  border-color: #d00;
}
.skin-red div[class^="widget-pic"] .btn-primary:hover,
.skin-red div[class^="widget-floor"] .btn-primary:hover,
.skin-red div[class^="widget-prod"] .btn-primary:hover,
.skin-red div[class^="widget-bulletin"] .btn-primary:hover,
.skin-red div[class^="widget-txt"] .btn-primary:hover {
  background: #b00;
}
.skin-red .banner .banner-dot .cur {
  background: #b00;
}
.skin-red .slider .slider-dot .cur {
  background: #b00;
}
.skin-red .widget-floor-tp3-style1 .floor-bd,
.skin-red .widget-floor-tp3-style2 .floor-bd {
  border-color: #d00;
}
.skin-red .floor-hd-border {
  border-bottom-color: #d00 !important;
}
.skin-red .floor-bd-border {
  border-top-color: #d00 !important;
}
.skin-red .bulletin-more {
  background-color: #d00;
}
.skin-red .card-wrap .left-s .cn-card1 {
  background: #d00;
}
.skin-red .card-wrap .left-s .cn-card1:after {
  border-left-color: #d00;
}

.skin-color-lst .s-orange i {
  background: #f90;
}

.skin-orange div[class^="widget-pic"] .btn-primary,
.skin-orange div[class^="widget-floor"] .btn-primary,
.skin-orange div[class^="widget-prod"] .btn-primary,
.skin-orange div[class^="widget-bulletin"] .btn-primary,
.skin-orange div[class^="widget-txt"] .btn-primary {
  background: #f90;
  border-color: #f90;
}
.skin-orange div[class^="widget-pic"] .btn-primary:hover,
.skin-orange div[class^="widget-floor"] .btn-primary:hover,
.skin-orange div[class^="widget-prod"] .btn-primary:hover,
.skin-orange div[class^="widget-bulletin"] .btn-primary:hover,
.skin-orange div[class^="widget-txt"] .btn-primary:hover {
  background: #e80;
}
.skin-orange .banner .banner-dot .cur {
  background: #e80;
}
.skin-orange .slider .slider-dot .cur {
  background: #e80;
}
.skin-orange .widget-floor-tp3-style1 .floor-bd,
.skin-orange .widget-floor-tp3-style2 .floor-bd {
  border-color: #f90;
}
.skin-orange .floor-hd-border {
  border-bottom-color: #f90 !important;
}
.skin-orange .floor-bd-border {
  border-top-color: #f90 !important;
}
.skin-orange .bulletin-more {
  background-color: #f90;
}
.skin-orange .card-wrap .left-s .cn-card1 {
  background: #f90;
}
.skin-orange .card-wrap .left-s .cn-card1:after {
  border-left-color: #f90;
}

.skin-color-lst .s-green i {
  background: #7c0;
}

.skin-green div[class^="widget-pic"] .btn-primary,
.skin-green div[class^="widget-floor"] .btn-primary,
.skin-green div[class^="widget-prod"] .btn-primary,
.skin-green div[class^="widget-bulletin"] .btn-primary,
.skin-green div[class^="widget-txt"] .btn-primary {
  background: #7c0;
  border-color: #7c0;
}
.skin-green div[class^="widget-pic"] .btn-primary:hover,
.skin-green div[class^="widget-floor"] .btn-primary:hover,
.skin-green div[class^="widget-prod"] .btn-primary:hover,
.skin-green div[class^="widget-bulletin"] .btn-primary:hover,
.skin-green div[class^="widget-txt"] .btn-primary:hover {
  background: #6b0;
}
.skin-green .banner .banner-dot .cur {
  background: #6b0;
}
.skin-green .slider .slider-dot .cur {
  background: #6b0;
}
.skin-green .widget-floor-tp3-style1 .floor-bd,
.skin-green .widget-floor-tp3-style2 .floor-bd {
  border-color: #7c0;
}
.skin-green .floor-hd-border {
  border-bottom-color: #7c0 !important;
}
.skin-green .floor-bd-border {
  border-top-color: #7c0 !important;
}
.skin-green .bulletin-more {
  background-color: #7c0;
}
.skin-green .card-wrap .left-s .cn-card1 {
  background: #7c0;
}
.skin-green .card-wrap .left-s .cn-card1:after {
  border-left-color: #7c0;
}

.skin-color-lst .s-cyan i {
  background: #0cd;
}

.skin-cyan div[class^="widget-pic"] .btn-primary,
.skin-cyan div[class^="widget-floor"] .btn-primary,
.skin-cyan div[class^="widget-prod"] .btn-primary,
.skin-cyan div[class^="widget-bulletin"] .btn-primary,
.skin-cyan div[class^="widget-txt"] .btn-primary {
  background: #0cd;
  border-color: #0cd;
}
.skin-cyan div[class^="widget-pic"] .btn-primary:hover,
.skin-cyan div[class^="widget-floor"] .btn-primary:hover,
.skin-cyan div[class^="widget-prod"] .btn-primary:hover,
.skin-cyan div[class^="widget-bulletin"] .btn-primary:hover,
.skin-cyan div[class^="widget-txt"] .btn-primary:hover {
  background: #00bdcc;
}
.skin-cyan .banner .banner-dot .cur {
  background: #00bdcc;
}
.skin-cyan .slider .slider-dot .cur {
  background: #00bdcc;
}
.skin-cyan .widget-floor-tp3-style1 .floor-bd,
.skin-cyan .widget-floor-tp3-style2 .floor-bd {
  border-color: #0cd;
}
.skin-cyan .floor-hd-border {
  border-bottom-color: #0cd !important;
}
.skin-cyan .floor-bd-border {
  border-top-color: #0cd !important;
}
.skin-cyan .bulletin-more {
  background-color: #0cd;
}
.skin-cyan .card-wrap .left-s .cn-card1 {
  background: #0cd;
}
.skin-cyan .card-wrap .left-s .cn-card1:after {
  border-left-color: #0cd;
}

.skin-color-lst .s-blue i {
  background: #08d;
}

.skin-blue div[class^="widget-pic"] .btn-primary,
.skin-blue div[class^="widget-floor"] .btn-primary,
.skin-blue div[class^="widget-prod"] .btn-primary,
.skin-blue div[class^="widget-bulletin"] .btn-primary,
.skin-blue div[class^="widget-txt"] .btn-primary {
  background: #08d;
  border-color: #08d;
}
.skin-blue div[class^="widget-pic"] .btn-primary:hover,
.skin-blue div[class^="widget-floor"] .btn-primary:hover,
.skin-blue div[class^="widget-prod"] .btn-primary:hover,
.skin-blue div[class^="widget-bulletin"] .btn-primary:hover,
.skin-blue div[class^="widget-txt"] .btn-primary:hover {
  background: #07c;
}
.skin-blue .banner .banner-dot .cur {
  background: #07c;
}
.skin-blue .slider .slider-dot .cur {
  background: #07c;
}
.skin-blue .widget-floor-tp3-style1 .floor-bd,
.skin-blue .widget-floor-tp3-style2 .floor-bd {
  border-color: #08d;
}
.skin-blue .floor-hd-border {
  border-bottom-color: #08d !important;
}
.skin-blue .floor-bd-border {
  border-top-color: #08d !important;
}
.skin-blue .bulletin-more {
  background-color: #08d;
}
.skin-blue .card-wrap .left-s .cn-card1 {
  background: #08d;
}
.skin-blue .card-wrap .left-s .cn-card1:after {
  border-left-color: #08d;
}

.skin-color-lst .s-purple i {
  background: #a0d;
}

.skin-purple div[class^="widget-pic"] .btn-primary,
.skin-purple div[class^="widget-floor"] .btn-primary,
.skin-purple div[class^="widget-prod"] .btn-primary,
.skin-purple div[class^="widget-bulletin"] .btn-primary,
.skin-purple div[class^="widget-txt"] .btn-primary {
  background: #a0d;
  border-color: #a0d;
}
.skin-purple div[class^="widget-pic"] .btn-primary:hover,
.skin-purple div[class^="widget-floor"] .btn-primary:hover,
.skin-purple div[class^="widget-prod"] .btn-primary:hover,
.skin-purple div[class^="widget-bulletin"] .btn-primary:hover,
.skin-purple div[class^="widget-txt"] .btn-primary:hover {
  background: #80c;
}
.skin-purple .banner .banner-dot .cur {
  background: #80c;
}
.skin-purple .slider .slider-dot .cur {
  background: #80c;
}
.skin-purple .widget-floor-tp3-style1 .floor-bd,
.skin-purple .widget-floor-tp3-style2 .floor-bd {
  border-color: #a0d;
}
.skin-purple .floor-hd-border {
  border-bottom-color: #a0d !important;
}
.skin-purple .floor-bd-border {
  border-top-color: #a0d !important;
}
.skin-purple .bulletin-more {
  background-color: #a0d;
}
.skin-purple .card-wrap .left-s .cn-card1 {
  background: #a0d;
}
.skin-purple .card-wrap .left-s .cn-card1:after {
  border-left-color: #a0d;
}