body{font:normal 14px/1.6em Arial,Microsoft YaHei,Tahoma,simsun; color:#ffffff;min-width:1200px;margin:0 auto;overflow-x: hidden}

.content{width: 100%}
.head-bar{width: 100%;height: 40px;background-color: #fa410f}
.head-ctrl{width: 100%;height: 107px;background-color: #011327}
.head-ctrl .center-con{width: 1200px;height: 100%;margin: 0 auto;overflow: hidden}
.head-ctrl .center-con .logo{background: url("../images/logo.png") no-repeat center;width: 184px;height: 100%;margin-left: 110px;margin-right: 200px;float: left}
.head-ctrl .center-con .txt-btn{width: 156px;height: 18px;border-right: #ffffff solid 1px;text-align: center;margin-top: 53px;float: left;cursor: pointer;font-size: 22px}
.head-ctrl .center-con .txt-btn:hover{color:#fa410f }
.head-ctrl .center-con .facebook-btn{background: url("../images/facebook-btn.png") no-repeat center;width: 33px;height: 33px;margin-left: 30px;margin-top: 46px;float: left}
.head-ctrl .center-con .reddit-btn{background: url("../images/reddit_btn.png") no-repeat center;width: 34px;height: 35px;margin-left: 30px;margin-top: 45px;float: left}

.content-con{width: 100%;height: 820px;overflow: hidden;background: url("../images/game_page_bg.jpg") no-repeat top center;position: relative}
.content-con .center-content{width: 1200px;height: 100%;margin: 0 auto;position: relative}
.content-con .game-name-div{position: absolute;top:215px;right:973px;width: 245px;overflow: hidden}
.content-con .title{color: #fa410f;font-size: 33px;width: 245px;line-height: 35px;text-align: center}
.content-con .xie1{background: url("../images/xie.png") no-repeat center;width: 27px;height: 21px;margin-left: 185px}
.content-con .xie2{background: url("../images/xie.png") no-repeat center;width: 27px;height: 21px;margin-left: 40px}
.content-con .banner-border-con{width: 952px;height: 497px;top:104px;right: 0px;position: absolute;overflow: hidden}
.content-con .info-con{width: 413px;height: 298px;border: 5px solid #fa410f;background-color: #fffccd;position: absolute;left: 0;top:357px;overflow: hidden}
.content-con .info-con .txt-con{margin: 35px;width: 358px;height:238px;}
.content-con .info-con .resize-con{width: 348px;margin: 0 auto;height: 238px}
.content-con .info-con .txt-con p{width: 348px;margin: 0 auto;color: #000000;}

/*.content-con .info-con .txt-con{margin: 25px;width: 618px;height:268px;}*/
/*.content-con .info-con .resize-con{width: 598px;margin: 0 auto;}*/
/*.content-con .info-con .txt-con p{width: 598px;margin: 0 auto;color: #000000;}*/

.content-con .mobile-con{background: url("../images/line.png") no-repeat center;width: 919px;height: 44px;position: absolute;bottom: 60px;right: -195px}
.content-con .mobile-con .ios-btn{background: url("../images/ios_btn1.png") no-repeat center;width: 158px;height: 44px;margin-left:220px;cursor: pointer;float: left}
.content-con .mobile-con .ios-btn:hover{background: url("../images/ios_btn2.png") no-repeat center;}
.content-con .mobile-con .android-btn{background: url("../images/android_btn1.png") no-repeat center;width: 158px;height: 44px;margin-left:34px;cursor: pointer;float: left}
.content-con .mobile-con .android-btn:hover{background: url("../images/android_btn2.png") no-repeat center}
.content-con .mobile-con .google-btn{background: url("../images/google_btn1.png") no-repeat center;width: 158px;height: 44px;margin-left:34px;cursor: pointer;float: left}
.content-con .mobile-con .google-btn:hover{background: url("../images/google_btn2.png") no-repeat center}

.bottom-con{background-color: #011327;width: 100%;height: 140px;overflow: hidden}
.bottom-con .txt-con{margin: 49px auto 0;width: 410px;height: 28px}
.bottom-con .txt-con .txt1{width: 102px;float: left;text-align: center;cursor: pointer}
.bottom-con .txt-con .txt2{width: 90px;float: left;text-align: center;cursor: pointer}
.bottom-con .txt-con .txt3{width: 180px;float: left;text-align: center;cursor: pointer}
.bottom-con .txt-con .txt1:hover{text-decoration: underline}
.bottom-con .txt-con .txt2:hover{text-decoration: underline}
.bottom-con .txt-con .txt3:hover{text-decoration: underline}
.bottom-con .txt-con .line{width: 2px;height: 13px;float: left;background-color: #ffffff;margin-top: 5px;}
.bottom-con .bottom-txt{font-size: 12px;width: 400px;text-align: center;margin: 30px auto 0;color: #73787f}

/* 滚动条样式 */
#Yscrollouter{width: 10px; height: 340px; background: #fffccd; position: absolute;top:0; right: 0; display: none;}
#Yscrollinner{width: 10px; height: 100px; background: #fa410f; border-radius:10px; position: absolute; top: 0; left: 0; }
/* 滚动条样式 */

.banner-con{position: absolute;left:50%;transform: translate(-50%,0);overflow: hidden;width: 952px;}
.banner-con img{width: 100%;position: absolute;left: 0;top:0;z-index: 1}
/*.banner-child{height: 914px;position: absolute;left: 0;top:0;z-index: 1}*/
.banner-btn-con{width: 130px;height: 20px;position: absolute;top:630px;right: 30px}
.circle1 {width: 10px;height: 10px;border: 1px solid #ff5400;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 0px 5px;float: left;cursor: pointer}
.circle2 {width: 10px;height: 10px;border: 1px solid #ff5400;background: #ff5400;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 0px 5px;float: left;cursor: pointer}

.shadow1{ -webkit-box-shadow:0 5px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 5px 25px rgba(0, 0, 0, 0.5);box-shadow:0 5px 25px rgba(0, 0, 0, 0.5); }
.shadow2{ -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);box-shadow:0 0 20px rgba(0, 0, 0, 0.5); }
.text-shadow{text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3)}