@charset "utf-8";
body {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    font-family: "microsoft yahei";
    line-height: 1.5;
    word-break: break-all; word-wrap:break-word;
}
A {
    color: currentColor;
    -webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
.ellipsis-line2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ellipsis-line3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.theme-nav{
    position: fixed;
    top: 0;
    z-index: 10;
    background: #F2F2F2;
    display: none;
    animation-duration: .5s;
    animation-name: fadeIn;
    max-width: 450px;
    min-width: 100%;
}
.only-title{
    padding: .24rem 0 0 .24rem;
    font-size: .4rem;
    line-height: .6rem;
    color: #333333;
    background: #ffffff;
 }
.list-top{
    margin-top: .1rem !important;
 }
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.theme-nav .nav-item{
    margin: 0 .2rem;
    width: auto;
    background: #F2F2F2;
    position: relative;
    font-size: .32rem;
    color: #999999;
    line-height: .76rem;
    border-bottom: .04rem solid #F2F2F2;
    height: .76rem;
}
.theme-nav .theme-active{
    border-bottom: .04rem solid #009CFF;
    color: #333333;
}
/*.theme-nav .nav-item a{
    
    line-height: .76rem;
    font-size: .32rem;
    height: .76rem;
    display: inline-block;
}*/
/*.theme-nav .swiper-slide-active a{
    border-bottom: .04rem solid #009CFF;
}*/
.theme-nav .nav-item:first-child{
    margin-left: .24rem;
}
.header {
    position: relative;
}
.header img {
    display: block;
    width: 100%;
}
.theme-content{
    background: #ffffff;
    font-size: .32rem;
    line-height: .52rem;
    color: #999999;
    padding: .2rem .24rem 0 .24rem;
}
.nav {
    padding: 0.1rem;
}
.header .title {
    position: absolute;
    width: 100%;
    left: 0; bottom: 0;
    box-sizing: border-box;
    /*background: rgba(0,0,0,0.45);*/
    padding: 0.18rem 0.24rem 0 0.24rem;
    font-size: 0.4rem;
    line-height: .6rem;
    height: .78rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.72)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.72)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.72)); /* Firefox 3.6 - 15*/
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.72)); /* 标准的语法*/ 
}
.memo {
    margin: 0.3rem 0.2rem 0.1rem 0.2rem;
    font-size: 0.3rem;
    color: #888;
}
/*.nav-item {
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    width: 23%;
    margin: 1%;
    text-align: center;
    white-space: nowrap;
    margin: 0.1rem;
    padding: 0 0.2rem;
    font-size: 14px;
    font-size: 0.28rem; 
    line-height: 0.6rem; color: #434343;
    border-radius: 60px;
    float: left;
}*/
.theme-list-padding .theme-list-header:first-child{
    padding-top: 0;
}
.theme-list-header {
    position: relative;
    height:.74rem;
    background: #ffffff;
    font-size: .36rem;
    line-height: .6rem;
    /*line-height: 0.6rem;
    font-size: 0.24rem;*/
    padding: 1rem 0.24rem 0 0.24rem;
}
.theme-list-header a {
    display: block;
}
.theme-list-header .column-color{
    color:#1087FF;
    font-size: .44rem;
    line-height: .6rem;
}
.theme-list-bottom{
    position: relative;
    height: .06rem;
    width: 100%;
    background:rgba(242,242,242,1);
}
.theme-list-bottom .theme-list-blue{
    position: absolute;
    left: .24rem;
    width:.6rem;
    height:.06rem; 
    background:rgba(0,156,255,1);
}
.theme-list-more {
    color: #333333;
    float: right;
    position: relative;
    padding-top: .16rem;
    font-size: .28rem;
    line-height: .4rem;
}
.theme-list-more  .theme-more-color{
    color: #009CFF;
}

.more {
    display: block;
    padding: 0.3rem;
    text-align: center;
    color: #999;
    font-size: 0.3rem;
}