.nav-pink {
  border: 1px solid #FF516B;
}
.nav-pink a {
  color: #FF516B;
}
.nav-pink a:hover {
  color: #FF516B !important;
}
.nav-pink.on {
  background-color: #FF516B;
}
.nav-pink.on a {
  color: #ffffff;
}
.nav-pink.on a:hover {
  color: #FFF !important;
}
.nav-purple {
  border: 1px solid rgba(255, 20, 0, 0.77);
}
.nav-purple a {
  color: rgba(255, 20, 0, 0.77);
}
.nav-purple a:hover {
  color: rgba(255, 20, 0, 0.77) !important;
}
.nav-purple.on {
  background-color: rgba(255, 20, 0, 0.77);
}
.nav-purple.on a {
  color: #ffffff;
}
.nav-purple.on a:hover {
  color: #FFF !important;
}
.nav-blue {
  border: 1px solid #81c5f7;
}
.nav-blue a {
  color: #81c5f7;
}
.nav-blue a:hover {
  color: #81c5f7 !important;
}
.nav-blue.on {
  background-color: #81c5f7;
}
.nav-blue.on a {
  color: #ffffff;
}
.nav-blue.on a:hover {
  color: #FFF !important;
}
.nav-green {
  border: 1px solid #25cede;
}
.nav-green a {
  color: #25cede;
}
.nav-green a:hover {
  color: #25cede !important;
}
.nav-green.on {
  background-color: #25cede;
  border: 1px solid transparent;
}
.nav-green.on a {
  color: #ffffff;
}
.nav-green.on a:hover {
  color: #FFF !important;
}
.nav-yellow {
  border: 1px solid rgba(251, 219, 72, 0.76);
}
.nav-yellow a {
  color: rgba(251, 219, 72, 0.76);
}
.nav-yellow a:hover {
  color: rgba(251, 219, 72, 0.76) !important;
}
.nav-yellow.on {
  background-color: rgba(251, 219, 72, 0.76);
}
.nav-yellow.on a {
  color: #ffffff;
}
.nav-yellow.on a:hover {
  color: #FFF !important;
}
.pink a:hover {
  color: #FF435F;
}
.pink .theme-box {
  background: #fff5f5;
  border: 1px solid #ff516b;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-image: url(/static/img/module/cl/index/img3bg.png);
  background-repeat: no-repeat;
  background-position: -10px -42px;
  background-size: 80px;
}
.pink .theme {
  color: #FF435F;
}
.pink .sec-nav-bg {
  background: #FFEBEE;
}
.pink .sec-nav-color {
  color: #A85A64;
}
.pink .sec-nav-color a {
  color: #A85A64;
}
.pink .nav-item.on {
  background-image: url(/static/img/module/cl/index/snav.png);
}
.purple .sec-nav-bg {
  background: #ffe7e7;
}
.purple .sec-nav-color {
  color: #ff1400;
}
.purple .sec-nav-color a {
  color: #ff1400;
}
.purple .theme-box {
  background: #ffe7e7;
  border: 1px solid #ff1400;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-image: url(/static/img/module/cl/index/img3bg.png);
  background-repeat: no-repeat;
  background-position: -10px -42px;
  background-size: 80px;
}
.purple .theme {
  color: #DBA9FF;
}
.purple .nav-item.on {
  background-image: url(/static/img/module/cl/index/snav.png);
}
.purple .yj-banner .banner-gold {
  background-image: url(/static/img/module/cl/index/list1.png), url(/static/img/module/cl/index/titlebg.png);
  background-position: 10px 132px, -10px -42px;
  background-size: 281px, 80px;
}
.blue .sec-nav-bg {
  background: rgba(177, 218, 249, 0.2);
}
.blue .sec-nav-color {
  color: #81c5f7;
}
.blue .sec-nav-color a {
  color: #81c5f7;
}
.blue .theme-box {
  background: rgba(177, 218, 249, 0.2);
  border: 1px solid #81c5f7;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-image: url(/static/img/module/cl/index/img3bg.png);
  background-repeat: no-repeat;
  background-position: -10px -42px;
  background-size: 80px;
}
.blue .theme {
  color: #A4D6FA;
}
.blue .yj-sec-nav .nav-item.on {
  background-image: url(/static/img/module/cl/index/snav_b.png);
}
.blue .yj-sec-nav .nav-item.on a {
  color: #006489 !important;
}
.blue .yj-banner .banner-gold {
  background-image: url(/static/img/module/cl/index/list2.png), url(/static/img/module/cl/index/list2_1.png), url(/static/img/module/cl/index/titlebg.png);
  background-position: 7px 365px, 189px 0px, -10px -42px;
  background-size: 60.5px, 120px, 80px;
}
.green .sec-nav-bg {
  background: rgba(175, 239, 239, 0.3);
}
.green .sec-nav-color {
  color: #3dd0de;
}
.green .sec-nav-color a {
  color: #3dd0de;
}
.green .theme-box {
  background: rgba(175, 239, 239, 0.3);
  border: 1px solid #3dd0de;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-image: url(/static/img/module/cl/index/img3bg.png);
  background-repeat: no-repeat;
  background-position: -10px -42px;
  background-size: 80px;
}
.green .theme {
  color: #A4D6FA;
}
.green .yj-sec-nav .nav-item.on {
  background-image: url(/static/img/module/cl/index/snav_g.png);
}
.green .yj-sec-nav .nav-item.on a {
  color: #3C9019 !important;
}
.green .yj-banner .banner-gold {
  background-image: url(/static/img/module/cl/index/list3.png), url(/static/img/module/cl/index/titlebg.png);
  background-position: -71px 132px, -10px -42px;
  background-size: 370px, 80px;
}
.yellow .sec-nav-bg {
  background: rgba(255, 246, 144, 0.2);
}
.yellow .sec-nav-color {
  color: rgba(251, 219, 72, 0.76);
}
.yellow .sec-nav-color a {
  color: rgba(251, 219, 72, 0.76);
}
.yellow .theme-box {
  background: rgba(255, 246, 144, 0.2);
  border: 1px solid rgba(251, 219, 72, 0.76);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-image: url(/static/img/module/cl/index/img3bg.png);
  background-repeat: no-repeat;
  background-position: -10px -42px;
  background-size: 80px;
}
.yellow .theme {
  color: #A4D6FA;
}
.yellow .nav-item.on {
  background-image: url(/static/img/module/cl/index/snav_y.png);
}
.yellow .yj-banner .banner-gold {
  background-image: url(/static/img/module/cl/index/list4.png), url(/static/img/module/cl/index/titlebg.png);
  background-position: 135px -3px, -10px -42px;
  background-size: 165px, 80px;
}