@charset "utf-8";
/* CSS Document */

/*------------------- reset -------------------*/
body {padding: 0; margin: 0; font: 12px/160% Arial;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
ul,ol {list-style: none;}
img {border: 0; vertical-align: top;}
em,i {font-style: normal;}
table {border-collapse: collapse; border-spacing: 0;}

/*------------------- clearfix -------------------*/
.clearfix:after {content: ""; display: block; height: 0; clear: both;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

/*------------------- link -------------------*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

body {min-width: 1400px; color: #333;}
.imgsize {width: 100%;}
a, a:hover {text-decoration: none;}
.t-center {text-align: center;}
.m-center {margin: 0 auto;}

/* top-bar */
.top-bar {height: 86px; background: #222;}
.top-con {position: relative; width: 1230px; padding: 22px 30px 21px; color: #fff; font-size: 14px; line-height: 26px; margin: 0 auto;}
.top-txt {width: 434px; height: 43px; font-size: 0; line-height: 0; background: url(../img/top_txt.png) no-repeat;}
.nav-list a {margin: 0 26px; color: #fff;}
.nav-list a:hover, .nav-list .cur {color: #ccc;}
.nav-list .line {display: inline-block; height: 26px; border-left: 1px solid #535353; border-right: 1px solid #000; vertical-align: middle;}
.pos-l, .pos-r {position: absolute; top: 30px;}
.pos-l {left: 0;}
.pos-r {right: 30px;}
.icon-en {display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; background: url(../img/ico_en.png) no-repeat;}

.img-focus {width: 100%; height: 585px; background: url(../img/img_bg.jpg) no-repeat center top;}
.img-focus img {width: 100%;}
.focus-pic {position: relative; width: 1280px; padding-top: 63px; margin: 0 auto;}
.logo {width: 202px; height: 200px; margin-left: 822px; font-size: 0; line-height: 0; background: url(../img/logo.png) no-repeat; background-size: 100% 100%;}
.slogan {width: 506px; height: 150px; margin-left: 678px; font-size: 0; line-height: 0; background: url(../img/slogan.png) no-repeat;}
.btn-down {display: block; width: 362px; height: 98px; margin: 16px 0 0 750px; font-size: 0; line-height: 0; background: url(../img/btn_down.png) no-repeat;}

.block-size {width: 1280px; margin: 0 auto;}
.main-box {padding-top: 34px; margin: 0 auto; border-top: 2px solid #a63833; background: url(../img/main_bg.jpg) no-repeat center top; background-size: cover;}
.step-box {margin-bottom: 57px;}
.step-title {position: relative; margin-bottom: 39px; color: #fff; font-size: 34px; font-weight: bold; text-align: center; line-height: 34px;}
.feature {margin-bottom: 60px;}
.game-info .step-title {margin-bottom: 30px;}

.title {margin-bottom: 30px;}
.title {position: relative; padding-left: 25px; color: #1c003f; font-size: 30px; font-weight: bold; line-height: 30px; border-left: 6px solid #4ba1e3;}
.game-list {margin-right: -18px;}
.game-list li {float: left; width: 414px; height: 360px; margin: 0 18px 18px 0;}
.game-list li:nth-child(1) {width: 634px; height: 315px;}
.game-list li:nth-child(2) {width: 623px; height: 315px;}
.secured {height: 280px; padding: 145px 0 225px; background: url(../img/secured_bg.png) no-repeat center 145px;}

/*------------------- privacy -------------------*/
.privacy {padding-bottom: 30px; color: #555; font-size: 13px; line-height: 24px;}
.topban {height: 228px; padding-top: 60px; background: url(../img/topban.jpg) no-repeat center top;}
.topban .logo {float: left; width: 150px; height: 150px; margin-left: 551px;}
.topban .slogan {float: left; width: 506px; height: 150px; margin-left: 18px; background: url(../img/inner_slogan.png) no-repeat;}
.pTitle {margin-bottom: 30px; padding: 40px 0 16px; border-bottom: 1px solid #ddd; font: bold 30px/36px "Microsoft Yahei";}
.privacy h2 {margin: 20px 0 15px; text-align: center; color: #333; font-size: 24px; font-weight: bold; line-height: 36px;}
.privacy h3 {margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.privacy h4 {margin-bottom: 2px; font-size: 16px; font-weight: bold;}
.privacy p {margin-bottom: 15px; font-size: 14px;}

/*------------------- footer -------------------*/
#footer {position: relative; padding: 50px 0 100px; background: #494949;}
.footer-box {display: flex; justify-content: space-between; width: 1280px; margin: 0 auto; color: #dfdfdf;}
.footer-box p {font-size: 14px;}
.footer-box a {color: #dfdfdf;}
.footer-box a:hover {color: #fff;}
.footer-box dl {line-height: 20px;}
.footer-box dt {margin-bottom: 5px; color: #818181; font-size: 15px; font-weight: bold;}
.footer-box dd a {display: block; font-size: 14px; line-height: 24px;}
.share img {margin-right: 5px; margin-bottom: 5px;}
.partner dt {margin-bottom: 12px; color: #fff; font-size: 18px; font-weight: normal;}