﻿body {background:#1c1916;font-family:"微软雅黑";overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
a:hover {opacity:0.7;filter:alpha(opacity=70);}
input {outline:none;}

.modal-content {background:#29261c;text-align:center;}
.modal-body {line-height:4rem;font-size:1.5rem;font-weight:bold;color:#e1dfd9;}
.modal-body h1 {font-size:1.6rem;color:red;}
.modal-body span {color:#c3a475;}
.modal-header {border-bottom:none;color:#e1dfd9;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#29261c;color:#e1dfd9;border:none;}

.ImgBox {width:100%;height:auto;overflow:hidden;text-align:center;}
.ImgBox img {max-width:100%;}



@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/bg.jpg) center 0 no-repeat;
  background-size: cover;
}	
	
	
.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.MinImg {width:100%;height:auto;}	
.Maximg {display:none;}
.IndexBtn {display:none;}
.Logo {display:none;}

.ActBtn {width:50%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.ActBtn img {width:100%;height:auto;}
.ActBtn1 {width:30%;height:auto;display:block;cursor:pointer;position:absolute;right:1rem;top:1rem;}
.ActBtn img {width:100%;height:auto;}
.RegBtn {width:240px;height:30px;line-height:30px;display:block;text-decoration:underline;color:#dfbd83;font-size:15px;margin:0 auto;margin-top:10px;cursor:pointer;}

.LoginOut {font-size:1.4rem;color:#f3e2c4;text-align:center;line-height:3rem;overflow:hidden;width:100%;height:auto;overflow:hidden;text-align:center;margin-top:2rem;}
.LoginOutBtn {color:#f3e2c4;text-decoration:underline;cursor:pointer;}
.LoginOut b {color:#ea9751;}

.LoginBtn {width:30%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.LoginBtn img {width:100%;height:auto;}

.LoginBox {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;line-height:3rem;font-weight:bold;color:#e3ce65;}
.LoginBox b {color:#ff6434;}
.LoginBox a {color:#ff6434;text-decoration:underline;cursor:pointer;}


.ActBox {width:100%;height:auto;overflow:hidden;text-align:center;}
.ActBox input {width:70%;height:4rem;display:block;background:none;border:1px solid #dfbd83;text-indent:1em;color:#dfbd83;line-height:4rem;margin:0 auto;margin-top:1rem;font-size:1.4rem;}
.ActBoxBtn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
.ActBoxBtn img {max-width:100%;height:auto;}

.HH {width:90%;height:auto;overflow:hidden;text-align:center;margin:0 auto;margin-top:2rem;}
.HH img {max-width:100%;height:auto;}

.Rule {width:100%;height:auto;overflow:hidden;text-align:center;font-size:1.4rem;color:#e3ce65;line-height:3rem;}
.Rule b {color:#ff6434;font-weight:bold;}
.RuleBtn {color:#ff6434;font-size:1.5rem;font-weight:bold;text-decoration:underline;cursor:pointer;}

.RankingBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.Ranking {width:23%;height:auto;overflow:hidden;float:left;margin-left:1.6%;text-align:center;}
.Ranking img {width:100%;height:auto;}
.RBtn {width:80%;height:auto;display:block;margin:0 auto;margin-top:1rem;cursor:pointer;}

.BossBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.Boss {width:30%;height:auto;overflow:hidden;float:left;margin-left:2.5%;text-align:center;}
.Boss img {width:100%;height:auto;}
.BBtn {width:80%;height:auto;display:block;margin:0 auto;margin-top:1rem;cursor:pointer;}

.LvBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.Lv {width:30%;height:auto;overflow:hidden;float:left;margin-left:2.5%;text-align:center;}
.LvBox img {width:100%;height:auto;}
.LBtn {width:80%;height:auto;display:block;margin:0 auto;margin-top:1rem;cursor:pointer;}

.Txt {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;margin-bottom:3rem;line-height:4rem;font-size:1.4rem;color:#e3ce65;}
.Txt span {color:#ff6434;font-weight:bold;}

.Login_Box {width:100%;height:auto;overflow:hidden;}
.Login_Li input {width:90%;height:3rem;display:block;line-height:3rem;background:none;border:1px solid #7f6d49;color:#fff;font-size:1.4rem;text-indent:1em;margin:0 auto;margin-top:1rem;}
.Login_Btn {width:50%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.Login_Btn img {width:100%;height:auto;}
.reb_btnbtn {color:#c3a475;text-decoration:underline;display:block;width:190px;height:30px;line-height:30px;cursor:pointer;margin:0 auto;margin-top:1rem;}
.logins_li {width:100%;height:2rem;line-height:2rem;font-size:1rem;display:block;overflow:hidden;margin-top:1rem;}
.logins_li a {color:#cca042;text-decoration:underline;cursor:pointer;}
.errorTipDiv {width:100%;height:auto;line-height:3rem;text-align:center;color:red;font-size:1rem;margin-top:10px;}
#inviteNum {width:80%;height:3rem;display:block;line-height:3rem;background:none;border:1px solid #7f6d49;color:#fff;font-size:1rem;text-indent:1em;margin:0 auto;margin-top:1rem;}
#copyBtn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;}
#copyBtn img {width:100%;height:auto;}
#Binding_Btn {color:#cca042;width:100px;height:30px;margin:0 auto;margin-top:1rem;display:block;cursor:pointer;text-decoration:underline;line-height:30px;text-align:center;}

.modal-body select {width:80%;height:3rem;color:#000;text-align:center;display:block;margin:0 auto;margin-top:1rem;font-size:1rem;}
.modal-body a {color:#cca042;text-decoration:underline;}


.footer {display:none;}
}	



@media screen and (min-width:768px){

body {background:url(../img/bg.jpg) top center no-repeat #1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

.Top {width:100%;height:auto;overflow:hidden;position:relative;}
.Top img {width:100%;height:auto;}
.MinImg {display:none;}

.Logo {width:220px;height:154px;display:block;position:absolute;left:10px;top:10px;}
.Logo img {width:100%;height:auto;}

.LoginOut {color:#f3e2c4;text-align:center;font-size:16px;line-height:40px;overflow:hidden;}
.LoginOutBtn {color:#f3e2c4;text-decoration:underline;cursor:pointer;}
.LoginOut b {color:#ea9751;}

.LoginBtn {width:400px;height:83px;display:block;cursor:pointer;margin:0 auto;margin-top:30px;}
.LoginBtn img {width:100%;height:auto;}

.HH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:30px;}
.HH img {max-width:100%;height:auto;}

.ActBtn {width:290px;height:91px;display:block;cursor:pointer;position:absolute;bottom:10%;left:50%;margin-left:-145px;}
.IndexBtn {width:142px;height:45px;display:block;cursor:pointer;position:absolute;right:20px;top:20px;}
.ActBtn1 {width:142px;height:45px;display:block;cursor:pointer;position:absolute;right:180px;top:20px;}
.RegBtn {width:240px;height:30px;line-height:30px;display:block;text-decoration:underline;color:#dfbd83;font-size:15px;margin:0 auto;margin-top:10px;cursor:pointer;}

.ActBox {width:100%;height:auto;overflow:hidden;text-align:center;}
.ActBox input {width:300px;height:40px;display:block;background:none;border:1px solid #dfbd83;text-indent:1em;color:#dfbd83;line-height:40px;margin:0 auto;margin-top:20px;}
.ActBoxBtn {width:211px;height:53px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}

.LoginBox {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px;margin-bottom:20px;font-size:15px;line-height:40px;font-weight:bold;color:#e3ce65;}
.LoginBox b {color:#ff6434;}
.LoginBox a {color:#ff6434;text-decoration:underline;cursor:pointer;}
.LoginBtn {width:142px;height:45px;display:block;cursor:pointer;margin:0 auto;}

.Rule {width:100%;height:auto;overflow:hidden;text-align:center;font-size:15px;color:#e3ce65;line-height:40px;}
.Rule b {color:#ff6434;font-weight:bold;}
.RuleBtn {color:#ff6434;font-size:16px;font-weight:bold;text-decoration:underline;cursor:pointer;}

.RankingBox {width:1100px;height:auto;overflow:hidden;margin:0 auto;margin-top:35px;}
.Ranking {width:230px;height:auto;overflow:hidden;float:left;margin-left:45px;text-align:center;}
.RImg {display:none;}
.R1 {background:url(../jl/a1.png);width:230px;height:370px;overflow:hidden;}
.R2 {background:url(../jl/a2.png);width:230px;height:370px;overflow:hidden;}
.R3 {background:url(../jl/a3.png);width:230px;height:370px;overflow:hidden;}
.R4 {background:url(../jl/a4.png);width:230px;height:370px;overflow:hidden;}
.RBtn {width:120px;height:30px;display:block;margin:0 auto;margin-top:280px;cursor:pointer;}

.BossBox {width:1100px;height:auto;overflow:hidden;margin:0 auto;margin-top:35px;}
.Boss {width:230px;height:auto;overflow:hidden;float:left;margin-left:100px;text-align:center;}
.B1 {background:url(../jl/b1.png);width:230px;height:370px;overflow:hidden;}
.B2 {background:url(../jl/b2.png);width:230px;height:370px;overflow:hidden;}
.B3 {background:url(../jl/b3.png);width:230px;height:370px;overflow:hidden;}
.BBtn {width:120px;height:30px;display:block;margin:0 auto;margin-top:295px;cursor:pointer;}

.LvBox {width:1100px;height:auto;overflow:hidden;margin:0 auto;margin-top:35px;}
.Lv {width:230px;height:auto;overflow:hidden;float:left;margin-left:100px;text-align:center;}
.L1 {background:url(../jl/c1.png);width:230px;height:370px;overflow:hidden;}
.L2 {background:url(../jl/c2.png);width:230px;height:370px;overflow:hidden;}
.L3 {background:url(../jl/c3.png);width:230px;height:370px;overflow:hidden;}
.LBtn {width:120px;height:30px;display:block;margin:0 auto;margin-top:280px;cursor:pointer;}

.Txt {width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;margin-bottom:100px;line-height:40px;font-size:15px;color:#e3ce65;}
.Txt span {color:#ff6434;font-weight:bold;}

.modal-dialog {width:1000px;top:10%;padding-top:50px;padding-bottom:60px;}
.modal-body h1 {width:100%;height:30px;color:#c3a475;line-height:30px;}
.modal-body select {width:300px;height:30px;color:#000;text-align:center;display:block;margin:0 auto;margin-top:10px;font-size:14px;}
.modal-body a {color:#cca042;text-decoration:underline;}

.Login_Box {width:100%;height:auto;overflow:hidden;}
.Login_Li input {width:240px;height:30px;display:block;line-height:30px;background:none;border:1px solid #7f6d49;color:#fff;font-size:14px;text-indent:1em;margin:0 auto;margin-top:10px;}
.Login_Btn {width:174px;height:50px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}
.reb_btnbtn {color:#c3a475;text-decoration:underline;display:block;width:190px;height:30px;line-height:30px;cursor:pointer;margin:0 auto;margin-top:10px;}
.logins_li {margin-left:10px;}
.logins_li a {color:#cca042;text-decoration:underline;cursor:pointer;margin-left:10px;}
.errorTipDiv {width:100%;height:auto;line-height:30px;text-align:center;color:red;font-size:14px;margin-top:10px;}
#Binding_Btn {color:#cca042;width:100px;height:30px;margin:0 auto;margin-top:1rem;display:block;cursor:pointer;text-decoration:underline;line-height:30px;text-align:center;}
#inviteNum {width:400px;height:30px;display:block;line-height:30px;background:none;border:1px solid #7f6d49;color:#fff;font-size:14px;text-indent:1em;margin:0 auto;margin-top:10px;}
#copyBtn {width:211px;height:53px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}


}


