/*首页*/
.container{width: 100%; position: relative; margin: 0 auto; background:url(../images/bg.png);background-repeat:no-repeat; background-size: cover; }
.container>.main{width: 1040px;padding:0 20px;margin: auto; overflow: hidden;}
.container>.payment{ padding-bottom: 5%;}
.page_title{height: 80px;font-size: 20px;font-weight: bold;line-height: 100px;}
.page_main{width: 100%;overflow-y: auto;}
.dowload .dowload_list{width: 100%;margin-top: 20px;}
.dowload .dowload_list>li{width: 100%;height:160px; margin-bottom: 60px;}
.dowload .dowload_list>li:last-child{margin-bottom:0;}
.dowload .dowload_list>li>.icon{width: 160px;height: 100%; float: left;}
.dowload .dowload_list>li>.icon>img{width: 100%;height: 100%;}
.dowload .dowload_list>li>.cont{width:840px;height: 100%;margin-left: 20px;float: left;}
.dowload .cont>.cont_title{width: 100%;height: 26%;font-size: 16px;font-weight: bold;color: #000;}
.dowload .cont>.cont_title>p>span{font-size: 10px;font-weight: normal;color: #847e7e;}
.dowload .cont>.cont_text{width: 100%;height: 40%; margin-bottom:20px;}
.dowload .cont>.cont_btn{width: 100%;}
.dowload .cont_btn>.btn{height:30px; line-height:30px;padding: 0 12px 0 30px;margin-left: 4px; display: inline-block;  }
.dowload .cont_btn>.btn>a{color: #fff;}
.dowload .cont_btn>.btn_download{ background: #f27c25; }
.dowload .btn_download:before{content: '';width: 30px;height: 30px;top:0;left: 0; position: absolute;background: url(../images/b_download.png) no-repeat 0 0; background-size: 100% 100%;}
.dowload .cont_btn>.btn_google{background: #00BC6D; }
.dowload .btn_google:before{content: '';width: 30px;height: 30px;top:0;left: 0; position: absolute;background: url(../images/b_google.png) no-repeat 0 0; background-size: 100% 100%;}
.dowload .cont_btn>.btn_code{background: #363e4e; }
.dowload .btn_code:before{content: '';width: 30px;height: 30px;top:0;left: 0; position: absolute;background: url(../images/b_code.png) no-repeat 0 0; background-size: 100% 100%;}
.dowload .btn_addMore{width:370px;height: 50px; line-height: 50px; text-align: center; margin: 50px auto; cursor: pointer;}
.code_shadow{top:0%;left: 0%;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 2;display: none;}
#code{position: fixed;top:45%;left: 45%;width: 100px;height: 100px;}


/*游戏充值*/
.payment .tip{ width: 100%; height: 160px; margin: 40px 0; background: #F7F8FB; overflow: hidden;}
.payment .tip .tps{ width: 805px; height: 33px; margin: 50px auto 10px;}
.payment .tpstext{ position: relative; width: 900px; margin: 0 auto;}
.payment .tpstext li{ position: absolute; width: 130px; text-align: center; font-size: 15px; color: #CFCFCF;}
.payment .tpstext li:nth-of-type(1){ left: 0;}  .payment .tpstext li:nth-of-type(2){ left: 196px;}  .payment .tpstext li:nth-of-type(3){ left: 385px;}  .payment .tpstext li:nth-of-type(4){ left: 577px;}  .payment .tpstext li:nth-of-type(5){ right: 0;}
.payment .tps1 .tps{ background: url(../images/tp1.png) no-repeat;}
.payment .tps2 .tps{ background: url(../images/tp2.png) no-repeat;}
.payment .tps3 .tps{ background: url(../images/tp3.png) no-repeat;}
.payment .tps4 .tps{ background: url(../images/tp4.png) no-repeat;}
.payment .tps5 .tps{ background: url(../images/tp5.png) no-repeat;}
.payment .tps1 .tpstext li:nth-of-type(1){ color: #2DBA66;}
.payment .tps2 .tpstext li:nth-of-type(2){ color: #2DBA66;}
.payment .tps3 .tpstext li:nth-of-type(3){ color: #2DBA66;}
.payment .tps4 .tpstext li:nth-of-type(4){ color: #2DBA66;}
.payment .tps5 .tpstext li:nth-of-type(5){ color: #2DBA66;}

/*tp1*/
.payment .paynav{ width: 100%; overflow: hidden;}
.payment .paynav li{ position: relative; width: 150px; height: 200px; float: left; display: inline; margin:0 28px 10px 0; cursor: pointer;}
.payment .paynav li span{ width: 150px; height: 150px; display: block; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.payment .paynav li p{ width: 150px; text-align: center; margin-top: 10px; font-size: 15px; display: block;}
.payment .paynav li:nth-child(6n){ margin-right: 0;}
.payment .paynav li.active i{ position: absolute; left: 0; top: 0; width: 150px; height: 150px; background: url(../images/active.png) no-repeat; z-index: 1000;}
.payment .paynav li.active p{ color: #2DBA66;}
.payment .formsum{ width: 700px; margin: 80px auto 0;}
.payment .formsum h1{ color: #000; font-size: 20px;}
.payment .formsum .formwrap{ width: 100%; margin: 15px 0 30px;}
.payment .formsum .formwrap input{ width: 100%; text-indent: 10px; height: 56px; font-size: 16px; border: 1px solid #B5B7BF; border-radius: 3px;}
.payment .formsum .formwrap p{ display: block; margin-top: 10px; font-size: 16px; color: #fe5252;}
.payment .formsum .formwrap div{ width: 100%; overflow: hidden;}
.payment .formsum .formwrap div .yzmint{ width: 70%; float: left; display: inline;}
.payment .formsum .formwrap div i{ display: block; width: 196px; height: 57px; float: left; display: inline; margin-left: 10px;}
.payment .formsum .issubmit{ width: 210px; height: 60px; font-size: 20px; color: #fff; border-radius: 3px; display: block; background: #2DBA66; margin: 10% auto; cursor: pointer;}
/*tp2*/
.payment .payinft{ width: 480px; height: 490px; margin: 0 auto;}
.payment .payinft i{ display: block; margin: 0 auto; width: 160px; height: 160px; border-radius: 15px; overflow: hidden;}
.payment .payinft .inftnav{ width: 100%; margin: 5% auto 10%;}
.payment .payinft .inftnav li{ width: 100%; overflow: hidden; font-size: 20px; margin-bottom: 10px;}
.payment .payinft .inftnav li span{ width: 47%; }
.payment .payinft .inftnav li span:nth-of-type(1){ float: left; text-align: right; color: #8d92a3;}
.payment .payinft .inftnav li span:nth-of-type(2){ float: right; text-align: left; color: #4a4e67;}
.payment .payinft .infsub,.payment .payzf .infsub{ width: 480px; margin: 0 auto; overflow: hidden;}
.payment .payinft .infsub input,.payment .payzf .infsub input{ width: 210px; height: 60px; font-size: 20px; color: #fff; border-radius: 3px; display: block; margin: 5% auto 10%; cursor: pointer;}
.payment .payinft .infsub input:nth-of-type(1),.payment .payzf .infsub input:nth-of-type(1){ float: left; background: #FF8A2F;}
.payment .payinft .infsub input:nth-of-type(2),.payment .payzf .infsub input:nth-of-type(2){ float: right; background: #2DBA66;}
/*tp3*/
.payment .payzf{ width: 1000px; margin: 0 auto; min-height: 520px; overflow: hidden;}
.payment .payzf h1{ color: #6b6c70; height: 30px; line-height: 30px; border-left:5px solid #2DBA66; text-indent: 2%;}
.payment .payzfnav{ width: 990px; margin: 30px 0 50px 0; overflow: hidden;}
.payment .payzfnav li{ position: relative; float: left; margin:0 0 18px 18px; cursor: pointer;  border: 1px solid #E7E6F2; border-radius: 3px;}
.payment .payzfnav li i{ width: 24px; height: 23px; position: absolute; right: 0; bottom: -1px;}
.payment .payzfnav li.active{ border: 1px solid #2DBA66;}
.payment .payzfnav li.active i{ background: url(../images/act.png) no-repeat;}
/*tp4*/
.payment .payzhnav h2{ font-size: 24px; color: #474c6d; text-align: center; margin: 20px 0 5px}
.payment .payzhnav h3{ font-size: 16px; color: #a8aab4; text-align: center;}
.payment .payzhnav h4{ font-size: 14px; color: #a8aab4; text-align: center; margin-top: 5px;}
/*tp5*/
.payment .payresult h1{ text-align: center; font-size: 24px; color: #191d3a; text-indent: 0; border-left: 0; margin: 10% 0 5%;}
.payment .payresult .infsub input:nth-of-type(1){ background: #F5423E;}


/*新闻中心*/
.news .news_list{width: 100%;  margin-top: 20px;}
.news .news_list>li{width: 100%;height:160px; margin-bottom: 50px;}
.news .news_list>li:last-child{margin-bottom:0;}
.news .news_list>li>.icon{width: 240px;height: 100%; float: left;}
.news .news_list>li>.icon>img{width: 100%;height: 100%;}
.news .news_list>li>.cont{width:760px;height: 100%;margin-left: 20px;float: left;}
.news .cont>.cont_title{width: 100%;height: 26%;font-size: 16px;font-weight: bold;color: #000;}
.news .cont>.cont_title>p>span{font-size: 10px;font-weight: normal;color: #847e7e;float: right;}
.news .cont>.cont_text{width: 100%;height: 40%; margin-bottom:20px;}
.news .cont>.cont_btn{width: 100%;}
.news .cont_btn>.btn{height:30px; line-height:30px;padding: 0 12px;margin-left: 4px; display: inline-block; background: #f27c25; }
.news .cont_btn>.btn>a{color: #fff;}
.news .btn_addMore{width:370px;height: 50px; line-height: 50px; text-align: center; margin: 50px auto; cursor: pointer;}

.newsdetail_back{display: inline-block; width:120px;height: 40px;line-height: 40px; margin-top: 60px; background: #000; }
.newsdetail_back>a{display: inline-block; width:100%;height: 100%;color: #fff; text-align: center; }
.newsdetail_cont{ width: 100%; margin: 20px 0 50px; color: #000;}
.newsdetail_cont>header{background: transparent;}
.newsdetail_cont>header>h1{text-align: center;margin: 10px 0; font-weight: bold;}
.newsdetail_cont>header>p{text-align: center;margin: 10px 0 20px 0;color: #847e7e;}
.newsdetail_cont>p{text-indent: 2em; line-height: 24px;margin-bottom: 20px;}
.newsdetail_cont>p>img{margin:auto;display: block;}

/*关于我们*/
.about_cont{width: 100%; margin-top: 60px;margin-bottom: 50px;color: #000;}
.about_cont>header{background: transparent;}
.about_cont>header>h1{text-align: center;margin: 10px 0; font-weight: bold;}
.about_cont>header>p{text-align: center;margin: 10px 0 20px 0;color: #847e7e;}
.about_cont>p{text-indent: 2em; line-height: 24px;margin-bottom: 20px;}
.about_cont>p>img{margin:auto;display: block;}