@charset "gb2312";
body { background-color: #fff; }

.rankTit { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDI3NjAzQkU5RjRDMTFFMzlGRTFBNDgyOTVFOEUyOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDI3NjAzQkY5RjRDMTFFMzlGRTFBNDgyOTVFOEUyOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjc2MDNCQzlGNEMxMUUzOUZFMUE0ODI5NUU4RTI5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjc2MDNCRDlGNEMxMUUzOUZFMUE0ODI5NUU4RTI5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKhyNYAAACSSURBVHjaYvz//z8DLQELusDu3buxqfME4rlALAnEz4E4GYi3Y1Po6uqKwmci0iEwwxmg9FxifUCsBZIE+BRbQDYYtWAEWMACzVxEZyRyfUB2RiLWArIzEr3iABTEz4D4PzC4n0GDnKoW4AxialmAM4hHM9qoBdSz4Dma+As0PtnyMAtSkASfQgs7ZEC2PECAAQCIUCgkR6gHXQAAAABJRU5ErkJggg=="); background-repeat: no-repeat; display: block; border-bottom: 2px solid #99cc00; }

.rankNav { display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; width: 100%; text-align: center; }
.rankNav a { border-style: solid; border-color: transparent; border-width: 0; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block; color: #ffffff; position: relative; color: #333; }
.rankNav a.cur { border-bottom-color: #99cc00; color: #99cc00; }

.ulPicTxt li { float: left; width: 100%; border-top: 1px solid #dfe2e6; background: #f8f8f8; overflow: hidden; background: #f0f1f3; height: auto; }
.ulPicTxt li a { position: relative; display: block; }
.ulPicTxt li a:after { content: ""; background-image: url("../images/topplay.png"); background-repeat: no-repeat; background-position: 0 center; height: 100%; position: absolute; top: 0; cursor: position; z-index: 1; }
.ulPicTxt li .sNum { float: left; text-align: center; color: #666; position: absolute; left: 0; }
.ulPicTxt li .sScore { float: right; color: #999; }
.ulPicTxt li .sScore em { color: #ff8a00; }
.ulPicTxt li .sTit { color: #333; }
.ulPicTxt li .pic { float: left; overflow: hidden; position: absolute; }
.ulPicTxt li .pic:active { color: #fff; }
.ulPicTxt li .pic:visited { color: #fff; }
.ulPicTxt li .pic img { float: left; }
.ulPicTxt li .pic .sDes { display: block; width: 100%; text-align: center; color: #fff; overflow: hidden; position: absolute; bottom: 0; left: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAuCAYAAAARD4idAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDFENEU2MjhCNjQzMTFFMzg4NzU5MUI3OEQ2QzU5M0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDFENEU2MjlCNjQzMTFFMzg4NzU5MUI3OEQ2QzU5M0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMUQ0RTYyNkI2NDMxMUUzODg3NTkxQjc4RDZDNTkzQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMUQ0RTYyN0I2NDMxMUUzODg3NTkxQjc4RDZDNTkzQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvSTcN0AAABBSURBVHjaYvz//z8DMYCJgUjACMUEAQspCpmJVchEdRMH0GqWgfMMy8CZOBQUso5IE6lvNetogI8mimFbUgAEGACpegRYGoACfwAAAABJRU5ErkJggg=="); background-repeat: repeat-x; background-position: 0 bottom; }
.ulPicTxt li .txt { position: relative; overflow: hidden; z-index: 10; }
.ulPicTxt li .txt .pBottom { position: absolute; width: 100%; bottom: 0; left: 0; }
.ulPicTxt li .txt span { display: block; color: #333; overflow: hidden; word-break: break-all; }
.ulPicTxt li .txt .sDes { color: #666; }
.ulPicTxt li .txt .sDes em { white-space: nowrap; display: inline-block; }
.ulPicTxt li .txt .sDes em.emTit { color: #999; }
.ulPicTxt li .txt .sDes em.emScore { color: #ff8a00; }
.ulPicTxt li:nth-child(1) .sNum, .ulPicTxt li:nth-child(2) .sNum, .ulPicTxt li:nth-child(3) .sNum { color: #bc2525; }
.ulPicTxt li:nth-child(1) .sTit, .ulPicTxt li:nth-child(2) .sTit, .ulPicTxt li:nth-child(3) .sTit { color: #bc2525; }

i.iLoading { background: url("../images/loading.gif") center center no-repeat; }

.sLoading { display: block; text-align: center; color: #333333; }
.sLoading i.iLoading { display: inline-block; vertical-align: middle; }

.listLoading { text-align: center; }
.listLoading i.iLoading { display: block; margin: 0 auto; }

.appDownLoad { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); }
.appDownLoad .pLeft .sTit, .appDownLoad .pLeft .sDes { color: #fff; }

@media only screen { .rankMain { padding-top: 6px; }
  .rankTit { margin-top: 6px; background-size: 24px 24px; background-position: 16px center; padding-left: 46px; font-size: 26px; height: 46px; line-height: 46px; }
  .rankNav a { height: 46px; line-height: 46px; font-size: 20px; border-bottom-width: 3px; }
  .ulPicTxt li a { padding: 20px 0; }
  .ulPicTxt li a:after { background-size: 35px 35px; right: 24px; width: 35px; }
  .ulPicTxt li .sNum { width: 50px; font-size: 16px; height: 26px; line-height: 26px; top: 20px; }
  .ulPicTxt li .sScore { font-size: 16px; padding-right: 26px; }
  .ulPicTxt li .sScore em { padding-right: 6px; }
  .ulPicTxt li .sTit { font-size: 22px; }
  .ulPicTxt li .pic { top: 20px; left: 50px; width: 108px; height: 144px; }
  .ulPicTxt li .pic img { width: 108px; height: 144px; }
  .ulPicTxt li .pic .sDes { height: 25px; line-height: 25px; font-size: 16px; background-size: 10px 25px; }
  .ulPicTxt li .txt { margin-left: 170px; margin-right: 24px; height: 144px; }
  .ulPicTxt li .txt .sTit { line-height: 26px; }
  .ulPicTxt li .txt .sDes { height: 30px; line-height: 30px; font-size: 18px; }
  .ulPicTxt li .txt .sDes em { padding-right: 12px; }
  .ulPicTxt li .txt .sDes em.emTit { padding-right: 0; }
  .sLoading { font-size: 21px; height: 60px; line-height: 60px; }
  .sLoading i.iLoading { background-size: 24px 24px; width: 24px; height: 24px; margin-right: 10px; }
  .listLoading { padding: 64px 0 400px; font-size: 21px; }
  .listLoading i.iLoading { background-size: 48px 48px; width: 48px; height: 48px; margin-bottom: 12px; } }
@media only screen and (max-width: 479px) and (min-width: 321px) { .rankMain { padding-top: 4px; }
  .rankTit { margin-top: 4px; background-size: 18px 18px; background-position: 12px center; padding-left: 34px; font-size: 19px; height: 34px; line-height: 34px; }
  .rankNav a { height: 34px; line-height: 34px; font-size: 15px; border-bottom-width: 2px; }
  .ulPicTxt li a { padding: 15px 0; }
  .ulPicTxt li a:after { background-size: 26px 26px; right: 18px; width: 26px; }
  .ulPicTxt li .sNum { width: 37px; font-size: 12px; height: 19px; line-height: 19px; top: 15px; }
  .ulPicTxt li .sScore { font-size: 12px; padding-right: 19px; }
  .ulPicTxt li .sScore em { padding-right: 4px; }
  .ulPicTxt li .sTit { font-size: 16px; }
  .ulPicTxt li .pic { top: 15px; left: 37px; width: 81px; height: 108px; }
  .ulPicTxt li .pic img { width: 81px; height: 108px; }
  .ulPicTxt li .pic .sDes { height: 18px; line-height: 18px; font-size: 12px; background-size: 10px 18px; }
  .ulPicTxt li .txt { margin-left: 127px; margin-right: 18px; height: 108px; }
  .ulPicTxt li .txt .sTit { line-height: 19px; }
  .ulPicTxt li .txt .sDes { height: 22px; line-height: 22px; font-size: 13px; }
  .ulPicTxt li .txt .sDes em { padding-right: 9px; }
  .ulPicTxt li .txt .sDes em.emTit { padding-right: 0; }
  .sLoading { font-size: 15px; height: 45px; line-height: 45px; }
  .sLoading i.iLoading { background-size: 18px 18px; width: 18px; height: 18px; margin-right: 7px; }
  .listLoading { padding: 48px 0 400px; font-size: 15px; }
  .listLoading i.iLoading { background-size: 36px 36px; width: 36px; height: 36px; margin-bottom: 9px; } }
@media only screen and (max-width: 320px) { .rankMain { padding-top: 4px; }
  .rankTit { margin-top: 4px; background-size: 16px 16px; background-position: 10px center; padding-left: 30px; font-size: 17px; height: 30px; line-height: 30px; }
  .rankNav a { height: 30px; line-height: 30px; font-size: 13px; border-bottom-width: 2px; }
  .ulPicTxt li a { padding: 13px 0; }
  .ulPicTxt li a:after { background-size: 23px 23px; right: 16px; width: 23px; }
  .ulPicTxt li .sNum { width: 33px; font-size: 10px; height: 17px; line-height: 17px; top: 13px; }
  .ulPicTxt li .sScore { font-size: 10px; padding-right: 17px; }
  .ulPicTxt li .sScore em { padding-right: 4px; }
  .ulPicTxt li .sTit { font-size: 14px; }
  .ulPicTxt li .pic { top: 13px; left: 33px; width: 72px; height: 96px; }
  .ulPicTxt li .pic img { width: 72px; height: 96px; }
  .ulPicTxt li .pic .sDes { height: 16px; line-height: 16px; font-size: 10px; background-size: 10px 16px; }
  .ulPicTxt li .txt { margin-left: 113px; margin-right: 16px; height: 96px; }
  .ulPicTxt li .txt .sTit { line-height: 17px; }
  .ulPicTxt li .txt .sDes { height: 20px; line-height: 20px; font-size: 12px; }
  .ulPicTxt li .txt .sDes em { padding-right: 8px; }
  .ulPicTxt li .txt .sDes em.emTit { padding-right: 0; }
  .sLoading { font-size: 14px; height: 40px; line-height: 40px; }
  .sLoading i.iLoading { background-size: 16px 16px; width: 16px; height: 16px; margin-right: 6px; }
  .listLoading { padding: 42px 0 400px; font-size: 14px; }
  .listLoading i.iLoading { background-size: 32px 32px; width: 32px; height: 32px; margin-bottom: 8px; } }