body {background:#fff;}

.modal-dialog {margin-top:120px;}
.modal-content {background:#4d46a4;}
.modal-body {line-height:30px;font-size:13px;color:#fff;text-align:center;}
.modal-body span {color:#c3a475;}
.modal-body a {color:#23527c;text-decoration:underline;}
.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;text-align:center;}
.btn-default {background:#f8f5f0;color:#8c4d31;border:none;}

@media screen and (max-width: 768px){

.hh {width:100%;height:auto;overflow:hidden;}
.hh img {width:100%;height:auto;}	

.Game_Info {width:100%;height:auto;margin-top:6rem;overflow:hidden;}
.Game_Info img {width:100%;height:auto;}

.Mj {width: 20%;height: auto;position: absolute;right: 1%;top: 0;}
.Mj img {width:100%;height:auto;}

.Pay_Box {}
#showGameInfo {display:none;}
.Pay_li {width:96%;height:auto;line-height:4rem;margin:0 auto;margin-bottom:2rem;overflow:hidden;}
.Pay_li span {width:100%;height:3rem;line-height:3rem;text-align:left;display:block;}
.Pay_li b {width:100%;height:auto;display:block;text-align:center;line-height:4rem;font-size:14px;color:#d00a15;font-weight:normal;}
.Pay_li input {width:80%;height:4rem;display:block;border:1px solid #d4d4d4;text-indent:10px;text-align:center;margin:0 auto;}
.Pay_li input.on {width:100%;height:4rem;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_li select {width:100%;height:4rem;display:block;border:1px solid #d4d4d4;text-indent:10px;text-align:center;}
.Pay_li select.on {width:100%;height:4rem;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_Way a {width:113px;height:34px;line-height:34px;text-align:center;display:block;margin:0 auto;color:#000;font-size:14px;cursor:pointer;border:1px solid #d4d4d4;text-align:center;}
.Pay_Way a img {width:100px;height:30px;margin-top:2px;}
.Pay_Way a.on {border:1px solid #d00a15;background:url(../img/check.png) right bottom no-repeat;}
.Pay_Btn {width:200px;height:50px;line-height:50px;text-align:center;background:#d00a15;color:#fff;font-size:14px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}

#wxpayPointsNumber {width:100%;height:auto;display:block;text-align:center;line-height:3rem;font-size:1.4rem;font-style:normal;}
#alipayPointsNumber  {width:100%;height:auto;display:block;text-align:center;line-height:3rem;font-size:1.4rem;font-style:normal;}

.Pay_Way_Tips {width:100%;height:4rem;line-height:4rem;color:#000;font-size:1.2rem;text-align:center;}
.Pay_li em {width:30%;height:3rem;border:1px solid #333;text-align:center;line-height:3rem;display:block;margin-left:2.3%;margin-top:1rem;float:left;color:#333;cursor:pointer;font-style:normal;overflow:hidden;}
.Pay_li em.active {border:1px solid #d00a15;cursor:pointer;}

.pay_help {width:96%;height:auto;line-height:3rem;margin:0 auto;margin-bottom:1rem;overflow:hidden;font-size:1.4rem;margin-top:4rem;}
.pay_help a {color:red;font-size:1.4rem;text-decoration:underline;}
.tips {width:90%;height:auto;line-height:4rem;font-size:1.2rem;color:#9f9fa3;margin-top:4rem;margin:0 auto;}
.tips span {color:red;}

.Pay_Box_H5 {width:100%;height:auto;overflow:hidden;margin:0 auto;padding-top:2rem;padding-bottom:10rem;}
.Pay_Box_H5 a {width:70%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-bottom:6rem;}
.Pay_Box_H5 a img {width:100%;height:auto;}

.pay_success {width:98%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}

.min_img {width:100%;height:auto;}

.footer {display:none;}

}


@media screen and (min-width:768px){

.min_img {display:none;}
	
body {background:#101211;}
.hh {width:1200px;height:auto;margin:0 auto;margin-top:40px;}	

.Game_Info {width:1000px;height:160px;margin:0 auto;margin-top:30px;}
.Pay_Box_H5 {display:none;}

.top {background:url(../img/wof_top.jpg) top center no-repeat;width:100%;height:300px;}

.Mj {width:230px;height:380px;position:absolute;left:50%;top:25px;margin-left:180px;} 
.Mj img {width:100%;height:auto;}


.center {background:url(../img/wof_center.jpg) top center no-repeat;width:100%;height:780px;}

.Pay_Box {width:1000px;height:auto;overflow:hidden;padding:40px;margin:0 auto;}
.Pay_li {width:630px;height:36px;line-height:40px;margin:0 auto;margin-top:12px;overflow:hidden;margin-left:180px;}
.Pay_li span {width:100px;height:36px;display:block;text-align:right;float:left;line-height:36px;font-size:14px;color:#333;font-weight:bold;}
.Pay_li b {width:100px;height:36px;display:block;text-align:right;float:left;line-height:36px;font-size:14px;color:#d00a15;font-weight:normal;;}
.Pay_li input {width:300px;height:34px;display:block;border:1px solid #333;text-indent:10px;float:left;}
.Pay_li input.on {width:300px;height:34px;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_li input[disabled] {background:#9e9f9f;color:#fff;}
.Pay_li select[disabled] {background:#9e9f9f;color:#fff;}
.Pay_li select {width:300px;height:34px;display:block;border:1px solid #d4d4d4;text-indent:10px;float:left;}
.Pay_li select.on {width:300px;height:34px;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_Way a {width:113px;height:34px;line-height:34px;text-align:center;display:block;float:left;margin-right:10px;color:#000;font-size:14px;cursor:pointer;border:1px solid #d4d4d4;text-align:center;}
.Pay_Way a img {width:100px;height:30px;margin-top:2px;}
.Pay_Way a.on {border:1px solid #d00a15;background:url(../img/check.png) right bottom no-repeat;}
.Pay_Btn {width:200px;height:50px;line-height:50px;text-align:center;background:#d00a15;color:#fff;font-size:14px;display:block;cursor:pointer;margin:0 auto;margin-top:10px;}
.Pay_Btn_Dro {width:200px;height:50px;line-height:50px;text-align:center;background:#66caf0;color:#10223e;font-size:14px;font-weight:bold;display:block;cursor:pointer;margin:0 auto;margin-top:10px;border-radius:3px;}

.showGameInfo {width:744px;height:80px;margin:0 auto;margin-top:0px;margin-top:20px;}
#showGameInfo {width:744px;height:80px;margin:0 auto;margin-top:0px;position:relative;}
#showGameInfo a {width:372px;height:80px;display:block;font-size:22px;line-height:80px;font-weight:bold;color:#fff;float:left;cursor:pointer;}
.showGameInfo_a1 {background:url(../img/showGameInfo_a1.png);background-size:100% 100%;}
.showGameInfo_a1.on {background:url(../img/showGameInfo_a1_on.png);background-size:100% 100%;}
.showGameInfo_a2 {background:url(../img/showGameInfo_a2.png);background-size:100% 100%;}
.showGameInfo_a2.on {background:url(../img/showGameInfo_a2_on.png);background-size:100% 100%;}

.Pay_Way_Tips {display:none}


.hh {width:100%;height:200px;line-height:200px;text-align:center;font-size:30px;font-weight:bold;}

.pay_help {width:510px;height:36px;line-height:40px;margin:0 auto;margin-bottom:14px;overflow:hidden;text-align:center;}
.pay_help a {color:#779dc6;font-size:14px;text-decoration:underline;}
.tips {width:800px;height:auto;line-height:30px;font-size:12px;color:#fff;margin:0 auto;}
.tips span {color:red;}

.Pay_Way_Tips {display:none}

.Pay_Way_num {display:none;}
.Pay_Way_num.on {display:block;}


.hh {width:100%;height:200px;line-height:200px;text-align:center;font-size:30px;font-weight:bold;}

.pay_help {width:700px;height:auto;line-height:30px;margin:0 auto;margin-bottom:14px;overflow:hidden;text-align:left;margin-top:20px;}
.pay_help a {color:#779dc6;font-size:14px;text-decoration:underline;cursor:pointer;}
.tips {width:800px;height:auto;line-height:30px;font-size:12px;color:#fff;margin:0 auto;}
.tips span {color:red;}
.tips h1 {width:100%;height:60px;line-height:60px;text-align:center;font-weight:bold;color:#4fff01;font-size:22px;}
.tips h2 {width:100%;height:60px;text-align:center;font-weight:bold;color:#fff;font-size:20px;}

.Pay_Way_num {display:none;}
.Pay_Way_num.on {display:block;}
.Pay_Way_number {height:auto;overflow:hidden;}
.Pay_Way_num span {float:left;}
.Pay_Way_num em {width:70px;height:34px;border:1px solid #333;text-align:center;line-height:34px;display:block;margin-left:4px;float:left;color:#333;cursor:pointer;font-style:normal;}
.Pay_Way_num em.active {border:1px solid #d00a15;cursor:pointer;}
.Pay_Way_num_input {width:140px !important;height:34px;float:left;margin-left:4px;}

#tipPaymentMethodWxpayFree {width:200px !important;text-align:center !important;}
#tipPaymentMethodAlipayFree {width:200px !important;text-align:center !important;}
#tipPaymentMethodChinaUnionPayFree {width:200px !important;text-align:center !important;}
#wxpayPointsNumber {margin-left:10px;color:#333;float:left;line-height:36px;}
#alipayPointsNumber {margin-left:10px;color:#333;float:left;line-height:36px;}

.pay_success {width:700px;height:auto;line-height:30px;font-size:20px;color:red;text-align:center;overflow:hidden;margin:0 auto;font-weight:bold;}

}

@media screen and (min-width:1200px){
.modal-dialog {width:700px;}
}
