body {background:#f4f1ed;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:#edf3ef;background-size:100% auto;;}
.modal-body span {color:#d71010;font-weight:0;}
.modal-header {border-bottom:none;color:#c3a475;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#f8f4e0;color:#8c4d31;border:none;}


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


.jq22-container {display:none;}

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

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

.Logo {display:none;}
.Nav {display:none;}

.HH {width:100%;height:auto;overflow:hidden;margin-bottom:2rem;margin-top:3rem;}
.HH img {width:100%;height:auto;}

.Time {width:100%;height:3rem;line-height:calc();text-align:center;color:#359766;font-size:1rem;font-weight:bold;margin-top:1rem;}
.Time b {color:#a5711e;}
.Time1 {width:100%;height:auto;line-height:3rem;text-align:center;color:#359766;font-size:1rem;margin-top:1rem;}
.TxtBox {width:100%;height:auto;overflow:hidden;}
.Txt {width:100%;;height:auto;font-size:1rem;line-height:3rem;float:left;color:#359766;font-weight:bold;padding:1rem;}

.RewardBox {width:100%;height:auto;overflow:hidden;float:left;margin-top:2rem;text-align:center;}
.RewardBox img {float:left;width:19%;margin-left:1%;margin-top:1rem;overflow:hidden;}

.Tree {width:100%;height:auto;overflow:hidden;margin-top:10px;}
.Tree img {width:25%;height:auto;float:left;}
.Tree .T2 {margin-top:40px;}
.Tree .T4 {margin-top:40px;}
.Btn {width:260px;height:55px;display:block;margin:0 auto;cursor:pointer;margin-top:1rem;}

.TxtBg {width:50%;height:auto;overflow:hidden;margin:0 auto;margin-top:1rem;margin-bottom:1rem;}
.TxtBg img {width:100%;height:auto;}

.ImgBox {width:100%;height:auto;color:#d71010;font-weight:bold;margin-top:1rem;margin-bottom:1rem;overflow:hidden;text-align:center;}
.ImgBox img {max-width:100%;height:auto;}

.modal-body {line-height:3rem;font-size:1rem;color:#000;padding:1rem;}

table {width:100%;margin:0 auto;}
th {border:1px solid #c0d7c5;background:#c0d7c5;color:#666;text-align:center;line-height:3rem;font-size:1rem;}
td {border:1px solid #c0d7c5;color:#666;text-align:center;line-height:3rem;font-size:1rem;}
table span {color:red;}

}


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

.Top {background:url(../img/max_bg.jpg) top center no-repeat;width:100%;height:970px;margin:0 auto;text-align:center;max-width:1920px;overflow:hidden;position:relative;}
.Tips {width:182px;height:108px;position:absolute;left:50%;top:660px;margin-left:290px;}
.Tips {animation:Move 1.5s infinite linear;
-webkit-animation:Move 1.5s infinite linear;
-moz-keyframes:Move 1.5s infinite linear;
-ms-keyframes:Move 1.5s infinite linear;
-o-keyframes rotate:Move 1.5s infinite linear;}
@-webkit-keyframes Move {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
.Logo {position:absolute;left:20px;top:20px;display:block;width:340px;height:170px;}

.Nav {background:url(../img/list_bg.png);width:220px;height:800px;overflow:hidden;position:fixed;right:0px;top:30px;padding-top:119px;display:none;}
.Nav a {width:99px;height:92px;display:block;cursor:pointer;margin-left:64px;}

.BgBox {width:100%;height:800px;overflow:hidden;}
.W1200 {width:1200px;height:800px;overflow:hidden;margin:0 auto;position:relative;}
.HH {width:767px;height:113px;overflow:hidden;text-align:center;margin:0 auto;margin-top:20px;}
#Bg1 {background:url(../img/bg_02.jpg) top center no-repeat;}
#Bg2 {background:url(../img/bg_03.jpg) top center no-repeat;}
#Bg3 {background:url(../img/bg_04.jpg) top center no-repeat;}
#Bg4 {background:url(../img/bg_05.jpg) top center no-repeat;}
#Bg5 {background:url(../img/bg_06.jpg) top center no-repeat;}
#Bg6 {background:url(../img/bg_07.jpg) top center no-repeat;}

.Bottom {background:url(../img/bottom.jpg) top center no-repeat;width:100%;height:480px;margin:0 auto;text-align:center;max-width:1920px;overflow:hidden;}
.Abox {width:1200px;height:480px;overflow:hidden;margin:0 auto;position:relative;}
.Abox a {width:219px;height:181px;display:block;position:absolute;cursor:pointer;}
.Abox span {width:23px;height:115px;display:block;background:url(../img/Btn_Span.png);position:absolute;}
.A1 {left:0;top:60px;}
.A2 {left:384px;top:60px;}
.A3 {left:780px;top:60px;}
.A4 {left:190px;top:170px;}
.A5 {left:580px;top:170px;}
.A6 {left:970px;top:170px;}

.S1 {top:230px;left:98px;}
.S2 {top:230px;left:482px;}
.S3 {top:230px;left:876px;}
.S4 {top:344px;left:288px;}
.S5 {top:344px;left:678px;}
.S6 {top:344px;left:1070px;}

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

.Time {width:100%;height:40px;line-height:40px;text-align:center;color:#359766;font-size:18px;font-weight:bold;}
.Time b {color:#a5711e;}
.Time1 {width:100%;height:auto;line-height:30px;text-align:center;color:#359766;font-size:16px;margin-top:10px;}
.TxtBox {width:100%;height:auto;overflow:hidden;}
.Txt {width:600px;height:auto;font-size:17px;line-height:50px;text-indent:2em;float:left;color:#359766;font-weight:bold;}
.TxtBg {float:left;}
.Txt1 {padding-top:40px;margin-left:30px;}
.Txt5 {padding-top:60px;margin-left:30px;}
.Txt6 {padding-top:80px;margin-left:30px;}
.TxtBg1 {margin-left:100px;}
.TxtBg4 {margin-left:50px;}

.RewardBox {width:730px;height:auto;overflow:hidden;float:left;margin-top:40px;text-align:center;}
.RewardBox img {float:left;margin-left:10px;margin-top:20px;overflow:hidden;}
.R1 {margin-left:70px !important;}
.RewardTxt {width:100%;height:30px;margin-top:20px;color:#359766;text-align:center;line-height:30px;font-size:16px;float:left;}

.Tree {width:100%;height:auto;overflow:hidden;margin-top:10px;}
.Tree img {width:25%;height:auto;float:left;}
.Tree .T2 {margin-top:40px;}
.Tree .T4 {margin-top:40px;}
.Btn {width:260px;height:55px;display:block;margin:0 auto;cursor:pointer;}
.Btn1 {margin-top:20px;}
.Btn2 {margin-top:20px;}

.modal-body {line-height:30px;font-size:14px;color:#477393;padding:50px;}
.modal-dialog {width:1200px;}

table {width:100%;margin:0 auto;}
th {border:1px solid #c0d7c5;background:#c0d7c5;color:#666;text-align:center;line-height:40px;font-size:14px;}
td {border:1px solid #c0d7c5;color:#477393;text-align:center;line-height:40px;font-size:14px;}
table span {color:red;font-weight:0;}

}

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

}