body{ background: #f8f8f8}

/* header 
header{ background: #427ae3; overflow: hidden; padding: 0 0.625rem; line-height: 2.45; background: url(//ue2.17173cdn.com/a/cr/index/2016v2/m/img/bg2.jpg) no-repeat; background-size:cover}*/
header .logo{ float: left;}
header .logo img{ height: 1.25rem!important}
header .game{ float: left; margin-left: 0.5rem; font-size: 1.125rem;}
header .game a{ color: #fff;}

/* banner-box */
.banner-box{ background: url(//ue1.17173cdn.com/a/cr/index/2016v2/m/img/bg1.jpg) no-repeat; background-size:cover; text-align: center; font-size: 0; padding: 0.25rem 0}
.banner-box .link{ display: inline-block; overflow: hidden; color: #ffd200; line-height: 2; border: 1px solid #6c5723; border-radius: 1rem; vertical-align: top; font-size: 1rem; margin: 0 0.625rem}
.banner-box .link .pic, .banner-box .link .tit{ display: block;}
.banner-box .link .pic{ float: left; padding: 0 0.375rem 0 0.5rem}
.banner-box .link img{ width: 1.25rem}
.banner-box .link .tit{ overflow: hidden; padding: 0 0.8125rem 0 0.375rem; position: relative;}
.banner-box .link .tit:before{ display: inline-block; content: ""; position: absolute; border-left: 1px solid #6e5824; left: 0; height:84%; top:8%}

/* swiper */
.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;
    transition-property: transform;display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}
.swiper-nav{width: 100%;text-align: center;line-height: 1}
.swiper-nav span{background: #ccc; display:inline-block;width: 6px;height: 6px;margin: 0 3px;border-radius: 50%; vertical-align: middle; -webkit-transition: width .2s; transition: width .2s;}
.swiper-nav [class*="active"] {background:#fdcd00; width:20px;border-radius: 10px;}

/* nav */
.nav{ position: relative; z-index: 100; border-bottom:1px solid #e9e9e9; line-height: 2.25; background: #fff}
.nav-box{position: relative;z-index:5; overflow: hidden; background: #ffffff; padding: 0 0.625rem; height:2.25rem; width: 70%;}
.nav-box::after{content:' '; display: inline-block; width: 2rem; height: 100%; background-color: #fff; position: absolute; right:0; top:0; z-index: 10; background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8)); 
background: linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8));}
.nav-slide{ padding: 0.3125rem 0;}
.nav-slide a{display:block; padding: 0 .625rem;width: auto; color: #333; line-height: 1.5625rem; margin: 0 0.125rem; font-size: 1rem;}
.nav-slide .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}
.nav.fixed{position: fixed;top: 0; left: 0;z-index:600; width: 100%}
.nav-slide .swiper-slide:first-child{ background: #f35858; color: #fff; border-radius:3px}

.nav .btn-nav-toggle{overflow:hidden;text-align:center; position: absolute;right:0;top:0;width: 30%;background-color: #e9e9e9;color:#427ae2;font-size: 1rem;line-height: 2.25; height:2.25rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nav .btn-nav-toggle::after{ content:' ';display:inline-block; position:relative;top:-0.25em;width:.4em;height:.4em;margin-left:.4em;border-left:0.1em solid #427ae2;border-bottom:0.1em solid #427ae2;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-row{ width:100%; line-height: 2.86; position:absolute; background:#e9e9e9; display: table; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0) }
.nav-row a{ color:#333; display: table-cell; text-align: center; font-size: 0.875rem; position: relative;}
.nav-row a::before{ content:' ';display:inline-block; position: absolute; left: 0; height: 62%; top:19%; left: 0; border-left: 1px solid #cfcfcf}
.nav-row a:first-child::before{ display: none;}
.nav-show-all .nav-row{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.nav-show-all .nav-row .btn-nav-toggle::after{top:-.05em;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}

/* footer */
.footer { position:relative; margin-top:1rem; padding:1em 0 2.5em; background-color:#464646}
.mod-platform { margin-bottom:0.5rem; text-align:center }
.mod-platform a { color:#fff }
.mod-platform a:first-child { margin-right:2em }
.copyright {font-size:.75rem; color:#c0c0c0; text-align:center }
.copyright a { color:#c0c0c0 }
.footer-ico-pc, .footer-ico-star{display:inline-block; overflow:hidden; vertical-align:middle; background:url(//ue3.17173cdn.com/a/cr/index/2016v2/m/img/footer-ico.png) no-repeat}
.footer-ico-pc, .footer-ico-star { margin-bottom:3px }

.btn-gotop{position: fixed;bottom:5%; right: 1.5rem;width: 2em; height: 2em;border-radius: 50%;background: rgba(0,0,0,.6);line-height: 2.5;text-align: center;color: #fff; z-index: 610;font-size: 1.25rem; display: none;}
.btn-gotop::after{ content:' '; display: inline-block; width:0.6em; height:0.6em; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; -webkit-transform:rotate(135deg);transform:rotate(135deg)}

/* page-index */
.page-index .nav-slide .swiper-slide:first-child{ background: none; color: #333;}


@media only screen and (max-width:480px){
	.footer-ico-pc, .footer-ico-star{width: 20px; height: 16px;background-size:100%}
	.footer-ico-pc{background-position: 0 0}
	.footer-ico-star{background-position: 0 -25px;}
}

@media only screen and (min-width:481px){
	.footer-ico-pc, .footer-ico-star{width: 40px; height: 32px;}
	.footer-ico-pc{background-position: 0 0}
	.footer-ico-star{background-position: 0 -50px;}
}