.content { margin: 30px auto; }

.Min1 { width: 100%; overflow: hidden; background: #fff; }
.Min1 .games { width: 100%; height: 130px; margin-top: 30px; overflow: hidden; }
.Min1 .games ul { width: 1230px; }
.Min1 .games ul li { width: 92px; height: 130px; float: left; margin: 0 6.5px 0 20px; }
.Min1 .games ul li:hover p { color: #ff4c4c; }
.Min1 .games ul li img { display: block; width: 92px; height: 92px; border-radius: 12px; }
.Min1 .games ul li p { margin-top: 10px; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 14px; color: #333; }
.Min1 .tags_wrap { overflow: hidden; margin: 10px 20px; }
.Min1 .tags_wrap ul { overflow: hidden; width: 100%; }
.Min1 .tags_wrap ul li { float: left; width: 100%; height: 32px; margin: 14px 0; overflow: hidden; color: #4c4c4c; font-size: 12px; }
.Min1 .tags_wrap ul li span { float: left; display: block; background: url(../img/img_icon.png) no-repeat; height: 32px; width: 72px; background-position: 0 -219px; text-align: center; line-height: 32px; font-size: 15px; font-weight: bold; color: #fff; margin-right: 10px; }
.Min1 .tags_wrap ul li a { font-size: 14px; color: #4c4c4c; padding: 0 12px; height: 32px; line-height: 32px; display: inline-block; position: relative; }
.Min1 .tags_wrap ul li a:hover { color: #ff4c4c; }
.Min1 .tags_wrap ul li a:last-child { padding-right: 0; }
.Min1 .tags_wrap ul li a + a::after { display: inline-block; content: '|'; font-size: 12px; position: absolute; left: -1px; top: -1px; color: #4c4c4c; }
.Min1 .tags_wrap ul li .red { color: #ff6666; }
.Min1 .tags_wrap ul li .yellow { color: #ffbf40; }
.Min1 .tags_wrap ul li .green { color: #52cc66; }
.Min1 .tags_wrap ul li + li span { background-position: 0 -150px; }
.Min1 .tags_wrap ul li + li + li span { background-position: 0 -185px; }

.Min2 { overflow: hidden; background: #fff; margin-top: 30px; padding: 30px 20px; }
.Min2 .Min2_L { width: 610px; }
.Min2 .Min2_L .slid_wrap { width: 610px; height: 420px; background: #262626; overflow: hidden; }
.Min2 .Min2_L .slid_wrap div.slideBox { position: relative; width: 610px !important; height: 420px !important; overflow: hidden; }
.Min2 .Min2_L .slid_wrap div.slideBox ul.items { position: absolute; float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
.Min2 .Min2_L .slid_wrap div.slideBox ul.items li { float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
.Min2 .Min2_L .slid_wrap div.slideBox ul.items li a { float: left; line-height: normal !important; padding: 0px !important; border: none; }
.Min2 .Min2_L .slid_wrap div.slideBox ul.items li a img { margin: 0px !important; padding: 0px !important; display: block; border: none; width: 610px; height: 360px; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips { position: absolute; bottom: 0px; width: 100%; height: 60px; background-color: rgba(0, 0, 0, 0.6); overflow: hidden; opacity: 1 !important; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.title { position: absolute; left: 0px; top: 0px; height: 60px; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.title a { color: #FFF; font-size: 16px; font-weight: bold; line-height: 60px; margin-left: 10px; text-decoration: none; height: 60px; padding-right: 10px; display: block; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.title a:hover { color: #0180ff; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.nums { float: right; margin: 22px 10px 0 0; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.nums a { position: relative; display: inline-block; width: 17px; height: 17px; background-color: #fff; text-indent: -56565699px; border-radius: 0 !important; margin: 0 5px; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.nums a::after { content: attr(data-num); display: inline-block; position: absolute; left: 0; top: 0; color: #965d5d; width: 17px; height: 17px; text-indent: 0; text-align: center; line-height: 17px; font-size: 12px; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.nums a.active { background-color: #0180ff; }
.Min2 .Min2_L .slid_wrap div.slideBox div.tips div.nums a.active::after { color: #fff; }
.Min2 .Min2_L .item_sylb { overflow: hidden; width: 100%; }
.Min2 .Min2_L .item_sylb ul { overflow: hidden; width: 108%; }
.Min2 .Min2_L .item_sylb ul li { float: left; width: 280px; height: 52px; margin: 20px 40px 0 0; }
.Min2 .Min2_L .item_sylb ul li .img { float: left; margin-right: 10px; }
.Min2 .Min2_L .item_sylb ul li .img, .Min2 .Min2_L .item_sylb ul li .img img { width: 52px; height: 52px; border-radius: 50%; }
.Min2 .Min2_L .item_sylb ul li .bt { float: left; width: 216px; height: 18px; line-height: 18px; font-size: 14px; overflow: hidden; color: #333; margin-top: 2px; }
.Min2 .Min2_L .item_sylb ul li .bt:hover { color: #0281ff; }
.Min2 .Min2_L .item_sylb ul li .icon { margin: 8px 5px 0 0; }
.Min2 .Min2_L .item_sylb ul li .btn { float: right; text-align: center; border-radius: 12px; height: 24px; line-height: 24px; width: 60px; color: #0281ff; font-size: 12px; background: #ebf5ff; margin-top: 7px; }
.Min2 .Min2_R { width: 520px; float: right; }
.Min2 .Min2_R .titleA { font-size: 20px; color: #ff4c4c; font-weight: bold; overflow: hidden; width: 100%; display: block; height: 28px; line-height: 28px; text-align: center; }
.Min2 .Min2_R .titleA:hover { text-decoration: underline; }
.Min2 .Min2_R .titleB { width: 100%; overflow: hidden; text-align: center; color: #565656; font-size: 12px; margin: 14px 0; height: 14px; overflow: hidden; }
.Min2 .Min2_R .titleB a { height: 14px; line-height: 14px; color: #565656; margin: 0 6px; font-size: 12px; position: relative; }
.Min2 .Min2_R .titleB a:hover { color: #ff4c4c; }
.Min2 .Min2_R .titleB a + a::after { display: inline-block; content: ''; width: 1px; height: 10px; background: #565656; position: absolute; left: -7px; top: 4px; }
.Min2 .Min2_R .list { width: 100%; overflow: hidden; }
.Min2 .Min2_R .list ul { overflow: hidden; width: 100%; margin: 10.5px auto 0; }
.Min2 .Min2_R .list ul li { float: left; width: 100%; height: 33px; line-height: 33px; }
.Min2 .Min2_R .list ul li:hover span { color: #0281ff; }
.Min2 .Min2_R .list ul li .tag { float: left; width: 80px; line-height: 33px; font-size: 12px; color: #565656; margin-right: 10px; position: relative; }
.Min2 .Min2_R .list ul li .tag::after { display: block; position: absolute; content: ''; width: 1px; background: #ccc; height: 7px; right: 0; top: 14px; }
.Min2 .Min2_R .list ul li .tag:hover { color: #ff4c4c; }
.Min2 .Min2_R .list ul li .bt { float: left; width: 380px; color: #333; font-size: 14px; height: 33px; line-height: 33px; overflow: hidden; }
.Min2 .Min2_R .list ul li .bt:hover { color: #ff4c4c; }
.Min2 .Min2_R .list ul li span { float: right; width: 40px; text-align: center; font-size: 12px; color: #7d99b2; }

.Min3 { overflow: hidden; background: #fff; margin-top: 30px; padding: 0 20px 20px; }
.Min3 .Min3_L { width: 360px; overflow: hidden; }
.Min3 .Min3_L .img { display: block; margin-top: 30px; }
.Min3 .Min3_L .img, .Min3 .Min3_L .img img { width: 100%; height: 150px; }
.Min3 .Min3_L .itme_a { width: 100%; height: 246px; margin-top: 10px; overflow: hidden; }
.Min3 .Min3_L .itme_a li { width: 100%; height: 20px; line-height: 20px; font-size: 14px; margin-top: 15px; }
.Min3 .Min3_L .itme_a li:hover a { color: #ff4c4c; }
.Min3 .Min3_L .itme_a li:hover span { color: #0281ff; }
.Min3 .Min3_L .itme_a li a { float: left; display: block; overflow: hidden; width: 320px; height: 20px; color: #333; }
.Min3 .Min3_L .itme_a li span { float: right; color: #7d99b2; font-size: 12px; width: 40px; }
.Min3 .Min3_M { width: 360px; margin: 0 40px; }
.Min3 .Min3_M .item_b { width: 100%; overflow: hidden; }
.Min3 .Min3_M .item_b li { width: 100%; height: 78px; float: left; margin-top: 30px; }
.Min3 .Min3_M .item_b li .img { float: left; margin-right: 20px; overflow: hidden; }
.Min3 .Min3_M .item_b li .img img { transition: all .2s linear; -webkit-transition: all .2s linear; }
.Min3 .Min3_M .item_b li .img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.Min3 .Min3_M .item_b li .img, .Min3 .Min3_M .item_b li .img img { width: 120px; height: 78px; }
.Min3 .Min3_M .item_b li .info { float: left; width: 220px; height: 78px; }
.Min3 .Min3_M .item_b li .info .bt { width: 100%; height: 40px; line-height: 20px; margin: 2px 0; overflow: hidden; font-size: 14px; color: #333; }
.Min3 .Min3_M .item_b li .info .time { margin-top: 15px; width: 100%; height: 16px; line-height: 16px; font-size: 12px; color: #565656; }
.Min3 .Min3_M .item_b li .info .time i { display: block; float: left; background: url(../img/img_icon.png) no-repeat; height: 16px; width: 16px; background-position: 0 -30px; margin-right: 10px; }
.Min3 .Min3_M .item_b li:hover .bt { color: #ff4c4c; }
.Min3 .Min3_R { width: 360px; }
.Min3 .Min3_R .item_c { width: 100%; overflow: hidden; margin-top: 10px; height: 420px; }
.Min3 .Min3_R .item_c li + li .time:after { display: block; content: ''; width: 1px; height: 30px; background: #f5f5f5; position: absolute; left: 48px; top: -24px; }
.Min3 .Min3_R .item_c li { width: 100%; height: 14px; float: left; margin-top: 20.5px; }
.Min3 .Min3_R .item_c li:hover .time:before { background: #0281ff; }
.Min3 .Min3_R .item_c li:hover .time span { color: #0281ff; font-weight: bold; }
.Min3 .Min3_R .item_c li:hover .time i { color: #0281ff; }
.Min3 .Min3_R .item_c li:hover .bt { color: #ff4c4c; }
.Min3 .Min3_R .item_c li .time { width: 100px; float: left; margin-right: 30px; font-size: 12px; position: relative; }
.Min3 .Min3_R .item_c li .time::before { display: block; content: ''; width: 7px; height: 7px; border-radius: 50%; background: #ccc; position: absolute; z-index: 2; left: 45px; top: 5px; }
.Min3 .Min3_R .item_c li .time span { color: #565656; float: left; }
.Min3 .Min3_R .item_c li .time i { color: #7fbfff; float: right; margin-right: 8px; }
.Min3 .Min3_R .item_c li .bt { float: left; width: 150px; height: 14px; line-height: 14px; overflow: hidden; font-size: 14px; color: #333; }
.Min3 .Min3_R .item_c li .ce { float: right; font-size: 14px; color: #565656; line-height: 14px; height: 14px; }

.Min4 { overflow: hidden; background: #fff; margin-top: 30px; padding: 0 20px 20px; }
.Min4 .M4_L { width: 360px; overflow: hidden; }
.Min4 .M4_L .tab_tag { overflow: hidden; margin-top: 30px; width: 380px; height: 210px; }
.Min4 .M4_L .tab_tag span { display: inline-block; float: left; width: 108px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #666; background: #eee; margin: 0 18px 18px 0; border-radius: 3px; cursor: pointer; }
.Min4 .M4_L .tab_tag span:hover, .Min4 .M4_L .tab_tag span.on { background: #0281ff; color: #fff; }
.Min4 .M4_L .hj_wrap { width: 100%; overflow: hidden; }
.Min4 .M4_L .hj_wrap .QZtitle { border: none; }
.Min4 .M4_L .hj_wrap .hj_slide { width: 100%; overflow: hidden; height: 190px; position: relative; margin-top: 15px; }
.Min4 .M4_L .hj_wrap .hj_slide ul.items { position: absolute; float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
.Min4 .M4_L .hj_wrap .hj_slide ul.items li { float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
.Min4 .M4_L .hj_wrap .hj_slide ul.items li a { float: left; line-height: normal !important; padding: 0px !important; border: none; }
.Min4 .M4_L .hj_wrap .hj_slide ul.items li a img { margin: 0px !important; padding: 0px !important; display: block; border: none; width: 360px; height: 190px; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips { position: absolute; bottom: 0px; width: 100%; height: 40px; background: url(../img/slide_bg.png) repeat-x; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips div.title { display: none; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips div.nums { text-align: center; bottom: 15px; position: absolute; width: 100%; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips div.nums a { position: relative; display: inline-block; width: 18px; height: 6px; background-color: #666; text-indent: -56565699px; border-radius: 3px !important; margin: 0 5px; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips div.nums a.active { background-color: #3399ff; }
.Min4 .M4_L .hj_wrap .hj_slide div.tips div.nums a.active::after { color: #fff; }
.Min4 .M4_R { width: 758px; overflow: hidden; }
.Min4 .M4_R .tab_wrap { width: 100%; overflow: hidden; height: 505px; }
.Min4 .M4_R .tab_wrap ul + ul { display: none; }
.Min4 .M4_R .tab_wrap ul { width: 780px; }
.Min4 .M4_R .tab_wrap ul li { float: left; width: 100px; height: 140px; margin: 30px 30px 0 0; }
.Min4 .M4_R .tab_wrap ul li:hover .name { color: #ff4c4c; }
.Min4 .M4_R .tab_wrap ul li .img { display: block; }
.Min4 .M4_R .tab_wrap ul li .img, .Min4 .M4_R .tab_wrap ul li .img img { width: 100px; height: 100px; border-radius: 12px; }
.Min4 .M4_R .tab_wrap ul li .name { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #565656;overflow: hidden; }

.Min5 { overflow: hidden; background: #fff; margin-top: 30px; padding: 0 20px; }
.Min5 .zt_item { width: 1200px; overflow: hidden; margin-top: 30px; margin-left: -10px; padding-bottom: 20px; }
.Min5 .zt_item li { width: 260px; height: 380px; float: left; margin: 0 30px 0 10px; transition: all .2s linear; -webkit-transition: all .2s linear; background: #fff; box-shadow: 0 4px 18px #eee; -webkit-box-shadow: 0 4px 18px #eee; }
.Min5 .zt_item li:hover { box-shadow: 0 2px 16px #ccc; -webkit-box-shadow: 0 2px 16px #ccc; }
/*.Min5 .zt_item li .img, .Min5 .zt_item li .img img { width: 100%; height: 140px; }*/
.Min5 .zt_item li .img, .Min5 .zt_item li .img img { display: block;position: relative;height: 140px;width: 260px;float: left;margin-right: 20px;margin-bottom: 20px;overflow: hidden;transition: all 0.3s;}
.Min5 .zt_item li .info { margin: 20px auto 0; width: 225px; height: 72px; display: block; }
.Min5 .zt_item li .info img { width: 72px; height: 72px; border-radius: 12px; margin-right: 20px; float: left; }
.Min5 .zt_item li .info .name { width: 130px; height: 22px; line-height: 22px; color: #333; font-weight: bold; overflow: hidden; float: left; }
.Min5 .zt_item li .info .btn { width: 78px; height: 26px; border: 1px solid #ccc; border-radius: 3px; text-align: center; line-height: 26px; font-size: 12px; color: #333; margin-top: 10px; float: left; }
.Min5 .zt_item li .info .btn:hover { background: #ff6600; color: #fff;border: 1px solid #ff6600; }
.Min5 .zt_item li .desc { margin: 20px auto; width: 225px; height: 120px; line-height: 24px; font-size: 12px; color: #666; overflow: hidden; }

.Min5 .zt_item .overlay { position: absolute;height: 30px;width: 260px;bottom: 0px;z-index: 0;background-color: rgba(0,0,0,0.7); }
.Min5 .zt_item .text { position: absolute;font-size: 14px;font-family: "Microsoft YaHei";color: rgb(255,255,255);bottom: 0px;z-index: 1;width: 260px;line-height: 30px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.Min5 .zt_item .img:hover img { transform:scale(1.1); }

.Min6 { overflow: hidden; background: #fff; margin-top: 30px; padding: 0 20px 20px; }
.Min6 .M6_L { width: 820px; }
.Min6 .M6_L .gm_item { overflow: hidden; }
.Min6 .M6_L .gm_item ul { width: 850px; height: 500px; overflow: hidden; }
.Min6 .M6_L .gm_item ul li { float: left; width: 96px; height: 140px; margin: 30px 24px 0 0; }
.Min6 .M6_L .gm_item ul li:hover .name { color: #ff4c4c; }
.Min6 .M6_L .gm_item ul li .img { display: block; }
.Min6 .M6_L .gm_item ul li .img, .Min6 .M6_L .gm_item ul li .img img { width: 96px; height: 96px; border-radius: 12px; }
.Min6 .M6_L .gm_item ul li .name { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #565656; overflow: hidden}
.Min6 .M6_R { width: 300px; }

.Min7 { overflow: hidden; background: #fff; margin-top: 30px; padding: 20px 20px 0; }
.Min7 .item { width: 358px; height: 558px; border: 1px solid #eee; float: left; margin: 30px 0; padding-bottom: 10px; }
.Min7 .item .label { display: block; text-align: center; width: 160px; height: 44px; line-height: 44px; background: #eee; color: #fff; font-size: 20px; font-weight: bold; margin: -20px auto 0; }
.Min7 .item ul { width: 320px; margin: 15px auto; overflow: hidden; }
.Min7 .item ul li { width: 100%; line-height: 44px; overflow: hidden; padding: 12px 0; border-bottom: 1px dashed #edeff5; }
.Min7 .item ul li span { float: left; width: 16px; height: 16px; line-height: 16px; color: #fff; text-align: center; display: block; margin: 3px 15px 0 0; font-family: 'SimSun'; font-size: 12px; }
.Min7 .item ul li .title { display: block; float: left; width: 260px; overflow: hidden; height: 22px; line-height: 22px; font-size: 14px; color: #2e2e2e; }
.Min7 .item ul li .info { display: none; overflow: hidden; float: left; }
.Min7 .item ul li .info .img { float: left; display: block; margin-right: 10px; }
.Min7 .item ul li .info .img, .Min7 .item ul li .info .img img { width: 67px; height: 67px; border-radius: 12px; }
.Min7 .item ul li .info .bt { display: block; width: 190px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #2e2e2e; margin-top: 6px; }
.Min7 .item ul li .info .bt:hover { color: #0281ff; }
.Min7 .item ul li .info p { height: 20px; line-height: 20px; float: left; font-size: 12px; color: #9e9e9e; margin-top: 16px; }
.Min7 .item ul li .info p i { color: #ff4c4c; margin: 0 5px; position: relative; display: inline-block; }
.Min7 .item ul li .info p i::after { display: inline-block; content: ''; background: url(../img/img_icon.png) no-repeat; height: 14px; width: 12px; background-position: 0 -16px; margin: 0 4px -1px; }
.Min7 .item ul li .info p i::before { display: inline-block; content: ''; width: 2px; height: 6px; background: #d5d5d5; margin-right: 5px; }
.Min7 .item ul li .downl_ico { float: right; display: block; background: url(../img/img_icon.png) no-repeat; height: 16px; width: 16px; background-position: 0 -46px; margin-top: 3px; }
.Min7 .item ul li.on .title { display: none; }
.Min7 .item ul li.on span { height: 32px; line-height: 32px; margin-top: 17px; }
.Min7 .item ul li.on .info { display: block; }
.Min7 .item ul li.on .downl_ico { margin-top: 26px; background-position: 0 -62px; }
.Min7 .all .label { background: -webkit-linear-gradient(to right, #ff7f7f 0%, #ff6666 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#ff6666',GradientType=1 ) !important; background: linear-gradient(to right, #ff7f7f 0%, #ff6666 100%) !important; }
.Min7 .all ul li span { background: #ff4c4c; border: 1px solid #ff4c4c; }
.Min7 .all ul li + li span { background: #ff7f7f; border: 1px solid #ff7f7f; }
.Min7 .all ul li + li + li span { background: #ffb2b2; border: 1px solid #ffb2b2; }
.Min7 .all ul li + li + li + li span { background: #fff; border: 1px solid #f2c2c2; color: #f2c2c2; }
.Min7 .az { margin: 30px 40px 0; }
.Min7 .az .label { background: -webkit-linear-gradient(to right, #66cc77 0%, #52cc66 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc77', endColorstr='#52cc66',GradientType=1 ) !important; background: linear-gradient(to right, #66cc77 0%, #52cc66 100%) !important; }
.Min7 .az ul li span { background: #36b34a; border: 1px solid #36b34a; }
.Min7 .az ul li + li span { background: #57d96c; border: 1px solid #57d96c; }
.Min7 .az ul li + li + li span { background: #98d9a3; border: 1px solid #98d9a3; }
.Min7 .az ul li + li + li + li span { background: #fff; border: 1px solid #b8debf; color: #b8debf; }
.Min7 .ios .label { background: -webkit-linear-gradient(to right, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=1 ) !important; background: linear-gradient(to right, #3399ff 0%, #0281ff 100%) !important; }
.Min7 .ios ul li span { background: #0180ff; border: 1px solid #0180ff; }
.Min7 .ios ul li + li span { background: #4ca6ff; border: 1px solid #4ca6ff; }
.Min7 .ios ul li + li + li span { background: #b2d9ff; border: 1px solid #b2d9ff; }
.Min7 .ios ul li + li + li + li span { background: #fff; border: 1px solid #a3b9cc; color: #a3b9cc; }

.Min8 { overflow: hidden; background: #fff; margin-top: 30px; padding: 20px; }
.Min8 span { font-size: 20px; color: #2e2e2e; font-weight: bold; height: 30px; line-height: 30px; }
.Min8 ul { width: 100%; overflow: hidden; margin-top: 5px; }
.Min8 ul li { float: left; font-size: 14px; line-height: 20px; margin-right: 22px; margin-top: 15px; }
.Min8 ul li a { color: #666; }
.Min8 ul li a:hover { color: #0281ff; }


/********** ???? **********/
.clearfix {display: block;zoom: 1;}
.clearfix::after { height: 0;display: block;visibility: hidden;content: ".";clear: both;}
.game_rank{border:1px solid #eee;  background-color:#fff; margin-top:10px;}
.game_rank h3{ height:50px; line-height:55px; border-bottom:2px solid #eee; padding:0 20px; font-size:20px; color:#333; position:relative}
.rank_box{width:300px; float:left; border-right:1px solid #eee}
.rank_box .rank_list{ padding:15px 20px}
.rank_list .rank_loop{ padding:6px 0; margin-bottom:6px}
.rank_list .rank_loop .def span{width:17px; height:17px; display:inline-block; line-height:17px; text-align:center; float:left; background-color:#EBEEF4; border-radius:4px; font-size:12px; color:#999; margin-top:2px}
.rank_list .rank_loop .def span.first_three,.rank_list .rank_loop .def span.first_three1,.rank_list .rank_loop .def span.first_three2,.rank_list .rank_loop .def span.first_three3{ background-color:#DA3932; color:#fff}
.rank_list .rank_loop .def h5{width:149px; float:left; height:20px; line-height:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 5px; font-size:14px; font-weight:normal}
.rank_list .rank_loop .def small{ float:left; color:#666}
.rank_list .rank_loop .glide{ display:none}
.rank_list .rank_loop dt{ float:left}
.rank_list .rank_loop dt img{border-radius:10px; width:80px; height:80px}
.rank_list .rank_loop dd{ float:left; width:170px; padding-left:10px}
.rank_list .rank_loop dd h5{ margin:0; width:100%; height:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_list .rank_loop dd h5 a{ color:#333; font-size:14px; font-weight:normal; }
.rank_list .rank_loop dd h5 a:hover{color:red;}
.rank_list .rank_loop dd p{ color:#666; font-size:12px; margin:2px 0 10px}
.rank_list .rank_loop dd .download{width:68px; height:25px; border:1px solid #F7C8C8; display:inline-block; text-align:center; line-height:25px; font-size:14px; color:#DA4944}
.rank_list .rank_loop dd .download:hover{ text-decoration:underline;color:red}
.game_rank .open{width:295px; float:left;}
.game_rank .open h3 div{ position:absolute; bottom:-2px; left:0; width:100%}
.game_rank .open h3 div a{width:50%; display:inline-block; text-align:center; color:#333; float:left; line-height:53px; height:48px}
.game_rank .open h3 div a:hover{ text-decoration:none}
.game_rank .open h3 div a.current{ color:#7cc666; border-bottom:2px solid #7cc666}
.game_rank .open .open_list{ padding:10px 20px 0}
.game_rank .open .open_list li{ padding:7px 0; color:#333;}
.game_rank .open .open_list li .state{ color:#666; width:80px; display:inline-block; vertical-align:middle; margin:-2px 5px 0}
.game_rank .open .open_list li .name{width:80px; height:20px; vertical-align:middle; display:inline-block;overflow:hidden;  margin-top:-2px; color:#333; font-size:14px}
.game_rank .open .open_list li .name:hover{color:red;}
.game_rank .open .open_list li .receive{ padding:0 5px; border:1px solid #F7C8C8; display:inline-block; color:#DF6663; vertical-align:middle; margin-top:-2px}
.game_rank .open .open_list li .receive:hover{text-decoration:underline;color:red}
.game_rank .open .open_list li .open_state{ color:#999}
.game_rank .open .open_list li .green{ color:#93DAA7}
.game_rank .open .submit{width:258px; height:48px; display:block; border:1px solid #F7C8C8; line-height:48px; text-align:center; color:#DA4944; font-size:20px; font-weight:bold; margin:15px auto 0}
.game_rank .open .submit:hover{ text-decoration:none}

.ps_list {padding:0 0 20px 0;overflow:hidden;}
.ps_list a{display:inline-block;padding:5px 10px;margin:15px 0 0 15px;background:#f0f0f0;color:#666;border-radius:4px;font-size:14px;}
.ps_list a:hover{background:#7cc666;color:#fff;}