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

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}

.RlueBox table {width:100%;height:auto;margin-top:10px;}
.RlueBox table th {border:1px solid #f8eba7;background:#f8eba7;color:#000;font-size:15px;line-height:40px;text-align:center;}
.RlueBox table td {border:1px solid #f8eba7;color:#f8eba7;font-size:15px;line-height:40px;text-align:center;}

@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/Min202601.jpg) center 0 no-repeat;
  background-size: cover;
}	

.Logo {width:40%;height:auto;margin:0 auto;margin-top:4rem;}
.Logo img {width:100%;height:auto;}

.NavBtn {height:45px;margin:0 auto;margin-top:1rem;z-index:2;cursor:pointer;display:block;}
.NavBtn img {width:100%;height:auto;}
.NavBtn1 {width:20%;display:none;}
.NavBtn2 {width:168px;}
.NavBtn3 {width:206px;}
.NavBtn4 {width:206px;left:50%;display:none;}

.W1000 {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-bottom:5rem;}
.Slogan {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;text-align:center;}
.Slogan img {max-width:100%;}

.CreateJoin {width:100%;height:auto;overflow:hidden;margin:0 auto;}
.CreateJoinBtn1 {width:45%;height:auto;display:block;cursor:pointer;float:left;margin-left:3.3%;}
.CreateJoinBtn2 {width:45%;height:auto;display:block;cursor:pointer;margin:0 auto;}
.CreateJoin a img {width:100%;height:auto;}

.modal-content {background:#0d0602;box-shadow:none !important;border:none !important;background-size:100% 100%;}
.CloseBtn {width:44px;height:43px;display:block;cursor:pointer;position:absolute;right:1rem;top:1rem;}

.RlueBox {width:100%;height:auto;overflow-y:auto;margin:0 auto;margin-top:2rem;font-size:1.4rem;line-height:4rem;color:#fff;text-align:left;}
.RlueBox span {color:#f8eba7}
.TipsBox {width:100%;height:auto;overflow-y:auto;margin:0 auto;margin-top:2rem;font-size:1.4rem;line-height:4rem;color:#f8eba7;text-align:center;}
.TipsBoxH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:1rem;}
.TipsBoxH img {width:100%;height:auto;}

.TipsBtn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.TipsBtn img {width:100%;height:auto;}
.Yzm {width:90%;height:5rem;line-height:5rem;text-align:center;display:block;margin:0 auto;margin-top:1rem;font-size:2.4rem;font-weight:bold;color:#f8eba7;background:none;border:none;}
.Yzm1 {width:90%;height:5rem;line-height:5rem;text-align:center;display:block;margin:0 auto;margin-top:1rem;font-size:2.4rem;font-weight:bold;color:#f8eba7;background:none;border:1px solid #f8eba7;}
.TipsBox table {width:100%;height:auto;margin-top:1rem;}
.TipsBox table th {border:1px solid #f8eba7;background:#f8eba7;color:#000;font-size:1.4rem;line-height:4rem;text-align:center;}
.TipsBox table td {border:1px solid #f8eba7;color:#f8eba7;font-size:1.4rem;line-height:4rem;text-align:center;}
.TipsBox b {color:#e4733b;}
.TipsBox select {width:90%;height:4rem;line-height:4rem;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;background:none;border:1px solid #f8eba7;color:#f8eba7;}
.TipsBox option {color:#000;}
.TipsSubmit {width:90%;height:4rem;line-height:4rem;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;background:none;border:1px solid #f8eba7;color:#f8eba7;}

.StepBg {width:100%;height:auto;overflow:hidden;margin-top:1rem;}
.StepBox {width:100%;height:auto;overflow:hidden;}
.StepBox img {width:20%;float:left;height:auto;;}
.StepBottom {width:100%;height:auto;overflow:hidden;margin-top:20px;}
.StepBottom img {max-width:100%;height:auto;}

.LoginBox {width:100%;height:5rem;line-height:5rem;color:#fff;font-size:1.6rem;text-align:center;font-weight:bold;}
.LoginBox a {color:#c51720;text-decoration:underline;cursor:pointer;font-weight:bold;}


}	



@media screen and (min-width:768px){
	
body {background:url(../img/Max202601.jpg) top center no-repeat #1a1a1a;width:100%;height:1080px;;position:relative;}

.Logo {width:260px;height:163px;position:absolute;;top:10px;left:10px;}

.NavBtn {height:45px;position:absolute;z-index:2;cursor:pointer;display:block;top:10px;}
.NavBtn1 {width:168px;right:10px;}
.NavBtn2 {width:168px;right:180px;}
.NavBtn3 {width:206px;right:370px;}
.NavBtn4 {width:206px;left:50%;display:none;}

.W1000 {width:1100px;height:auto;overflow:hidden;margin:0 auto;}
.Slogan {width:900px;height:407px;overflow:hidden;margin:0 auto;margin-top:200px;text-align:center;}
.Slogan img {max-width:100%;}

.CreateJoin {width:1000px;height:auto;overflow:hidden;margin:0 auto;}
.CreateJoinBtn1 {width:420px;height:165px;display:block;cursor:pointer;float:left;margin-left:53px;}
.CreateJoinBtn2 {width:420px;height:165px;display:block;cursor:pointer;margin:0 auto;}

.modal-dialog {width:1125px;}
.modal-content {width:1125px;height:701px;overflow:hidden;}
.modal-content {background:url(../img/pop.png);box-shadow:none !important;border:none !important;background-size:100% 100%;}
.CloseBtn {width:44px;height:43px;display:block;cursor:pointer;position:absolute;right:100px;top:70px;}

.RlueBox {width:860px;height:500px;overflow-y:auto;margin:0 auto;margin-top:100px;font-size:16px;line-height:40px;color:#fff;text-align:left;}
.RlueBox span {color:#f8eba7}
.TipsBox {width:860px;height:500px;overflow-y:auto;margin:0 auto;margin-top:100px;font-size:16px;line-height:40px;color:#f8eba7;text-align:center;}
.TipsBoxH {width:100%;height:auto;overflow:hidden;text-align:center;margin-bottom:10px;}
.TipsBoxH img {max-width:100%;height:auto;}
.TipsBtn {width:284px;height:58px;display:block;cursor:pointer;margin:0 auto;margin-top:20px;}
.Yzm {width:400px;height:60px;line-height:60px;text-align:center;display:block;margin:0 auto;margin-top:10px;font-size:30px;font-weight:bold;color:#f8eba7;background:none;border:none;}
.Yzm1 {width:400px;height:60px;line-height:60px;text-align:center;display:block;margin:0 auto;margin-top:10px;font-size:20px;font-weight:bold;color:#f8eba7;background:none;border:1px solid #f8eba7;}
.TipsBox table {width:100%;height:auto;margin-top:10px;}
.TipsBox table th {border:1px solid #f8eba7;background:#f8eba7;color:#000;font-size:15px;line-height:40px;text-align:center;}
.TipsBox table td {border:1px solid #f8eba7;color:#f8eba7;font-size:15px;line-height:40px;text-align:center;}
.TipsBox b {color:#e4733b;}
.TipsBox select {width:400px;height:40px;line-height:40px;text-indent:1em;display:block;cursor:pointer;margin:0 auto;margin-top:20px;background:none;border:1px solid #f8eba7;color:#f8eba7;}
.TipsBox option {color:#000;}
.TipsSubmit {width:400px;height:40px;line-height:40px;text-indent:1em;display:block;cursor:pointer;margin:0 auto;margin-top:20px;background:none;border:1px solid #f8eba7;color:#f8eba7;}

.StepBg {width:100%;height:auto;overflow:hidden;margin-top:50px;}
.StepBox {width:100%;height:auto;overflow:hidden;}
.StepBox img {float:left;margin-left:93px;}
.StepBottom {width:100%;height:auto;overflow:hidden;margin-top:20px;}
.StepBottom img {max-width:100%;height:auto;}

.LoginBox {width:50%;height:40px;position:absolute;top:60px;right:20px;line-height:40px;color:#fff;font-size:16px;text-align:right;font-weight:bold;}
.LoginBox a {color:#c51720;text-decoration:underline;cursor:pointer;font-weight:bold;}



}


