html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: arial, sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.clear { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}
a{color:#444;text-decoration:none;}

body {background:#fff;font-family:'寰蒋闆呴粦';}
.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }

.lh30 { line-height:15px; }
.lh50 { line-height:25px; }
.lh60 { line-height:30px; }

.blue {color: #0C81EE;}

.header ,.container  ,.footer  { padding:0 10px; margin:0 auto; }
.footer { padding:10px; }

.navlist { font-size:100%;; line-height:220%;background:#fff; position:fixed; top:0; width:100%; left:0; z-index:10; }
.navlist li { float:left; width:33%; border-bottom:5px solid #4490ea; text-align:center; height:80px; line-height:80px; font-size:120%; font-weight:bold; }
.navlist li:last-child { width:34%; }
.navlist li.this { background:#4490ea;  }
.navlist li a { display:block; color:#4490ea; border-right:1px solid #eee; }
.navlist li:last-child a { border:0; }
.navlist li.this a{ color:#fff; }

.return { background:#4490ea; height:50px;  line-height:50px;  position:fixed; top:0; width:100%; left:0; z-index:10; padding-left:10px; }
.return a { color:#fff; font-size:120%; font-weight:bold; }

.ilist { } 
.ilist .item { float:left; width:33%; text-align:center; }
.ilist .item:last-child { width:34%; }
.ilist .item .aimg { padding:10px; display:block; }
.ilist .item .aimg img { width:100%; }

.clist { }
.clist .item { position:relative; border-bottom:1px solid #eee; height:190px; }
.clist .item .itema ,.clist .item .itemin { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.clist .item .itemin { z-index:1; top:20px; }
.clist .item .aimg { float:left ; width:160px; height:160px; overflow:hidden; padding-left:10px; }
.clist .item .aimg img { width:95%; }
.clist .item .itemb { float:right; width:440px; height:160px; overflow:hidden; }
.clist .item h1 { font-size:120%; font-weight:bold; }
.clist .item .desc { font-size:26px; color:#555; padding-top:10px; }
.clist .item .btn {  position:absolute; z-index:3; right:20px; bottom:10px; height:55px; padding-top:5px; line-height:55px; width:120px; background:#4490ea; font-size:120%; color:#fff; text-align:center; }
.clist .item .rate {  position:absolute; bottom:15px; left:175px; }


.gameimages { padding-top:10px; width:620px; margin:0 auto; overflow:hidden; }
.gameimages .gameimagesin {  width:3095px; }
.gameimages .item { width:280px; float:left; text-align:center; overflow:hidden; }
.gameimages .item img { width:95%; border-radius:3%; }

.gameintop { position:relative;  height:60px; }
.gameintop .aimg { float:left; width:60px; height:60px; }
.gameintop .aimg img{ width:60px; height:60px; display:block; }
.gameintop .ainfo { float:right; }
.gameintop .ainfo h1 { font-size:120%; font-weight:bold; }
.gameintop .ainfo .rate { }
.gameintop .ainfo .rate span { display:block; }
.gameintop .ainfo .size { color:#555; font-size:100%; padding-top:8px; }
.gameintop .btn { height:40px; padding-top:5px; line-height:40px;  width:140px; background:#4490ea; font-size:18px; color:#fff; text-align:center; display:block; margin-bottom:10px; }

.gameintop  .abtns { float:right; width:140px; position:absolute; right: 0; bottom:0; }



.gameindesc  { font-size:100%; }
.gameindesc h3 { font-size:120%; font-weight:bold; padding:10px 0;  }
.gameindesc .desc { }
.gameindesc .desc p { line-height:160%;  }

.hr { border-top:2px solid #eee; padding:0 0 10px; margin:15px 0 0; clear:both; }


.rate, .rate span{line-height:6px;background: none repeat-x 0 0;-webkit-background-size: 6px 6px;-moz-background-size: 6px 6px;-o-background-size: 6px 6px;background-size: 6px 6px;}
.rate{display:inline-block;position:relative;vertical-align:top;padding:1px 0 0 0;width:80px;height:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEXMzMz////MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzs4IOcAAAAKHRSTlMAAAECBAUICgsRGCAhIyQvMDM7QUpZcHN4jpKUpaqyt8XO4Ovt9ff7EsMuBQAAALBJREFUeF51zteywjAMRVHZ6b2HXhLAnP//QnDAjn2v2W+aNSOJGCNVFJGMLZnQdT/gdHKDD/hOqIHaCTtg5wIuAMEdkANA7oCNhM0K7fWbkCDU1BIrbvjXrZCrwstfuISfG3y0YeT6ePVY4VGZX8WTgim23z0rOJMFAXSBBc0KjQUHCfu9hIMJ3hNAT9QDeHoGlMCc0rt0BkoDtjj6tOQfsTXgPpBuuJOGJCOjLJHwAkpIHcLLDPQuAAAAAElFTkSuQmCC); background-size:auto 100%;  }

.rate { margin-top:5px; color:#999; }
.rate i{position: absolute;white-space: nowrap;margin-left: 66px;}
.rate span{display:block;position:absolute;left:0;top:0;max-width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEX/mQD/////mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQAq2hLsAAAAKHRSTlMAAAECBAUICgsRGCAhIyQvMDM7QUpZcHN4jpKUpaqyt8XO4Ovt9ff7EsMuBQAAAKtJREFUeF510UcSwyAUA1Dce+897rr/CTNMbAMJ0U7zFvoDRGGxLK7wkGV/YBjkoAO6FGIglkIDNDJQD+BQJeADgC+BikLFIH1dOSgcd0uJEqz4yRrQDXP6hsn8bKilCKX6jEc7gz3ir7LnG2ZbPHe8YVQEMPDEECBhkAjQUWhbCh0P2gkgJyQHcGochMDi0uouQMhBjf76PL1HzYBsxfPKpNjIA46ncPEcCm86aR5zaJbNoAAAAABJRU5ErkJggg==); background-size:auto 100%; }

.abg { position: absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.48); z-index:100; top:0; }
.abg1 { position: absolute; width:100%;  z-index:101; top:0; }
.abg1 .abg1in {  margin:10px auto; width:500px; padding:20px; line-height:180%; background:#fff; font-size:20px; border-radius: 10px; }
.abg1 .abg1in span { color:#ff6600; }

.aabox { padding:20px; line-height:160%;}
.aabox h1 { font-size:100%; font-weight:bold; padding:20px 0; }
.aabox p { line-height:160%; font-size:100%;}

.lbbox { padding:20px; }
.lbbox h6 { font-size:100%; font-weight:bold; padding:20px 0; }
.lbbox ul { }
.lbbox ul li { float:left; width:33.333333%; padding:15px 0; height:130px; overflow:hidden; }
.lbbox ul li a { display:block; text-align:center; font-size:100%;  overflow:hidden; }
.lbbox ul li a img { display:block; text-align:center; margin:0 auto; width:80%; margin-bottom:10px; }

.lcbox { padding:20px; }
.lcbox h6 { font-size:100%; font-weight:bold; padding:20px 0; }
.lcbox ul { }
.lcbox ul li { float:left; width:25%; padding:10px 0; font-size:100%;  height:25px; line-height:25px; overflow:hidden; }

.container { font-size:100%; }
.ccina { font-size:100%; }


.loadingbox { width:100%; height:100%; position:fixed; left:0; top:0; display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center;-moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; z-index:500; text-align;center; }
.loadingbox .loadingboxin { margin:0 auto; background:rgba(120, 120, 120, 0.8); border-radius:10px; font-size:100%; color:#fff; height: 160px; width: 160px; }
.loadingbox .loadingboxintip { width:auto; height:auto; }
.loadingbox .spinnertop { height:20%; }
.loadingbox .spinnerbottom { height:30%; line-height:200%; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; }
.spinner { height:40%; width: 40%; position: relative;  margin: 0 auto;}
.spinner div {  width: 12%;  height: 26%;  background-color: white;  position: absolute;  left: 44.5%;  top: 37%;  opacity: 0;  -webkit-border-radius: 30%;  -webkit-animation: fadea 1s linear infinite;}
.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}
@-webkit-keyframes fadea{  from {opacity: 1;}  to {opacity: 0.25;}}
.tipbox { text-align:center; color:#fff; text-shadow: 1px 1px 1px #000; padding:10px; }
.tipbox .tipboxtop { font-size:150%; line-height:1.2; font-weight:bold; float:left; }
.tipbox .tipboxin { padding:0 10px; float:right; text-align:left; float:right; line-height:2.3em;  }


.cclear:after,.cclear .after {content: ""; display: block; clear: both;}