﻿body {background:#000;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);}

.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%;}


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


body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:#000;
  background-size: cover;
}

.MinTop {width:100%;height:auto;overflow:hidden;}
.MinTop img {width:100%;height:auto;}

.jq22-container {display:none;}

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

/* .FixA {display:none;} */
.Fix {width:100%;height:auto;margin-top:2rem;margin-bottom:2rem;}
.FixA1 {width:45%;height:auto;display:block;float:left;cursor:pointer;}
/* .FixA1 img {width:100%;height:auto;} */

.BtnBox {width:100%;height:auto;margin-top:2rem;overflow:hidden;}
.BtnBox img {width:100%;height:auto;}
.BtnBox1Btn {width:23%;height:auto;overflow:hidden;float:left;margin-left:1.6%;} 
.BtnBox1Btn a {width:100%;height:auto;display:block;cursor:pointer;}

.BtnBox2 a {width:18%;height:auto;overflow:hidden;float:left;margin-left:1.6%;margin-bottom:3rem;cursor:pointer;}
.BtnBox2Btn6 {margin-left:10% !important;}

.modal-body {font-size:1.4rem;line-height:4rem;color:#fafafa;}
.modal-body span {color:#c3a475;}
.modal-body .HHH {width:100%;height:auto;line-height:6rem;color:#c3a475;font-size:2rem;font-weight:bold;text-align:center;margin-bottom:2rem;margin-top:2rem;}

table {width:100%;height:auto;}
th {border:1px solid #c3a475;border-bottom:1px solid #c3a475; background:#c3a475;color:#050e1d;text-align:center;line-height:3rem;}
td {border:1px solid #c3a475;font-size:1.4rem;color:#c3a475;line-height:3rem;}
table span {color:red;}

.JhmBox {width:100%;height:auto;text-align:center;}
.JhmBox a {width:60%;height:auto;line-height:5rem;font-size:1.2rem;text-align:center;display:block;margin:0 auto;margin-top:2rem;cursor:pointer;text-decoration:none;}
.JhmBox a img {width:100%;height:auto;}
.JhmBox input {width:50%;height:4rem;color:#000;text-align:center;margin:0 auto;}

}


@media screen and (min-width:768px){
	
.MinTop {display:none;}

.Fix {background: url(../images/fix.png);width:232px;height:401px;position:absolute;z-index:4;overflow:hidden;right:10px;top:30px;padding-top:156px;}
.Fix a {width:163px;height:43px;display:block;cursor:pointer;margin:0 auto;cursor:pointer;}

.Center {background: url(../images/bg.jpg) top center no-repeat;width:100%;height:auto;overflow:hidden;}
.W1100 {width:1100px;height:auto;overflow:hidden;margin:0 auto;}
.HH {width:100%;height:auto;margin-top:40px;text-align:left;overflow:hidden;}
.HH img {width:auto;}
.BtnBox {width:100%;height:auto;margin-top:40px;overflow:hidden;}
.BtnBox .BtnBox1Btn {width:231px;height:auto;float:left;margin-left:35px;overflow:hidden;}
.BtnBox .BtnBox1Btn img {width:100%;height:auto;}
.BtnBox .BtnBox1Btn a {width:210px;height:53px;display:block;margin:0 auto;margin-top:3px;cursor:pointer;}
.BtnBox .BtnBox1Btn a img {display:none;}
.BtnBox .BtnBox1Btn a {background: url(../images/a.png);}
.BtnBox .BtnBox1Btn a:hover {background: url(../images/aon.png);}
.BtnBox .Box1Btn2 {background: url(../images/a1.png) !important;}
.BtnBox .Box1Btn2:hover {background: url(../images/a1on.png) !important;}

.BtnBox2 a {width:155px;height:262px;display:block;cursor:pointer;float:left;margin-left:55px;margin-bottom:40px;}
.BtnBox2Btn6 {margin-left:160px !important;}

table {width:80%;height:auto;margin:0 auto;margin-top:20px;text-align:center;}
th {border:1px solid #c3a475;border-bottom:1px solid #c3a475;background:#c3a475;color:#050e1d;text-align:center;font-size:15px;line-height:40px;}
td {border:1px solid #c3a475;font-size:15px;color:#c3a475;line-height:40px;}
table span {color:red;}

.modal-body {font-size:15px;line-height:40px;color:#fafafa;}
.modal-body span {color:#c3a475;}
.modal-body .HHH {width:100%;height:auto;line-height:50px;color:#c3a475;font-size:24px;font-weight:bold;text-align:center;margin-bottom:20px;margin-top:20px;}

.JhmBox {width:100%;height:auto;text-align:center;}
.JhmBox a {width:200px;height:78px;font-size:16px;text-align:center;display:block;margin:0 auto;margin-top:20px;cursor:pointer;text-decoration:none;}
.JhmBox a img {width:100%;height:auto;}
.JhmBox input {width:300px;height:40px;color:#000;text-align:center;}

}

@media screen and (min-width:1200px){
.modal-dialog {width:1000px;}
}


