body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
        padding: 0;
        margin: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    img {
        border: 0;
    }
    ol, ul, li {
        list-style: none;
    }
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        font-size: 100%;
    }
/*font*/
@font-face {
    font-family: 'icons';
    src: url(iconfont_3b7b41e9.eot);
    src: url(iconfont_3b7b41e9.eot#iefix)format('embedded-opentype'),url(iconfont_3b7b41e9.woff)format('woff'),url(iconfont_3b7b41e9.ttf)format('truetype'),url(iconfont_3b7b41e9.svg?#iconfont)format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: "icons"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}


.icon-rank:before {
    content: '\e682'
}

/*end font*/
    body {
        font-family:"微软雅黑", helvetica, arial;
        background-color:#EEE;
        font-size:15px;
        min-width:320px;
    }
    a {
        color:#555;
        text-decoration:none;
        display:block;
    }
    a.topic {
        color:#BC2424;
    }
    a.red {
        color:red;
    }
.top-header{
  width: 100%;
  background-color: #3097FD;
  position: relative;
  border-bottom: 1px solid #0097e8;
  height: 43px;
  margin: 0 auto;
}
.home-title-bg .right{
float: right;
padding: 0 10px 0 15px;
line-height: 42px;
color: #fff;
font-size: 16px;
}
nav.nav2 {background-color: #FFF;}
nav.nav2 a {
  position: relative;
  float: left;
  width: 25%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  border-bottom: #dcdcdc solid 1px;
  color: #262626;
}
nav.nav2 a.crt {
  height: 41px;
  border-bottom: #0097e8 solid 2px;
  color: #0097e8;
}
.nav2:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.home-title-bg{width: 95%;margin: 0 auto;}
.top-title-logo{height: 40px;line-height: 42px;color: #fff;font-size: 26px;font-family: "微软雅黑";float: left;}
.search{float: right;line-height: 40px;}
  .ui-search{
  display: inline-block;
  margin-bottom: 3px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url(../images/search.png) 0 0;
  background-size: 100% 100%;
  margin-right: 5px;
  }
    .block {
        width:95%;
        /*border-radius:2px;*/
        -box-shadow:0px 1px 5px #d1d1d1;
        -webkit-box-shadow:0px 1px 5px #d1d1d1;
        -moz-box-shadow:0px 1px 5px #d1d1d1;
        border:solid 0px #e2e2e2;
        margin:0 auto;
        margin-top:12px;
        clear:both;
    }
    .title {
        height:40px;
        background-color:#FFF;
        font-size:18px;
        line-height:40px;
        border-top:solid 0px #FCFCFC;
        border-bottom:solid 1px #E2E2E2;
        /*border-radius:2px 2px 0 0;*/
        color:#4c4c4c;
        clear:both;
    }
    .shape {
        width:4px;
        display:inline-block;
        line-height:18px;
        margin:0 10px 0 16px;
        background-color:#0097e8;
		border-radius: 2px;
    }
    .subtitle {
        height:40px;
        background-color:#FFF;
        line-height:40px;
        color:#a6a6a6;
    }
    .dot {
        width:8px;
        display:inline-block;
        line-height:8px;
        margin:0 8px 1px 14px;
        background-color:#AfAfAf;
        border-radius:4px;
    }
    table {
        width:100%;
    }
    ul {
        -webkit-column-count:1;
        background-color:#FFF;
        clear:both;
    }
    td,.list li {
        height:41px;
        line-height:41px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        border-right:solid 1px #EbEbEb;
        border-bottom:solid 1px #EbEbEb;
        text-align:center;
        float:left;
    }
    tr td:last-child {
        border-right:none;
    }
    tr td:first-child {
        border-left:none;
    }
    tr:last-of-type td {
        border-bottom:none;
    }
    tr:first-of-type td {
        border-top:none;
    }
    .ulb {
        border-top:solid 1px #EbEbEb;
    }
    .ulc {
        border-top:solid 1px #EbEbEb;
    }
    .foot {
        margin:10px auto;
        width:76px;
        color:#626262;
        background:url(../images/top.png) no-repeat top right;
        line-height:18px;
        background-size:auto 16px;
    }
    @media all and (orientation:portrait) {
        .column1 {
            width:100%;
        }
        .column2 {
            width:50%;
        }
        .column3 {
            width:33.3333333333%;
        }
        .column4 {
            width:25%;
        }
        .column5 {
            width:20%;
        }
        .column0 {
            width:20%;
        }
        .landscape {
            display:none;
        }
        .portrait {
            display:block;
        }
        ul li.column0:nth-child(5n) {
            border-right:none;
        }
        ul li.column3:nth-child(3n) {
            border-right:none;
        }
        ul li.column4:nth-child(4n) {
            border-right:none;
        }
        ul li.column5:nth-child(5n) {
            border-right:none;
        }
        ul li.column0:nth-last-child(2) {
            border-right:none;
        }
        ul li.column3:nth-last-child(2) {
            border-right:none;
        }
        ul li.column4:nth-last-child(2) {
            border-right:none;
        }
        ul li.column5:last-child {
            border-right:none;
        }
    }
    @media all and (orientation:landscape) {
        .column1 {
            width:100%;
        }
        .column2 {
            width:25%;
        }
        .column3 {
            width:20%;
        }
        .column4 {
            width:16.6666666667%;
        }
        .column5 {
            width:12.5%;
        }
        .column0 {
            width:20%;
        }
        .portrait {
            display:none;
        }
        .landscape {
            display:block;
        }
        ul li.column0:nth-last-child(2) {
            border-right:none;
        }
        ul li.column3:nth-last-child(2) {
            border-right:none;
        }
        ul li.column4:nth-last-child(2) {
            border-right:none;
        }
        ul li.column5:nth-last-child(2) {
            border-right:none;
        }
    }
    .subtitle-icon1{
        margin-left: 10px;
		padding-left: 20px;
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: left center;
		color: #ff5e33;
        background-image: url(../images/zj.png);
    }
	    .subtitle-icon2{
        margin-left: 10px;
		padding-left: 20px;
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: left center;
		color: #ed9c00;
		background-image: url(../images/re.png);
    }
	    .subtitle-icon3{
        margin-left: 10px;
		padding-left: 20px;
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: left center;
		color: #1095df;
		background-image: url(../images/tui.png);
    }
	    .subtitle-icon4{
        margin-left: 10px;
		padding-left: 20px;
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: left center;
		color: #13bf6a;
		background-image: url(../images/new.png);
    }
/*category start*/
.category-content {
  padding: 8px 8px 0;
}
.card {
  margin-bottom: 6px;
  border: 1px solid #dad0bf;
  background-color: #fff;
}
.card .card-header {
  font-size: 16px;
  background-color: #fefdf9;
  border-bottom: 1px solid #ece6dc;
  padding-left: 10px;
}
.grid {
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.grid .row {
  display: -webkit-box;
  display: box;
  -webkit-box-orient: horizontal;
  -webkit-box-flex: 1;
  box-orient: horizontal;
  box-flex: 1;
}
.grid .row .col.col1 {
  border-right: 1px solid #f2f1ed;
}
.grid .row .col.col1, .grid .row .col.col2, .grid .row .col.col3 {
  border-bottom: 1px solid #f2f1ed;
}
.grid .row .col {
  -webkit-box-flex: 1;
  box-flex: 1;
  text-align: center;
  width: 33%;
  padding: 0 2px;
}
.card .card-header, .card .card-showall, .grid .row .col {
  height: 40px;
  line-height: 40px;
}
.card .card-showall {
  border-top: 1px solid #ece6dc;
  font-size: 16px;
  text-align: center;
}
/*rank start*/
.rank-content {
  padding: 8px 8px 0;
}
.card .card-item {
  padding: 0 10px;
}
.item {
  overflow: hidden;
  display: block;
  position: relative;
  border-bottom: 1px solid #eae3d3;
}
.card .card-item .item {
  padding: 10px 0;
}
.item .item-cover {
  float: left;
  position: relative;
  box-shadow: 1px 1px 2px #c8c8c8;
  -webkit-box-shadow: 1px 1px 2px #c8c8c8;
  width: 54px;
  height: 72px;
}
.cover-superscript {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../images/superscript.png)no-repeat;
  background-size: 26px 26px;
}
.cover-lineleft {
  position: absolute;
  top: 0;
  left: 4px;
  background: #fff;
  opacity: .35;
}
.cover-lineright {
  position: absolute;
  top: 0;
  left: 5px;
  background: #000;
  opacity: .2;
}
.cover-lineleft, .cover-lineright {
  display: block;
  width: 1px;
  height: 100%;
}
.cover-lineleft, .cover-lineright {
  content: "";
}
.cover-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.rank-content .item .item-detail {
  width: 66%;
}
.item .item-detail {
  float: left;
  margin-left: 10px;
  width: 75%;
}
.item .item-detail .detail-header .header-title {
  font-size: 18px;
  color: #262626;
  line-height: 1;
  display: block;
}
.item .item-detail .detail-info {
  margin: 9px 0 7px;
  font-size: 12px;
  color: #777;
  line-height: 1;
}
.item .item-detail .detail-info span {
  display: inline-block;
  overflow: hidden;
}
.item .item-detail .detail-info .info-separate {
  margin: 0 5px;
}
.item .item-detail .detail-info .info-cate {
  display: inline-block;
}
span.info-status {
  margin: 0 5px;
}
.item .item-detail .detail-intro {
  width: 95%;
  font-size: 12px;
  line-height: 1;
  color: #777;
}
.item .item-detail .detail-intro {
  width: 95%;
  font-size: 12px;
  line-height: 1;
  color: #777;
}
.cut {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item .item-mark {
  float: right;
  position: relative;
  top: -2px;
  left: 5px;
}
.item:nth-child(1) .icon-rank {
  color: #fa6b6b;
}
.item:nth-child(2) .icon-rank {
  color: #ffaa6c;
}
.item:nth-child(3) .icon-rank {
  color: #fdc449;
}
.item:nth-child(n+4) .icon-rank {
  color: #ded4bf;
}
.item .item-mark .icon-rank {
  font-size: 28px;
  line-height: 1;
}
.item .item-mark .mark-num {
  position: absolute;
  left: 11px;
  top: 4px;
  color: #fff;
  font-size: 12px;
}
.icon-rank:before {
  content: '\e682';
}
.item:last-child {
  border-bottom: none;
}
/* rank list */
header.level .title {
  position: relative;
  height: 44px;
  line-height: 44px;
  background-color: #41b68e;
}
header.level .title a.mid {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 18px;
  z-index: 999;
}
header.level .title a {
  color: #fff;
}
header.level .title a.right {
  float: right;
  font-size: 14px;
  padding: 0 10px 0 15px;
  position: relative;
  z-index: 1000;
}
header.level .title a.left {
  float: left;
  font-size: 14px;
  position: relative;
  z-index: 1000;
  padding: 0 10px 0 0px;
}
header.level .title a.left-search {
  float: right;
  font-size: 14px;
  position: relative;
  z-index: 1000;
  padding: 0 5px 0 15px;
}
.ui-search {
  display: inline-block;
  margin-bottom: 3px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url(../images/search.png) 0 0;
  background-size: 100% 100%;
}
.title .back {
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 15px;
  margin-right: 15px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 10px;
  height: 18px;
  background: url(../images/arrow-left.png) 0 0;
  background-size: 100% 100%;
  position: relative;
  z-index: 1000;
}
.rankdetail-content {
  background-color: #fdfcf6;
}
.rankdetail-content .item {
  padding: 14px 0;
  margin: 0 14px;
}
.rankdetail-content .item .item-detail {
  width: 68%;
}
.item:nth-child(n+10) .mark-num {
  left: 7px!important;
}
.tip {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-top: 1px solid #eae3d3;
}
.tip .tip-txt {
  font-size: 14px;
  color: #777;
}
/*writer*/
.card .card-header span{font-size:14px;}
.card .card-header span b {font-weight: normal;color: green;}
/*classid */
.choicechannel-content {
  padding: 8px 8px 0;
}
.tab .tab-header {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #ece6dc;
}
.justify {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
}
.center, .justify, .left, .right {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}
.tab .tab-header .header-item.cur {
  margin-top: -2px;
  border-bottom: 2px solid #4cb1b0;
  color: #41b68e;
}
.tab .tab-header .header-item {
  padding: 0 20px;
  font-size: 16px;
}
.center {
  -webkit-box-pack: center;
}
.center, .right {
  -webkit-box-align: center;
}
.tab .tab-container {
  padding: 10px 10px 0;
}
.tab .tab-container .container-item.cur {
  display: block;
}
.tab .tab-container .container-item {
  display: none;
}
.tab .tab-container .container-item .item:first-child {
  padding-bottom: 10px;
}
.item.item-line {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.item.item-line .item-title {
  float: left;
  font-size: 16px;
  width: 40%;
}
.item.item-line .item-intro {
  margin-left: 10px;
  font-size: 12px;
  float: left;
  color: #777;
  width: 50%;
}
/*footer*/
footer{
margin: 20px auto;
width: 95%;
border-top: 1px solid #D1CFCD;
}
footer nav{
padding: 15px 20px 0;
text-align: center;
color: #41b68e;
}
nav a{
display: inline;
color: #41b68e;
}