header {
  background: linear-gradient(180deg, #ffb647 0%, #ff6857 100%);
}
main {
  background: #f2f2f2;
}
footer{
   background: #f2f2f2;
}



.star span.partial {
    background: linear-gradient(to right, #ff6857 var(--percent, 0%), #E4E4E4 var(--percent, 0%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.icon-collection-selected:before {
    display: inline-block;
  
    font-size: 18px;
  color: #ff6857;
}
















.blue  header {
  background: linear-gradient( 180deg, #2A9DF4 0%, #00D2B9 100%);
}

.blue .seachinput a,.blue .seachinput input{
background: #A3E1F1;
  color: #333333;
}
.blue  .active {
color: #DDFF00;
}
  .blue  .maintop dl a {
  background: linear-gradient( 270deg, rgba(0,137,121,0) 40%, #2698EF 100%);
  }
  .blue .now {
  background: linear-gradient( 180deg, #2A9DF4 0%, #00D2B9 100%);
  }
  .blue  .jian {
  border: 2px solid #2A9DF4;
  }
  .blue .icon-right1:before,.blue  .icon-left1:before {
  color: #00D2B9 ;
  }
  .blue  .youwant {
  background: linear-gradient( 90deg, #2A9DF4 0%, #00D2B9 100%);
  }
  .blue  .h1_h1 {
  border-left: 3px solid #4DB2FF;
  }
  .blue .icon-back:before {
  color: #2A9DF4;
  }
.blue .categoryh,.blue .desi,.blue .icon-collection-selected{
color: #2A9DF4;
}
.blue .icon-play:before,.blue .ppPlay,.blue .main_mainleft_love{
  background: linear-gradient( 90deg, #2A9DF4 0%, #00D2B9 100%);
}
.blue .get span{
    border: 1px solid #2A9DF4;
    color:#2A9DF4;
}

.blue .header1input .icon-search:before {
  color:#2A9DF4;
}








.red  header {
background: linear-gradient( 180deg, #D7418C 0%, #FE7F7F 100%);
}

.red .seachinput a,.red .seachinput input{
background: #FF92C8;
  color: #333333;
}
.red  .active {
color: #FFF176 ;
}
  .red  .maintop dl a {
background: linear-gradient( 270deg, rgba(239,38,38,0) 40%, #EF268B 100%);
  }
  .red .now {
 background: linear-gradient( 180deg, #D7418C 0%, #FE7F7F 100%);
  }
  .red  .jian {
  border: 2px solid #D7418C ;
  }
  .red .icon-right1:before,.red  .icon-left1:before {
  color: #FE7F7F  ;
  }
  .red  .youwant {
background: linear-gradient( 180deg, #D7418C 0%, #FE7F7F 100%);
  }
  .red  .h1_h1 {
  border-left: 3px solid #FE7F7F ;
  }
  .red .icon-back:before {
  color: #D7418C ;
  }
.red .categoryh,.red .desi,.red .icon-collection-selected{
color: #D7418C ;
}
.red .icon-play:before,.red .ppPlay,.red .main_mainleft_love{
 background: linear-gradient( 180deg, #D7418C 0%, #FE7F7F 100%);
}
.red .get span{
    border: 1px solid #D7418C ;
    color:#D7418C ;
}

.red .header1input .icon-search:before {
  color:#D7418C ;
}
.red footer {
      margin-top: 24px;
    background: #fff;
}

.red main{
    padding-bottom: 12px;
}