body {background:#1a0f09; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

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



.modal-body span {color:red;}
.modal-body h1 {width:100%;height:auto;text-align:center;}
.modal-header {border-bottom:none;color:#679bc5;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;}
.btn-default {background:#e1f3fd;color:#8c4d31;border:none;}

.login_btn {background:url(../img/btn.png);width:209px;height:66px;display:block;margin:0 auto;line-height:66px;text-align:center;font-size:16px;font-weight:bold;color:#470802;margin-top:2rem;}
.login_box_input {background:none;border:none;box-shadow:none !important;border-bottom:1px solid #679bc5;border-radius:0;margin-top:2rem;color:#470802;}
.login_box span {color:#19a5e2;font-weight:bold;}
.login_box a {color:#fff;cursor:pointer;}
.login_box b {color:#ffaa17;}
.login_box_btn {width:80%;height:6rem;line-height:6rem;text-align: center;display: block;color: #ffaa17;background: #19a5e2;margin: 0 auto;margin-top: 0px;margin-top: 1.6rem;border-radius: 3px;cursor: pointer;}
.login_box_btn.on {background: #717375;color: #fff;cursor: none;}
.Login_Box_Select {width:90%;height:3rem;display:block;margin:0 auto;line-height:3rem;margin-top:1rem;color:#000;}
.login_box h1 {width:100%;height:4rem;line-height:4rem;display:block;border-bottom:1px solid #222c47;color:#e6871d;font-size:1.8rem;font-weight:bold;}
.Login_Box_Tips {width:100%;height:3rem;line-height:3rem;display:block;color:red;font-size:1.5rem;font-weight:bold;margin-top:1.6rem;}
#verify-wrap {width:100%;margin-top:2rem;}
#authImage {margin:0 auto;margin-top:1rem;}

.login_off {cursor:pointer;}

.scbox {width:100%;height:auto;overflow:hidden;text-align:center;}
.sc {width:30%;height:auto;float:left;margin-left:2.5%;overflow:hidden;text-align:center;}
.sc img {max-width:100%;height:auto;}
.sc h2 {width:100%;height:4rem;line-height:4rem;display:block;font-size:3rem;font-weight:bold;}
.sc span {width:100%;height:4rem;line-height:4rem;display:block;font-size:1.6rem;font-weight:bold}
.sc_btn {width:70%;height:4rem;line-height:4rem;color:#fff;background:#696767;display:block;margin:0 auto;border-radius:1rem;}
.sc_btn.on {cursor:pointer;background:#470802;}

.text_box {text-align:center;font-weight:bold;font-size:1.6rem;line-height:4rem;}
.txt_box span {color:red;font-weight:bold;}
.txt_box h2 {width:100%;height:4rem;line-height:4rem;text-align:center;display:block;}


.xs {width:100%;height:auto;overflow:hidden;}
.xs img {width:100%;height:auto;}
fieldset  {width:90%;height:auto;overflow:hidden;font-size:1.6rem;line-height:4rem;border:1px solid #000;padding:2%;margin:0 auto;margin-top:4rem;color:#000;}
.subject_btn {width:70%;height:6rem;line-height:6rem;color:#fff;text-align:center;font-weight:bold;border-radius:1rem;background:#5165b3;display:block;margin:0 auto;margin-bottom:6rem;}
#divCode {display:none;}

.login_li {text-align:center;}

.card_box {width:100%;height:auto;overflow:hidden;background:#fff;}
.card_box a {width:20%;height:auto;float:left;display:block;overflow:hidden;margin-left:10%;}
.card_box a img {width:100%;height:auto;}

.middle_h {width:100%;height:auto;overflow:hidden;text-align:center;background:#fff;}
.middle_h img {width:50%;height:auto;}

.ImgBox {width:96%;height:auto;margin:0 auto;overflow:hidden;text-align:center;margin-top:10px;margin-bottom:10px;color:#b21010;}
.ImgBox img {max-width:100%;height:auto;}
.ImgBox a {color:#b21010;text-decoration:underline;}


@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:#f4e2df;
  background-size: cover;
  font-family:"微软雅黑"
}

.modal-body {line-height:3rem;font-size:1.4rem;font-weight:bold;color:#000;}

.Fix_Right {display:none;}
.Nav,.GoW100 {display:none;}

.modal-content {background:#ded4c0;background-size:100% 100%;}

.Nav {width:184px;height:50px;position:absolute;right:10px;top:10px;z-index:999;}

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

.dt {width:80%;height:auto;margin:0 auto;margin-top:2rem;}
.dt img {width:100%;height:auto;}

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

.LeftAbox {width:100%;height:auto;overflow:hidden;display:block;padding-left:0px !important;}
.LeftAbox li {width:30%;height:auto;overflow:hidden;display:block;float:left;margin-left:2.5%;margin-top:2rem;}
.LeftAbox .LeftA {width:30%;height:auto;overflow:hidden;display:block;float:left;margin-left:2.5%;margin-top:2rem;}
.LeftAbox .LeftA img {width:100%;height:auto;}
.LeftAbox li {border:none !important;outline:none !important;}
.LeftAInBox {display:none;}

.Right {width:98%;height:auto;overflow:hidden;color:#333;font-size:1.4rem;font-weight:bold;line-height:3rem;padding-bottom:3rem;display:none;}
.Right span {color:#b21010;font-weight:bold;}
.Right a {color:#b21010;text-decoration:underline;}
.Right.active {display:block;}

#ToTop {display:none;}


table {width:100%;height:auto;margin:0 auto;text-align:center;margin-top:1rem;color:#333;font-weight:bold;font-size:1.4rem;}
table th {border:1px solid #b21010;text-align:center;color:#fff;background:#b21010;color:#fff;}
table td {border:1px solid #b21010;width:auto;height:6rem;overflow:hidden;}
table .logo {height:100%;width:auto;}


}


@media screen and (min-width:768px){
	
body {background:url(../img/max_bg2.jpg) top center no-repeat #000; background-size:100% 100%;background-attachment:fixed;overflow-x:hidden;font-family:"Microsoft YaHei"}
	
.Min {display:none;}

.modal-body {line-height:30px;font-size:15px;font-weight:bold;color:#fff;}

.Nav {width:184px;height:50px;position:absolute;right:10px;top:10px;z-index:999;}

.modal-content {background:none;box-shadow:none;border:none;}

.video_box {max-width:1920px;height:960px;overflow:hidden;margin:0 auto;position:relative;text-align:center;}
.vidbacking-active-block-back {z-index:1 !important;}
.GoW100 {width:261px;height:103px;display:block;cursor:pointer;position:absolute;left:50%;bottom:20%;z-index:999;margin-left:-130px;}
.GoW100 img {width:100%;height:auto;}
.GoW100 {animation:Ray 1.5s infinite linear;
-webkit-animation:Ray 1.5s infinite linear;
-moz-keyframes:Ray 1.5s infinite linear;
-ms-keyframes:Ray 1.5s infinite linear;
-o-keyframes rotate:Ray 1.5s infinite linear;}
@-webkit-keyframes Ray {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}

.SloganBox {width:650px;height:676px;overflow:hidden;position:absolute;left:50%;top:10px;z-index:2;margin-left:-360px;} 
.SloganBox img {position:absolute;}
.SloganBox .S1 {top:676px;left:0;opacity:0;}
.SloganBox .S2 {bottom:676px;left:0;opacity:0;}
.SloganBox .S3 {top:0;left:0;opacity:0;}
.SloganBox .S4 {top:-200px;right:100px;opacity:0;}
.SloganBox .S5 {left:-161px;bottom:90px;opacity:0;}
.S6 {position:absolute;right:100px;bottom:100px;opacity:0;z-index:3;}
.S7 {position:absolute;left:100px;bottom:56px;opacity:0;z-index:3;}

.min_top {display:none;}
.min_top img  {display:none;}

#GoTop {position:fixed;right:20px;bottom:10px;cursor:pointer;z-index:9;display:none;}

.qqq {display:none;}
.qqq img {width:100%;height:auto;}


.fix_logo {width:250px;height:146px;display:block;left:20%;top:50px;z-index:100;position:absolute;}
.fix_logo img {width:100%;height:auto;}

.fix_ul {width:100%;height:36px;position:absolute;left:0;top:50px;z-index:2;}
.fix_ul a {width:130px;height:38px;cursor:pointer;float:right;margin-right:30px;}
.Fix_a6 {display:none;}

.Fix_Reward {display:none;}
.Fix_Reward img {width:100%;height:auto;}
.myModal_Fix_Reward_Login_Box {width:340px;height:auto;overflow:hidden;margin:0 auto;text-align:center;color:#d3686f;font-size:15px;font-weight:bold;line-height:30px;}
.myModal_Fix_Reward_Login_Box input {text-align:center;}
.myModal_Fix_Reward_Login_Box img {width:360px;height:auto;}
.myModal_Fix_Reward_Login_Box_Btn {width:278px;height:98px;display:block;margin:0 auto;margin-top:20px;cursor:pointer;}
.myModal_Fix_Reward_Login_Box_Btn img {width:100%;height:auto;}

table {width:100%;height:auto;margin:0 auto;margin-top:20px;}
table th {border:1px solid #b21010;background:#b21010;color:#fff;text-align:center;line-height:30px;font-size:15px;font-weight:bold;}
table td {border:1px solid #b21010;color:#333;text-align:center;line-height:30px;font-size:15px;font-weight:bold;}

.W100 {width:100%;height:auto;overflow:hidden;position:relative;padding-bottom:200px;}

.Left {background:url(../img/Left.jpg) repeat-y;background-size:100% 100%;width:300px;height:100%;position:fixed;left:0;top:0;z-index:0;border-right:1px solid #9f7372;}
.LeftAbox {width:300px;height:auto;overflow:hidden;float:left;margin-left:10px;margin-top:30px;z-index:2;display:block;padding-left:0px !important;}
.LeftAbox li {width:258px;height:75px;display:block;margin-bottom:15px;}
.LeftAbox .LeftA {width:258px;height:75px;cursor:pointer;display:block;margin-bottom:15px;}
.LeftAbox li a img {display:none;}
.LeftA1 {background:url(../img/left1-off.png);background-size:100% 100%;}
.LeftA1:hover {background:url(../img/left1-on.png);background-size:100% 100%;}
.LeftA1.active {background:url(../img/left1-on.png);background-size:100% 100%;}
.LeftA2 {background:url(../img/left2-off.png);background-size:100% 100%;}
.LeftA2:hover {background:url(../img/left2-on.png);background-size:100% 100%;}
.LeftA2.active {background:url(../img/left2-on.png);background-size:100% 100%;}
.LeftA3 {background:url(../img/left3-off.png);background-size:100% 100%;}
.LeftA3:hover {background:url(../img/left3-on.png);background-size:100% 100%;}
.LeftA3.active {background:url(../img/left3-on.png);background-size:100% 100%;}
.LeftA4 {background:url(../img/left4-off.png);background-size:100% 100%;}
.LeftA4:hover {background:url(../img/left4-on.png);background-size:100% 100%;}
.LeftA4.active {background:url(../img/left4-on.png);background-size:100% 100%;}
.LeftA5 {background:url(../img/left5-off.png);background-size:100% 100%;}
.LeftA5:hover {background:url(../img/left5-on.png);background-size:100% 100%;}
.LeftA5.active {background:url(../img/left5-on.png);background-size:100% 100%;}
.LeftA6 {background:url(../img/left6-off.png);background-size:100% 100%;}
.LeftA6:hover {background:url(../img/left6-on.png);background-size:100% 100%;}
.LeftA6.active {background:url(../img/left6-on.png);background-size:100% 100%;}
.LeftA7 {background:url(../img/left7-off.png);background-size:100% 100%;}
.LeftA7:hover {background:url(../img/left7-on.png);background-size:100% 100%;}
.LeftA7.active {background:url(../img/left7-on.png);background-size:100% 100%;}
.LeftAbox li {border:none !important;outline:none !important;}

.Right {float:left;padding:0px 0px 100px 40px;width:900px;min-height:100%;overflow:hidden;color:#333;font-size:15px;font-weight:bold;line-height:40px;padding-bottom:100px;display:none;}
.Right span {color:#b21010;font-weight:bold;}
.Right a {color:#b21010;text-decoration:underline;}
.Right.active {display:block;}
.RightA3 {display:none;}
.RightA3.on {display:block;}
.RightA4 {display:none;}
.RightA4.on {display:block;}
.RightA5 {display:none;}
.RightA5.on {display:block;}
.RightA6 {display:none;}
.RightA6.on {display:block;}

.LeftAInBox {width:240px;height:0px;overflow:hidden;transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-ms-transition: all 0.7s;}
.LeftA4Box.on {height:90px;}
.LeftA5Box.on {height:270px;}
.LeftA6Box.on {height:460px;}
.LeftAInBox a {width:212px;height:35px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;color:#f1db8f;font-size:15px;font-weight:bold;text-align:center;line-height:35px;}
.LeftAInBox a.on {background:url(../img/LeftA3Box.png);background-size:100% 100%;}

.HH {width:90%;height:auto;overflow:hidden;margin:0 auto;margin-top:100px;margin-bottom:30px;}


#MinGoIndex {display:none;}



}

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