body {background:#e6eef1; 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-content {background:#eaf2f5;box-shadow:none !important;border:none !important;background-size:100% 100%;}



.LoginBox {width:100%;height:auto;text-align:center;line-height:3rem;font-size:1.2rem;color:#fff;}
.LoginBox a {color:#00f5ee;text-decoration:underline;cursor:pointer;}
.LoginBox b {color:#00f5ee;}
.modal-body h1 {text-align:center;}

.login {width:30%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.login img {width:100%;height:auto;}
.Login_Box {width:100%;height:auto;margin:0 auto;text-align:center;margin:0 auto;margin-top:2rem;}
.Login_Box a {cursor:pointer;}
.Login_Li {width:100%;height:3rem;margin:0 auto;margin-bottom:2rem;text-align:center;}
.Login_Li input {width:80%;height:3rem;line-height:3rem;font-size:1.2rem;color:#000;border:1px solid #7f6d49;display:block;margin:0 auto;}
.Login_Li span {width:100px;height:30px;float:left;margin-left:10px;text-align:center;display:block;display:none;}
.errorTipDiv {font-size:1.4rem;line-height:3rem;color:red;}
.reb_btnbtn {font-size:1.4rem;line-height:3rem;color:#f25a1b;text-decoration:underline;}
.logins {width:100%;height:auto;margin:0 auto;text-align:center;margin:0 auto;margin-top:2rem;}
.logins a {text-decoration:underline;color:#313649;}
.logins b {color:#ffe598;}

.rankColor td {color:#ffb800 !important;}

@media screen and (max-width: 768px) {
	
body {background:#e6eef1;}

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

.Center {width:100%;height:auto;overflow:hidden;padding-bottom:10rem;}

.LoginInfo {width:100%;height:auto;overflow:hidden;margin-top:2rem;line-height:4rem;color:#000;font-size:1.4rem;text-align:center;}
.LoginBtn {width:50%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;}
.LoginBtn img {width:100%;height:auto;}
.LoginInfo b {color:#d7625b;}
.LoginInfo a {color:#d7625b;text-decoration:underline;cursor:pointer;}


.Time {width:98%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;line-height:4rem;color:#4c7aab;font-size:1.4rem;text-align:center;}
.Time b {color:#f14a42;}

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

.Txt {width:100%;height:auto;overflow:hidden;background:#fff;padding:2rem;line-height:4rem;color:#4c7aab;font-size:1.4rem;margin:0 auto;margin-top:2rem;}
.Txt span {color:#f14a42;}

.AcBg {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.SignBg {width:100%;height:auto;overflow:hidden;}
.SignTop {width:715px;height:42px;overflow:hidden;display:none;}
.SignWeek {background:url(../img/SignWeek.png);width:100%;height:4rem;overflow:hidden;text-align:center;margin:0 auto;background-size:100% 100%;}
.SignWeek span {width:14.2%;height:4rem;display:block;float:left;line-height:4rem;color:#fff;font-size:1.4rem;}
.SignDay {background:#fff;width:100%;height:auto;overflow:hidden;padding-bottom:2rem;margin:0 auto;}
.SignDay span {width:14.2%;;height:4rem;display:block;float:left;line-height:4rem;color:#406fcb;font-size:15px;text-align:center;font-weight:bold;margin-top:5px;}
.SignDay span:first-child {margin-left:56.8%;}
.SignDay span.on {background:url(../img/signon.png) center center no-repeat;color:#da4725;background-size:100% 100%;}
.SignBtn {width:50%;height:auto;display:block;margin:0 auto;margin-top:2rem;cursor:pointer;}
.SignBtn img {max-width:100%;height:auto;}

.LuckyBg {width:100%;height:auto;overflow:hidden;margin-top:2rem;}
.LuckyH {width:100%;height:auto;overflow:hidden;text-align:center;}
.LuckyH img {max-width:100%;height:auto;}
.LuckyBox {width:100%;height:auto;overflow:hidden;}
.gift {width:33%;height:auto;text-align:center;float:left;margin-top:2rem;position:relative;}
.gift img {width:100%;height:auto;}
.GiftTittle {width:100%;height:3rem;display:block;position:absolute;left:0px;bottom:0px;line-height:3rem;color:#f14a42;text-align:center;font-size:1.2rem;}
.gift_cj {width:33%;;height:auto;text-align:center;float:left;margin-top:2rem;position:relative;overflow:hidden;}
.gift.on {opacity:0.7;filter:alpha(opacity=70);}
#cj {display:block;width:100%;height:auto;display:block;cursor:pointer;}
#cj img {width:100%;height:auto;}


.CjNum {width:100%;height:auto;line-height:4rem;color:#4c7aab;font-size:1.4rem;text-align:center;}
.CjNum b {color:#f14a42;}
.CjNum a {color:#f14a42;text-decoration:underline;cursor:pointer;}
#His table {width:90%;height:auto;margin:0 auto;}
#His table th {background:#4c7aab;border:1px solid #4c7aab;line-height:40px;text-align:center;color:#fff;}
#His table td {border:1px solid #4c7aab;line-height:40px;text-align:center;color:#4c7aab;}

.RankBg {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.RankBox {width:98%;height:auto;overflow:hidden;margin:0 auto;position:relative;margin-top:2rem;}
.RankBottom {width:100%;height:auto;text-align:center;overflow:hidden;display:none;}
.RankBottom img {width:100%;height:auto;}
.RankH {width:100%;height:auto;overflow:hidden;}
.RankH img {width:100%;height:auto;}

.Rank {background:url(../img/Rank.png) repeat-y;width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.Rank table {width:90%;height:auto;margin:0 auto;margin-top:2rem;}
.Rank table th {background:#4c7aab;border:1px solid #4c7aab;line-height:4rem;text-align:center;color:#fff;font-size:1.4rem;}
.Rank table td {line-height:4rem;text-align:center;color:#4c7aab;font-size:1.4rem;}
.Rank .My td {color:#f14a42;}
.RankHH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:10px;}
.RankHH img {width:100%;height:auto;}
.RankReBox {width:100%;height:auto;text-align:center;}
.Icon {width:100%;height:45px;overflow:hidden;text-align:center;line-height:45px;color:#f14a42;font-size:14px;margin-top:10px;}
.Icon img {margin-right:10px;width:45px;height:45px;}
.Tips {display:none;position:fixed;z-index:9;}
.Tips.add {display:block;}
.Tips img {width:auto !important;height:auto !important;border:2px solid #fccc68;}
.RankTips {width:100%;height:auto;line-height:40px;color:#4c7aab;font-size:1.4rem;text-align:center;margin-top:10px;}

.User {width:100%;height:auto;overflow:hidden;margin-top:20px;}
.User select {width:80%;height:30px;line-height:30px;display:block;border:1px solid #4c7aab;display:block;margin:0 auto;}


}


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

.Top {background:url(../img/Max202508.jpg) top center no-repeat;width:100%;height:900px;}
.Min {display:none;}

.Center {background:url(../img/bg.jpg) top center no-repeat;width:100%;height:auto;overflow:hidden;padding-bottom:100px;}

.LoginInfo {width:100%;height:auto;overflow:hidden;margin-top:20px;line-height:40px;color:#4c7aab;font-size:15px;text-align:center;}
.LoginBtn {width:228px;height:49px;display:block;cursor:pointer;margin:0 auto;margin-top:20px;}
.LoginInfo b {color:#d7625b;}
.LoginInfo a {color:#d7625b;text-decoration:underline;cursor:pointer;}

.Time {width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;line-height:40px;color:#4c7aab;font-size:15px;text-align:center;}
.Time b {color:#f14a42;}

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

.Txt {width:1300px;height:auto;overflow:hidden;background:#fff;padding:20px;line-height:30px;color:#4c7aab;font-size:14px;margin:0 auto;margin-top:20px;}
.Txt span {color:#f14a42;}

.AcBg {width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.SignBg {width:715px;height:auto;overflow:hidden;float:left;}
.SignTop {width:715px;height:42px;overflow:hidden;}
.SignWeek {background:url(../img/SignWeek.png);width:644px;height:61px;overflow:hidden;text-align:center;margin:0 auto;}
.SignWeek span {width:92px;height:61px;display:block;float:left;line-height:61px;color:#fff;font-size:14px;}
.SignDay {background:#fff;width:644px;height:auto;overflow:hidden;padding-bottom:24px;margin:0 auto;}
.SignDay span {width:92px;height:45px;display:block;float:left;line-height:45px;color:#406fcb;font-size:15px;text-align:center;font-weight:bold;margin-top:5px;}

.SignDay span.on {background:url(../img/signon.png) center center no-repeat;color:#da4725;}
.SignBtn {width:228px;height:49px;display:block;margin:0 auto;margin-top:20px;cursor:pointer;}

.LuckyBg {width:585px;height:auto;overflow:hidden;float:left;}
.LuckyH {width:100%;height:auto;overflow:hidden;text-align:center;}
.LuckyBox {width:585px;height:auto;overflow:hidden;}
.gift {background:url(../img/gift.png);width:175px;height:114px;text-align:center;float:left;margin-left:15px;margin-top:10px;position:relative;}
.gift img {display:none;}
.GiftImg {width:45px;height:45px;position:absolute;left:70px;top:30px;z-index:1;}
.GiftTittle {width:150px;height:20px;display:block;position:absolute;left:15px;bottom:10px;line-height:20px;color:#f14a42;text-align:center;}
.gift_cj {width:175px;height:114px;text-align:center;float:left;margin-left:15px;margin-top:10px;position:relative;}
.gift.on {background:url(../img/gifton1.png);width:175px;height:114px;}
#cj {background:url(../img/cj.png);display:block;width:175px;height:114px;border:none;cursor:pointer;position:absolute;left:0;top:0;z-index:1;}
#cj img {display:none;}
.zg {background:#000000;width:175px;height:114px;position:absolute;left:0;top:0;z-index:2;display:none;} 
.zg {filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;}
.CjNum {width:100%;height:40px;line-height:40px;color:#4c7aab;font-size:15px;text-align:center;}
.CjNum b {color:#f14a42;}
.CjNum a {color:#f14a42;text-decoration:underline;cursor:pointer;}
#His table {width:90%;height:auto;margin:0 auto;}
#His table th {background:#4c7aab;border:1px solid #4c7aab;line-height:40px;text-align:center;color:#fff;}
#His table td {border:1px solid #4c7aab;line-height:40px;text-align:center;color:#4c7aab;}

.RankBg {width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.RankBox {width:429px;height:auto;overflow:hidden;float:left;margin-left:3px;position:relative;}
.RankBottom {width:100%;height:auto;text-align:center;overflow:hidden;}
.RankBottom img {width:100%;height:auto;}
.RankH {width:419px;height:58px;position:absolute;left:5px;top:20px;}
.Rank {background:url(../img/Rank.png) repeat-y;width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.Rank table {width:90%;height:auto;margin:0 auto;margin-top:50px;}
.Rank table th {background:#4c7aab;border:1px solid #4c7aab;line-height:40px;text-align:center;color:#fff;font-size:14px;}
.Rank table td {line-height:40px;text-align:center;color:#4c7aab;font-size:14px;}
.Rank .My td {color:#f14a42;}
.RankHH {width:100%;height:auto;overflow:hidden;text-align:center;margin-top:10px;}
.RankReBox {width:100%;height:auto;text-align:center;}
.Icon {width:100%;height:45px;overflow:hidden;text-align:center;line-height:45px;color:#f14a42;font-size:14px;margin-top:10px;}
.Icon img {margin-right:10px;width:45px;height:45px;}
.Tips {display:none;position:fixed;z-index:9;}
.Tips.add {display:block;}
.Tips img {width:auto !important;height:auto !important;border:2px solid #fccc68;}
.RankTips {width:98%;height:60px;line-height:30px;color:#4c7aab;font-size:14px;text-align:center;margin:0 auto;margin-top:10px;}

.User {width:100%;height:auto;overflow:hidden;margin-top:20px;}
.User select {width:300px;height:30px;line-height:30px;display:block;border:1px solid #4c7aab;display:block;margin:0 auto;}

.modal-dialog {width:700px;}

}