@charset "UTF-8";
body,html{
  background: #ffffff;
}
.home-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 1rem;
  padding: 0.2rem 0.24rem 0;
  background: -moz-linear-gradient(left, #FFAE12 0, #F07D17 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0, #FFAE12), color-stop(100%, #F07D17));
  background: -webkit-linear-gradient(left, #FFAE12 0, #F07D17 100%);
  background: -o-linear-gradient(left, #FFAE12 0, #F07D17 100%);
  background: -ms-linear-gradient(left, #FFAE12 0, #F07D17 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFAE12), to(#F07D17));
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFAE12), to(#F07D17));
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFAE12), to(#F07D17));
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFAE12), to(#F07D17));
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFAE12), to(#F07D17));
  background: linear-gradient(to right, #FFAE12 0, #F07D17 100%); }

.home-header .icon-logo {
  float: left;
  margin-top: 0.06rem;
  width: 1.76rem;
  height: 0.48rem;
  -webkit-background-size: cover;
  background-size: cover; }

.home-header .home-search-wrap {
  float: left;
  width: 3.8rem;
  height: 0.6rem;
  margin-left: 0.24rem;
  line-height: 0.6rem;
  font-size: 0.28rem;
  background: #fff;
  -webkit-border-radius: 0.3rem;
  border-radius: 0.3rem; }

.home-header .home-search-wrap .home-search {
  float: left;
  width: 0.64rem;
  height: 0.6rem;
  padding: 0.16rem 0 0 0.2rem; }

.home-header .user-avatar {
  position: relative;
  float: left;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.2rem;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.home-header .user-avatar img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.home-search-inp {
  float: left;
  width: 2.5rem;
  height: 100%;
  line-height: .6rem;
  font-size: .28rem; }



/*2019-02-22 首页意见反馈图标更换*/
.home-header .user-feedback {
  position: relative;
  float: left;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.22rem;
  margin-top: .05rem;
}

.home-header .user-feedback>a{
  display: block;
  width: 100%;
  height: 100%;
}

.home-header .user-feedback>a>img{
  display: block;
  width: 100%;
  height: 100%;
}


/*2019-03-25 首页改版*/
.home-header{
  background: #ffffff;
}
.home-header .icon-logo{
 /* height: .58rem;*/
  margin-top: .02rem;
  background: url(../images/logo.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.home-header .home-search-wrap{
  background: #E8E8E8;
}
.home-search-inp{
  background: #E8E8E8;
  text-indent: .08rem;
}
.home-header .home-search-wrap .home-search{
  padding: 0.1rem 0 0 0.2rem;
}
.search-icon{
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(../images/icon_search2.png);
}
.home-header .user-feedback {
  width: 0.9rem;/*0.44rem*/
  height: 0.4rem;
  margin-left: 0.22rem;
}
/*新增导航*/
.top-menu-bar{
  width: 100%;
  height: .7rem;
  position: fixed;
  top: 1rem;
  left: 0;
  z-index: 100;
  padding: 0 .3rem;
  overflow: hidden;
  background: #fff;
}
.top-menu-bar .top-menu-list {
  width: 120%;
  height: 120%;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.top-menu-bar .top-menu-list a {
  white-space: nowrap;
  display: inline-block;
  color: #333443;
  height: .7rem;
  font-size: .28rem;
  line-height: .72rem;
  margin-right: .29rem;
  text-decoration: none;
  vertical-align: top;
}
.top-menu-bar .top-menu-list a.active{
  color: #007aff;
  font-weight: bold;
  position: relative;
}
.top-menu-bar .top-menu-list a.active::after{
  display: block;
  content: "";
  width: .58rem;
  height: .075rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: .04rem;
  margin: auto;
  background: url(../images/icon_navline.png)center no-repeat;
  background-size: cover;
}
.top-menu-bar .top-menu-list a:last-child{
  margin-right: 26%;
}
/*占位符*/
.Placeholder{
  width: 100%;
  height: 1.8rem;
}
/*轮播图*/
.Carousel-map {
  margin: 0 auto;
  position: relative;
  height: 2.16rem;
}
.Carousel-map .swiper-wrapper{
  width: 100%;
  height: 100%;
}
.Carousel-map .swiper-slide{
  display: block;
  width: 91%;
  height: 2.15rem;
  border-radius: 0.14rem;
  overflow: hidden;
}
.Carousel-map .swiper-slide>img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/*轮播点*/
.Carousel-map .slide-focus {
  position: absolute;
  left: 0;
  right: 0;
 /* bottom: 0.1rem;*/
  margin: auto;
  /*width: 1.82rem;*/
  height: 0.16rem;
  text-align: center;
}
.Carousel-map .slide-focus .swiper-pagination-bullet {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  margin-left: 0.1rem;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  opacity: .5;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.Carousel-map .slide-focus .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.24rem;
  height: 0.1rem;
  opacity: 1;
  -webkit-border-radius: 0.07rem;
  border-radius: 0.07rem;
}


/*首页金刚区*/
.homeKing{
  width: 100%;
  height: auto;
  padding: 0 .18rem;
  margin-top: .22rem;
}
    .homeKing a {
        display: block;
        float: left;
        width: 25%;
        height: auto;
        margin-top: 0.3rem;
        position: relative;
    }
.homeKing a img{
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
}
.homeKing a span{
  display: block;
  height: 0.2rem;
  line-height: 0.2rem;
  margin-top: 0.14rem;
  font-size: 0.25rem;
  color: #7d7d88;
  text-align: center;
}
.homeKing a i.iconHot,.homeKing a i.iconHeat {
  position: absolute;
  top: .05rem;
  right: -.05rem;
  width: .62rem;
  height: .4rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.homeKing a i.iconHot{
  background-image: url(../images/icon_hot4.png);
}


/*精品专题*/
.Special-topic{
  width: 100%;
  height: auto;
}
.Special-topic .special-tit{
  position: relative;
  height: 0.78rem;
  padding: 0.34rem 0.3rem 0.18rem;
  line-height: 0.32rem;
  letter-spacing: 0.01rem;
}
.Special-topic .special-tit > h3 {
  font-size: 0.28rem;
  color: #333443;
}
.Special-topic .special-tit .looked-more {
  position: absolute;
  top: 0.27rem;
  right: 0.14rem;
  padding: 0.1rem;
  font-size: 0.24rem;
  color: #7E7E7E;
}
.Special-topic .special-tit .icon-tringle-r {
  margin: 0.08rem 0 0 0.08rem;
}
/*精选专题*/
.Special-topic{
  width: 100%;
  height: auto;
  margin-top: .25rem;
}
.Special-topic .swiper-containers {
  width: 100%;
  height: 1.9rem;
  margin: .08rem auto .1rem;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0 0 0 .3rem;
  background: #ffffff;
}
.Special-topic .swiper-slide{
  width: 3rem;
  height: 100%;
  overflow: hidden;
}

.Special-topic .swiper-slide>img {
   width:3rem;
   border-radius:.1rem;
}

.homeContent{
  width: 100%;
  height: auto;
  padding: .06rem 0 0;
}
.homeContent .moudle-tit {
  position: relative;
  height: 0.78rem;
  padding: 0.34rem 0.3rem 0.12rem;
  line-height: 0.32rem;
  letter-spacing: 0.01rem;
}
.homeContent .moudle-tit > h3 {
  font-size: 0.28rem;
  color: #333443;
}
.homeContent .moudle-tit .looked-more {
  position: absolute;
  top: 0.27rem;
  right: 0.14rem;
  padding: 0.1rem;
  font-size: 0.24rem;
  color: #7E7E7E;
}
.homeContent .moudle-tit .icon-tringle-r {
  margin: 0.08rem 0 0 0.08rem;
}
/*素材列表 2个排列*/
.homeContent .pros-list-wrap,.homeContent .pros-list-wraps{
  width: 100%;
  padding: .1rem .3rem 0;
}
.pros-list-wrap .pros-list > li {
  float: left;
  width: 3.32rem;
  height: 3.28rem;
  margin: 0 .24rem 0 0;
}
.pros-list-wrap .pros-list > li:nth-of-type(2n){
  margin-right: 0;
}
.pros-list-wrap .pros-list > li > a,.pros-list-wraps .pros-lists > li > a{
  display: block;
  width: 100%;
  height: 100%;
}
.pros-list-wrap .pros-list > li > a > img{
  display: block;
  width: 100%;
  height: 2.56rem;
  border-radius: .08rem;
}
.pros-list-wrap .pros-list > li > a > p,.pros-list-wraps .pros-lists > li > a > p{
  display: block;
  width: 100%;
  padding: .2rem 0;
  text-align: center;
  font-size: .26rem;
  color: #333443;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*素材列表 3个排列*/
.pros-list-wraps .pros-lists > li {
  float: left;
  width: 31.8%;
  height: 4.01rem;
  margin: 0 .15rem 0 0;
}
.pros-list-wraps .pros-lists > li:nth-of-type(3n){
  margin-right: 0;
}
.pros-list-wraps .pros-lists > li > a > img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: .08rem;
}

/*更多，换一换按钮*/
.homeContent .pros-list-but{
  width: 100%;
  height: .6rem;
  text-align: center;
  line-height: 0;
  margin: .1rem 0 .2rem;
}
.homeContent .pros-list-but>a{
  display: inline-block;
  width: 3rem;
  height: .6rem;
  text-align: center;
  font-size: .24rem;
  color: #333443;
  background: #F3F3F3;
  letter-spacing: .01rem;
  vertical-align: top;
  line-height: .6rem;
  border-radius: .3rem;
  overflow: hidden;
  margin: 0 .1rem;
}

/*配乐*/
.lastcontent{
    margin-bottom:.1rem;

}
.Music-list>li{
    width: 2.1rem;
    height: 2.6rem;
    float: left;
    margin: 0 .15rem .2rem 0;
    border: .03rem solid #f5f5f5;
    text-align: center;
}
.Music-list>li:nth-of-type(3n){
    margin-right: 0;
}
.Music-list>li>a{
    display: block;
    width: 100%;
    height: auto;
    padding-top: .18rem;
    margin-bottom: .06rem;
}
.Music-list>li>a>div{
    width: 1.58rem;
    height: 1.58rem;
    margin: 0 auto;
}

.Music-list>li>a>div>img{
    display: block;
    width: 100%;
    height: 100%;
}
.Music-list>li>a>p.music-cd{
    display: block;
    width: 1.42rem;
    height: 1.42rem;
    background: url(../images/music-score-cd.png)center no-repeat;
    background-size: cover;
    position: absolute;
    right: -.6rem;
    top: .1rem;
    z-index: 1;
}
.Music-list>li .infos{
    height: auto;
    padding: 0.2rem 0;
}
.Music-list>li .infos>p {
   width: 100%;
    height: 0.30rem;
    line-height: 0.30rem;
    font-size: 0.24rem;
    color: #333443;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 0.1rem;
}

.Special-topic .zhuantimore{font-size: .23rem;display: block;width:100%;text-align: center;color:#999;}