body {background:#000;font-family:"微软雅黑";overflow-x:hidden;color:#f6f6f6;font-weight:bold;}

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

.modal-content {background:#0c0a13;}
.modal-body a {color:#c3a475;text-decoration:underline;}
.modal-header {border-bottom:none;color:#c3a475;}
.modal-footer {border-top:none;}
.btn-default {background:#f8f5f0;color:#8c4d31;border:none;}

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

.Ma {width:100%;height:40px;line-height:40px;text-align:center;}
.Ma span {color:##cb974e;}

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


body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../images/min_bg.jpg) center 0 no-repeat;
  background-size: cover;
}	

.Btn1 {background:url(../images/btn1.png);width:40%;height:4rem;display:block;line-height:4rem;font-size:1.4rem;text-align:center;cursor:pointer;color:#fff;background-size:100% 100%;}
.Btn1:hover {background:url(../images/btn1on.png);color:#fff;background-size:100% 100%;}

.Nav1 {float:left;margin-top;1rem;margin-left:6.6%;display:none;}
.Nav2 {float:left;margin-top;1rem;margin-left:6.6%;display:none;}

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

.CenterBoxBg {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;width:98%;height:auto;margin:0 auto;margin-top:2rem;border-radius:1rem;overflow:hidden;padding:1rem;padding-bottom:3rem;}
.HH {width:90%;height:4rem;line-height:4rem;background:#303634;font-size:2rem;font-weight:bold;text-align:center;margin:0 auto;margin-top:4rem;}
.Txt {background:url(../images/boxbg3.png) repeat;width:96%;height:auto;margin:0 auto;margin-top:2rem;background-size:100% 100%;border-radius:1rem;overflow:hidden;font-size:1.4rem;padding:2rem;line-height:4rem;color: #09e944;}
.LoginBox {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;border-radius:1rem;width:96%;height:auto;margin:0 auto;margin-top:2rem;overflow:hidden;padding:2rem;}
.LoginBox input {width:90%;height:4rem;background:#232321;font-size:1.4rem;color:#fff;margin:0 auto;margin-top:2rem;display:block;border:none;border-radius:2px;text-align:center;}
.LoginBtn1 {margin:0 auto;margin-top:1rem;}
.LoginBtn2 {color:#cb9349;text-decoration:underline;width:140px;height:30px;line-height:30px;margin:0 auto;margin-top:10px;display:block;}

.UserBox {width:100%;height:auto;overflow:hidden;}
.UserBoxLeft {width:100%;height:auto;overflow:hidden;margin-top:2rem;}
.UserList {width:100%;height:auto;overflow:hidden;}
.UserListLi {width:100%;height:auto;overflow:hidden;margin-top:1rem;position:relative;}
.UserInfoBox {background:url(../images/boxbg2.png);width:100%;height:auto;overflow:hidden;cursor:pointer;padding:2rem;background-size:100% 100%;}
.UserIcon {width:10%;height:auto;float:left;margin-left:2%;overflow:hidden;}
.UserIcon img {width:100%;height:auto;}
.UserJob {width:10%;height:auto;float:left;margin-left:2%;overflow:hidden;}
.UserJob img {width:100%;height:auto;}
.UserJobId {width:100%;height:2rem;line-height:2rem;overflow:hidden;margin-top:2rem;}
.UserLv {width:100%;height:2rem;line-height:2rem;overflow:hidden;margin-top:1rem;}
.UserName {width:100%;height:2rem;line-height:2rem;overflow:hidden;margin-top:1rem;}

.JCBtn {background:url(../images/jcbtn.png);width:28px;height:72px;display:block;position:absolute;right:1rem;bottom:1rem;}
.JCBtn.on {background:url(../images/jcbtnon1.png);}
.UserBtnBox {width:100%;height:40px;line-height:40px;text-align:center;}
.UserBtnBox a {font-size:16px;text-shadow:2px 2px 2px #d4cec0;color:#080000;cursor:pointer;}
.UserBoxRight {background:url(../images/boxbg1.png);width:90%;height:auto;overflow:hidden;background-size:100% 100%;margin:0 auto;margin-top:2rem;margin-bottom:4rem;}
.UserImg {width:90%;height:auto;margin:0 auto;margin-top:4rem;}
.UserImg img {width:100%;height:auto;}
.UserNumBox {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:2rem;}
.UserNum {width:50%;height:3rem;line-height:3rem;font-size:1.4rem;overflow:hidden;float:left;margin-bottom:1rem;}


.FxBtn {width:50%;height:auto;display:block;margin:0 auto;margin-top:2rem;cursor:pointer;margin-bottom:4rem;}
.FxBtn img {width:100%;height:auto;}
#FxText {border:1px solid #92a798;width:70%;height:4rem;line-height:4rem;margin:0 auto;margin-top:2rem;color:#fff;font-size:1.4rem;display:block;background:#000000;text-align:center;}
#Copy {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:1rem;margin-bottom:1rem;}
#Copy img {width:100%;height:auto;}
.FxBox {width:100%;height:auto;overflow:hidden;text-align:center;color:#cb974e;font-size:1.4rem;line-height:4rem;}
#qrcode {width:200px;height:200px;margin:0 auto;margin-top:2rem;}
.modal-content {background:#141711;}

.DelTxt {background:url(../images/boxbg3.png) repeat;width:100%;height:auto;margin:0 auto;margin-top:2rem;background-size:100% 100%;border-radius:10px;overflow:hidden;font-size:1.4rem;padding:2rem;line-height:4rem;text-align:center;}
.DelTxt input {width:70%;height:4rem;background:#232321;font-size:1.4rem;color:#fff;margin:0 auto;margin-top:2rem;display:block;border:none;border-radius:2px;text-indent:2em;}
.DelBtnBox {width:100%;height:auto;overflow:hidden;margin-top:2rem;margin-bottom:2rem;text-align:center;}
.DelBtnBox a {font-size:1.4rem;text-shadow:2px 2px 2px #d4cec0;color:#080000;cursor:pointer;}

.CreateBox {width:100%;height:auto;overflow:hidden;}
.CreateLeft {background:url(../images/boxbg3.png);background-size:100% 100%;width:98%;height:auto;margin:0 auto;margin-top:1rem;overflow:hidden;padding-bottom:1rem;}
.CreateH {width:80%;height:4rem;line-height:4rem;background:#303634;font-size:1.4rem;font-weight:bold;text-align:center;margin:0 auto;margin-top:4rem;}
.JobBtnBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.JobBtnBox a {width:15%;height:6rem;display:block;cursor:pointer;float:left;margin-left:8%;}
.JobBtn1 {background:url(../images/1.jpg);background-size:100% 100%;}
.JobBtn1:hover {background:url(../images/1on.jpg);background-size:100% 100%;}
.JobBtn1.on {background:url(../images/1on.jpg);background-size:100% 100%;}
.JobBtn2 {background:url(../images/2.jpg);background-size:100% 100%;}
.JobBtn2:hover {background:url(../images/2on.jpg);background-size:100% 100%;}
.JobBtn2.on {background:url(../images/2on.jpg);background-size:100% 100%;}
.JobBtn3 {background:url(../images/3.jpg);background-size:100% 100%;}
.JobBtn3:hover {background:url(../images/3on.jpg);background-size:100% 100%;}
.JobBtn3.on {background:url(../images/3on.jpg);background-size:100% 100%;}
.JobBtn4 {background:url(../images/4.jpg);background-size:100% 100%;}
.JobBtn4:hover {background:url(../images/4on.jpg);background-size:100% 100%;}
.JobBtn4.on {background:url(../images/4on.jpg);background-size:100% 100%;}

.CreateRight {width:100%;height:auto;margin-top:1rem;overflow:hidden;padding-bottom:2rem;}
.GenderBox {background:url(../images/boxbg3.png);background-size:100% 100%;width:100%;height:auto;overflow:hidden;padding-bottom:1rem;}
.GenderBtnBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.GenderBtnBox a {width:30%;height:4rem;display:block;float:left;cursor:pointer;margin-left:13.3%;}
.GenderBtn1 {background:url(../images/g1.png);background-size:100% 100%;}
.GenderBtn1:hover {background:url(../images/g1on.png);background-size:100% 100%;}
.GenderBtn1.on {background:url(../images/g1on.png);background-size:100% 100%;}
.GenderBtn2 {background:url(../images/g2.png);background-size:100% 100%;}
.GenderBtn2:hover {background:url(../images/g2on.png);background-size:100% 100%;}
.GenderBtn2.on {background:url(../images/g2on.png);background-size:100% 100%;}
.UserNumBox1 {display:none;}
.UserNumBox1.on {display:block;}
.UserNumBoxIn {width:100%;height:auto;overflow:hidden;}
.JobTxt {width:100%;height:auto;overflow:hidden;margin-top:2rem;}

.GenderImg {width:41px;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;margin-bottom:2rem;display:block;}
.GenderImg img {width:100%;height:auto;}
.GenderImg.on {display:none;}

.JobNameBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:1rem;}
.JobNameBox input {width:80%;height:4rem;line-height:4rem;background:#232321;font-size:1.4rem;color:#fff;display:block;border:none;border-radius:2px;text-indent:2em;margin:0 auto;}
.JobNameBtn {background:url(../images/btn2.png);width:64px;height:27px;display:block;line-height:27px;color:#fff;font-size:14px;cursor:pointer;margin:0 auto;margin-top:1rem;text-align:center;}
.JobNameBtn:hover {background:url(../images/btn2on.png);}

.JCTxt {background:url(../images/boxbg3.png) repeat;width:100%;height:auto;margin:0 auto;margin-top:1rem;background-size:100% 100%;border-radius:10px;overflow:hidden;font-size:1.4rem;padding:2rem;line-height:4rem;color:#faf128;}
.JCInfo {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;width:96%;height:auto;line-height:4rem;text-indent:1em;display:block;overflow:hidden;margin:0 auto;margin-top:1rem;}
.JCInfo b {color:#faf128;}
.JCBtnBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.JCBtnBox a {background:url(../images/btn3.png);width:50%;height:4rem;display:block;cursor:pointer;line-height:4rem;color:#fff;font-size:1.4rem;text-align:center;background-size:100% 100%;margin:0 auto;margin-bottom:2rem;} 
.JCBtnBox a:hover {background:url(../images/btn3on.png);background-size:100% 100%;} 


}


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

body {background:url(../images/max_bg.jpg) top center no-repeat #1a1a1a;}

.Btn1 {background:url(../images/btn1.png);width:178px;height:46px;display:block;line-height:46px;font-size:15px;text-align:center;cursor:pointer;color:#fff;}
.Btn1:hover {background:url(../images/btn1on.png);color:#fff;}

.Nav1 {position:absolute;top:210px;left: 446px;}
.Nav2 {position:absolute;top:210px;left:825px;}

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

.CenterBoxBg {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;width:800px;height:auto;margin:0 auto;margin-top:10px;border-radius:16px;overflow:hidden;padding:11px;padding-bottom:30px;}
.HH {width:700px;height:56px;line-height:56px;background:#303634;font-size:20px;font-weight:bold;text-align:center;margin:0 auto;margin-top:20px;}
.Txt {background:url(../images/boxbg3.png) repeat;width:700px;height:auto;margin:0 auto;margin-top:10px;background-size:100% 100%;border-radius:10px;overflow:hidden;font-size:14px;padding:20px;line-height:30px;color: #09e944;}
.Txt b {color:#faf128;}
.LoginBox {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;border-radius:10px;width:700px;height:auto;margin:0 auto;margin-top:10px;overflow:hidden;padding:30px;}
.LoginBox input {width:360px;height:40px;background:#232321;font-size:14px;color:#fff;margin:0 auto;margin-top:10px;display:block;border:none;border-radius:2px;text-indent:2em;}
.LoginBtn1 {margin:0 auto;margin-top:10px;}
.LoginBtn2 {color:#cb9349;text-decoration:underline;width:140px;height:30px;line-height:30px;margin:0 auto;margin-top:10px;display:block;}

.UserBox {width:100%;height:auto;overflow:hidden;}
.UserBoxLeft {width:430px;height:440px;overflow:hidden;float:left;margin-left:20px;margin-top:20px;}
.UserList {width:100%;height:auto;overflow:hidden;}
.UserListLi {width:100%;height:113px;overflow:hidden;margin-top:10px;}
.UserInfoBox {background:url(../images/userlist.png);width:395px;height:113px;overflow:hidden;float:left;cursor:pointer;}
.UserInfoBox:hover {background:url(../images/userliston.png);}
.UserInfoBox:active {background:url(../images/userliston.png);}
.UserIcon {width:50px;height:50px;float:left;margin-top:40px;margin-left:20px;}
.UserIcon img {width:50px;height:50px;}
.UserJob {width:41px;height:60px;float:left;margin-top:40px;margin-left:20px;}
.UserJobId {width:230px;height:18px;line-height:18px;overflow:hidden;float:left;margin-top:32px;margin-left:20px;}
.UserLv {width:230px;height:18px;line-height:18px;overflow:hidden;float:left;margin-top:10px;margin-left:20px;}
.UserName {width:230px;height:18px;line-height:18px;overflow:hidden;float:left;margin-top:10px;margin-left:20px;}
.JCBtn {background:url(../images/jcbtn.png);width:28px;height:72px;display:block;float:left;margin-top:40px;cursor:pointer;}
.JCBtn:hover {background:url(../images/jcbtnon1.png);}
.JCBtn.on {background:url(../images/jcbtnon1.png);}
.UserBtnBox {width:100%;height:40px;line-height:40px;text-align:center;}
.UserBtnBox a {font-size:16px;text-shadow:2px 2px 2px #d4cec0;color:#080000;cursor:pointer;}
.UserBoxRight {background:url(../images/boxbg1.png);width:280px;height:440px;overflow:hidden;float:left;margin-left:20px;background-size:100% 100%;margin-top:20px;}
.UserImg {width:244px;height:auto;margin:0 auto;margin-top:20px;text-align:center;}
.UserNumBox {width:230px;height:auto;overflow:hidden;margin:0 auto;margin-top:5px;}
.UserNum {width:50%;height:16px;line-height:16px;font-size:12px;overflow:hidden;float:left;margin-top:5px;}

.FxBtnBox {width:500px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;margin-bottom:100px;}
.FxBtn {width:239px;height:76px;display:block;float:left;margin-left:10px;cursor:pointer;}
.modal-dialog {top:20%;}
.modal-content {background:#40413c;width:556px;height:auto;overflow:hidden;box-shadow:none;background-size:100% 100%;padding-bottom:20px;}
#FxText {width:360px;height:40px;background:#232321;font-size:14px;color:#fff;margin:0 auto;margin-top:20px;display:block;border:none;border-radius:2px;text-indent:2em;}
#Copy {display:block;cursor:pointer;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.FxBox {width:100%;height:auto;overflow:hidden;text-align:center;color:#cb974e;font-size:14px;line-height:30px;}
#qrcode {width:200px;height:200px;margin:0 auto;margin-top:30px;}

.DelTxt {background:url(../images/boxbg3.png) repeat;width:700px;height:auto;margin:0 auto;margin-top:10px;background-size:100% 100%;border-radius:10px;overflow:hidden;font-size:14px;padding:20px;line-height:40px;text-align:center;}
.DelTxt input {width:360px;height:40px;background:#232321;font-size:14px;color:#fff;margin:0 auto;margin-top:20px;display:block;border:none;border-radius:2px;text-indent:2em;}
.DelBtnBox {width:100%;height:auto;overflow:hidden;margin-top:20px;margin-bottom:20px;text-align:center;}
.DelBtnBox a {font-size:16px;text-shadow:2px 2px 2px #d4cec0;color:#080000;cursor:pointer;}

.CreateBox {width:100%;height:auto;overflow:hidden;}
.CreateLeft {background:url(../images/boxbg3.png);background-size:100% 100%;width:300px;height:auto;float:left;margin-left:20px;margin-top:20px;overflow:hidden;padding-bottom:30px;}
.CreateH {width:80%;height:30px;line-height:30px;background:#303634;font-size:14px;font-weight:bold;text-align:center;margin:0 auto;margin-top:20px;}
.JobBtnBox {width:220px;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;}
.JobBtnBox a {width:41px;height:41px;display:block;cursor:pointer;float:left;margin-left:10px;}
.JobBtn1 {background:url(../images/1.jpg);}
.JobBtn1:hover {background:url(../images/1on.jpg);}
.JobBtn1.on {background:url(../images/1on.jpg);}
.JobBtn2 {background:url(../images/2.jpg);}
.JobBtn2:hover {background:url(../images/2on.jpg);}
.JobBtn2.on {background:url(../images/2on.jpg);}
.JobBtn3 {background:url(../images/3.jpg);}
.JobBtn3:hover {background:url(../images/3on.jpg);}
.JobBtn3.on {background:url(../images/3on.jpg);}
.JobBtn4 {background:url(../images/4.jpg);}
.JobBtn4:hover {background:url(../images/4on.jpg);}
.JobBtn4.on {background:url(../images/4on.jpg);}

.CreateRight {width:410px;height:auto;float:left;margin-left:20px;margin-top:20px;overflow:hidden;padding-bottom:30px;}
.GenderBox {background:url(../images/boxbg3.png);background-size:100% 100%;width:100%;height:auto;overflow:hidden;padding-bottom:10px;}
.GenderBtnBox {width:230px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.GenderBtnBox a {width:101px;height:27px;display:block;float:left;cursor:pointer;margin-left:10px;}
.GenderBtn1 {background:url(../images/g1.png);}
.GenderBtn1:hover {background:url(../images/g1on.png);}
.GenderBtn1.on {background:url(../images/g1on.png);}
.GenderBtn2 {background:url(../images/g2.png);}
.GenderBtn2:hover {background:url(../images/g2on.png);}
.GenderBtn2.on {background:url(../images/g2on.png);}
.UserNumBox1 {display:none;}
.UserNumBox1.on {display:block;}
.UserNumBoxIn {width:100%;height:auto;overflow:hidden;}
.JobTxt {width:100%;height:auto;overflow:hidden;margin-top:10px;}

.GenderImg {width:41px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;display:block;}
.GenderImg img {width:100%;height:auto;}
.GenderImg.on {display:none;}

.JobNameBox {width:300px;height:auto;overflow:hidden;margin:0 auto;margin-top:10px;}
.JobNameBox input {width:200px;height:27px;line-height:27px;background:#232321;font-size:14px;color:#fff;display:block;border:none;border-radius:2px;text-indent:2em;float:left;}
.JobNameBtn {background:url(../images/btn2.png);width:64px;height:27px;display:block;line-height:27px;color:#fff;font-size:14px;cursor:pointer;float:left;margin-left:20px;text-align:center;}
.JobNameBtn:hover {background:url(../images/btn2on.png);}

.JCTxt {background:url(../images/boxbg3.png) repeat;width:700px;height:auto;margin:0 auto;margin-top:10px;background-size:100% 100%;border-radius:10px;overflow:hidden;font-size:14px;padding:30px;line-height:40px;color:#faf128;}
.JCInfo {background:url(../images/boxbg3.png) repeat;background-size:100% 100%;width:290px;height:40px;line-height:40px;text-indent:1em;display:block;overflow:hidden;margin:0 auto;margin-top:10px;}
.JCInfo b {color:#faf128;}
.JCBtnBox {width:330px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.JCBtnBox a {background:url(../images/btn3.png);width:131px;height:46px;display:block;cursor:pointer;line-height:46px;color:#fff;font-size:18px;float:left;margin-left:26px;text-align:center;} 
.JCBtnBox a:hover {background:url(../images/btn3on.png);}

}


@media screen and (min-width:1600px){
body {background:url(../images/max_bg.jpg) top center no-repeat #1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}
}

/* 
.header_11 {
    width: 100%;
    height: 74px;
}
.nav_11 {
    width: 980px;
    height: 74px;
    margin: 0 auto;
}
.logo_11 {
    float: left;
}
.nav_11 ul {
    float: right;
    width: 730px;
    height: 74px;
    line-height: 74px;
    display: block;
}
.nav_11 ul li {
    float: left;
    display: block;
    font-size: 14px;
    color: #fff;
    margin-right: 20px;
}
.nav_11 ul li a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
} */