﻿/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{font-family:Arial,Helvetica;font-size: 12px;-webkit-text-size-adjust:none;}
header,nav,section,article,footer,figure,figcaption{display:block;}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table,td,tr{border-collapse:collapse;border-spacing:0;}
em,strong,i{font-weight:normal;font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a {text-decoration:none;}
.hide {display:none;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
img{border: none;}
:focus{outline: none;}
.db {display:block;text-indent:-999em;}
html,body{width: 100%;background-color: #131313;overflow-x: hidden;}
/*font*/
@font-face {
	font-family: 'Teko-Regular';
	src: url('https://www.pubgmobile.com/act/a20180515iggamepc/font/Teko-Regular.ttf');
}
@font-face {
	font-family: 'Headliner';
	src: url('https://www.pubgmobile.com/act/a20180515iggamepc/font/HeadlinerNo.45DEMO.ttf');
}
@font-face {
	font-family: 'Horta';
	src: url('https://www.pubgmobile.com/act/a20180515iggamepc/font/HORTA.ttf');
}
@font-face {
	font-family: 'PSL057pro';
	src: url('https://www.pubgmobile.com/act/a20180515iggamepc/font/PSL057pro.ttf');
}
.wrap{width: 100%;background-color: #FFFFFF;position: relative;}
.container {width:1200px;margin:0 auto;}
.sp{background: url(http://www.pubgmobile.com/act/a20180515iggamepc/sp.png) no-repeat;}

/*top_nav*/
.top_nav{width: 100%;height: 105px;background-color: #0d0d0d;position: absolute;top: 0;left: 0;z-index: 99;}
.top_log{display: inline;float: left;}
.top_log a{float: left;}
.top_log img{display: block;width: 128px;height: 128px;margin-top: 18px;}
.top_tit{display: inline;float: left;color:#feab02;font-size: 28px;font-family:"Teko-Regular";padding-left: 15px;padding-top: 30px;}
.top_tit span{display: block;color: #d9d9d8;font-size: 18px;}
.top_link{float: left;margin-left: 494px;}
.top_link a{display: block;width: 277px;height: 74px;margin-top: 12px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/top_img.png) no-repeat;}
.top_link a:hover{background-position: 0 -74px;}
.lang_box{float: right;width:140px;height:23px;line-height:23px;text-align:right;position:relative;top: 38px;right: -50px;}
.lang_drop{width: 150;height: 23px;position:relative;}
.lang_arrow{display: block;width: 23px;height: 23px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/lang_icon.png) no-repeat 0 -290px;position: absolute;top: 0;right: 0;cursor:pointer;}
.lang_on{width: 120px;height: 23px;color:#ffb400;font-size: 16px;font-family: Arial;line-height: 23px;padding-right: 8px;cursor:pointer;}
.lang_on i{display: inline-block;width: 27px;height: 16px;vertical-align: middle;margin-right: 8px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/lang_icon.png) no-repeat 0 0;}
.lang_list{display:none;width:126px;background-color: rgba(0,0,0,0.65);border-bottom:5px solid #ffb400;position:absolute;right:0;top:63px;z-index: 10;}
.lang_list li{height:32px;color:#b9b9b9;font-size: 14px;font-family: Arial;text-align: left;padding-top: 10px;padding-left: 10px;border-bottom:1px solid #333737;cursor:pointer;}
.lang_list li:hover{color:#ffb400;}
.lang_list li:last-child{border-bottom: none;}
.lang_list li i{display: inline-block;width: 27px;height: 16px;margin-right: 10px;vertical-align: middle;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/lang_icon.png) no-repeat;background-position: 0 0;}
.lang_list li .lang_icon1{background-position: 0 0;}
.lang_list li .lang_icon2{background-position: 0 -20px;}
.lang_list li .lang_icon3{background-position: 0 -40px;}
.lang_list li .lang_icon4{background-position: 0 -59px;}
.lang_list li .lang_icon5{background-position: 0 -78px;}
.lang_list li .lang_icon6{background-position: 0 -97px;}
.lang_list li .lang_icon7{background-position: 0 -116px;}
.lang_list li .lang_icon8{background-position: 0 -135px;}
.lang_list li .lang_icon9{background-position: 0 -154px;}
.lang_list li .lang_icon10{background-position: 0 -173px;}
.lang_list li .lang_icon11{background-position: 0 -192px;}
.lang_list li .lang_icon12{background-position: 0 -212px;}
.lang_list li .lang_icon13{background-position: 0 -231px;}
.lang_list li .lang_icon14{background-position: 0 -250px;}
.lang_list li .lang_icon15{background-position: 0 -270px;}

/*float_link*/
.float_link{width: 48px;height: 263px;text-align: center;padding-top: 45px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/open_bg.png) no-repeat;position: fixed;top: 375px;right: 0;z-index: 10;}
.float_link a{display: block;margin:0 auto 20px;text-indent:-999em;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/open_icon.png) no-repeat;}
.float_link a:nth-child(1){width: 25px;height: 25px;background-position: -2px 0;}
.float_link a:nth-child(2){width: 28px;height: 22px;background-position: 0 -41px;}
.float_link a:nth-child(3){width: 26px;height: 19px;background-position: -1px -120px;}
.float_link a:nth-child(4){width: 26px;height: 26px;background-position: -1px -155px;}
.float_link a:nth-child(5){width: 27px;height: 15px;background-position: -1px -238px;}
.float_link a:nth-child(6){width: 27px;height: 20px;background-position: -1px -263px;}
.float_link a:nth-child(1):hover{background-position: -34px 0;}
.float_link a:nth-child(2):hover{background-position: -32px -41px;}
.float_link a:nth-child(3):hover{background-position: -33px -120px;}
.float_link a:nth-child(4):hover{background-position: -33px -155px;}
.float_link a:nth-child(5):hover{background-position: -33px -238px;}
.float_link a:nth-child(6):hover{background-position: -33px -263px;}

/*header*/
.wrap0{margin-top: 105px;background:url(http://www.pubgmobile.com/act/a20180515iggamepc/bg1.jpg) no-repeat 50% 0;overflow: hidden;position: relative;}
.wrap{background:url(http://www.pubgmobile.com/act/a20180515iggamepc/bg2.jpg) no-repeat 50% 460px;}
.wrap_bot{width: 100%;height: 20px;background: url(../bg_bot.png) no-repeat 50% 0;position: absolute;bottom: 0;left: 0;}
.header{width: 845px;height: 914px;padding-left: 355px;padding-top: 96px;}
.logo{width: 264px;height: 108px;margin: 0 auto;}
.slogn{width: 720px;height: 185px;text-indent:-999em;margin-top:20px;margin-left: 60px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/slogn_en.png) no-repeat;}
.code_list{margin-top: 40px;padding: 0 10px;}
.code_list li{display: inline;float: left;height: 52px;vertical-align: middle;margin-bottom: 38px;}
.code_list li span{float: left;width: 252px;color:#ffffff;font-size: 36px;font-family:"Teko-Regular";text-align: right;padding-right: 15px;line-height: 58px;}
.code_list li input{float: left;height: 50px;color:#6d6d6d;font-size: 18px;font-family:Arial;padding: 0 20px;border: 1px solid rgba(172,106,0,0.35);background-color: rgba(0,0,0,0.5);vertical-align: middle;}
.code_list li .input_text{width: 458px;}
.code_list li .icon_mark{float: left;width: 32px;height: 32px;text-indent:-999em;background-position: -149px -84px;vertical-align: middle;margin-left: 16px;margin-top: 10px;}
.code_list li .input_code{width: 252px;}
.code_list li .code_text{float: left;width: 139px;height: 52px;margin-left: 18px;margin-right: 15px;}
.code_list li .code_text img{display: block;}
.code_list li .icon_break{float: left;width: 31px;height: 27px;text-indent:-999em;background-position: -194px -84px;margin-top: 12px;}
.btn_confirm{display: block;width: 340px;height: 73px;color:#593501;font-size: 42px;font-family:"Headliner";text-align: center;line-height: 73px;margin:52px auto 0;background-position: 0 0;}
.btn_gray{display: block;width: 340px;height: 73px;color:#323232;font-size: 42px;font-family:"Headliner";text-align: center;line-height: 73px;margin:52px auto 0;background-position: 0 -215px;}

/*footer*/
.footer{}
.foot_ct{width: 1200px;padding-bottom: 50px;padding-top: 19px;margin: 0 auto;position: relative;}
.box_img{display: block;width: 368px;height: 262px;position: absolute;top: -64px;right: -46px;}
.foot_copy{}
.copy_left{float: left;padding-right: 24px;}
.copy_left img{display: inline-block;margin-right: 15px;opacity: 0.54;}
.copy_right{float: left;padding-left: 25px;border-left:1px solid #313131;}
.foot_copy p{color: #ffffff;font-size: 14px;font-family: Arial;line-height: 24px;padding-top: 10px;}
.copy_right p{color: #989898;font-size: 14px;font-family: Arial;line-height: 24px;opacity: 0.83;}
.copy_right a{text-decoration: none;color: #989898;}
.copy_right em{color: #313131;margin: 0 10px;opacity: 1;}

/*pop*/
.OverlayBG{background-color: rgb(0,0,0) !important;opacity: 0.7 !important;}
.pop{display: none;width: 506px;border: 1px solid #e89d0a;background-color: #1a1a1a;position: relative;}
.pop_main{padding-bottom: 55px;}
.pop_top{width: 251px;height: 14px;background:url(http://www.pubgmobile.com/act/a20180515iggamepc/pop_top.png) no-repeat;position: absolute;top: -14px;left: -1px;}
.pop_close{display: block;width:31px;height:30px;text-indent:-999em;background-position: -309px -144px;position:absolute;top: 15px;right:13px;}
.pop_code{color: #c0c0c0;font-size: 24px;text-align: center;padding: 100px 30px 0;}
.pop_btn{display: block;width: 296px;height: 63px;color:#593501;font-size: 42px;font-family:"Headliner";text-align: center;line-height: 60px;margin:60px auto 0;background-position: 0 -144px;}
.pop_tit{color: #f1b025;font-size: 26px;text-align: center;padding: 50px 30px 16px;background: url(http://www.pubgmobile.com/act/a20180515iggamepc/pop_line.png) no-repeat 50% bottom;}
.pop_text{color: #ffffff;font-size: 20px;line-height: 40px;padding-left: 112px;padding-right: 100px;margin-top: 50px;}
.pop_rule{height: 480px;}
.pop_rule{width: 720px;}
.pop_rule .pop_main{padding-bottom: 0;}
.scroll{width: 600px;height: 356px;padding-left: 50px;padding-right: 45px;margin:0 auto;overflow-y: auto;}
.pop_ct{width: 600px;color: #c0c0c0;font-size: 20px;line-height: 40px;}
.rule_text{margin-top: 20px;}
.get_text{margin-top: 30px;}
.get_main{width: 600px;}
.get_main img{display: block;width: 600px;margin: 5px 0 10px;}

/*scroll*/
.scroll::-webkit-scrollbar-track-piece{background-color:#5c5c5c;}
.scroll::-webkit-scrollbar{width:10px;}
.scroll::-webkit-scrollbar-thumb{background:#e49200;}










