@charset "utf-8";
/* CSS Document */

body {background:#fdf2f6;font-family:微软雅黑;}

* {margin:0;padding:0}
ul li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
button, input, select, textarea {font-size: 100%;font-family:Arial,"微软雅黑"}  
table {border-collapse: collapse;border-spacing: 0;}

.top {width:100%;height:auto;overflow:hidden;text-align:center;}

.modal-content {background:#e1f3fd;}
.modal-body {line-height:3rem;font-size:1.4rem;font-weight:bold;color:#363636;}
.modal-body span {color:red;}
.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;text-align:center;}
.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;}

.imgbox {width:100%;height:auto;text-align:center;}


table {margin:0 auto;width:60%;height:auto;line-height:40px;font-size:14px;}
th {border:1px solid #c3a475;border-bottom:1px solid #c3a475; background:#c3a475;color:#050e1d;text-align:center;}
td {border:1px solid #c3a475;padding-left:1rem;padding-right:1rem;color:#c3a475;}
table span {color:red;}


@media screen and (max-width: 768px){
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/bg.jpg)
  background-size: cover;
}

.top img {width:100%;height:auto;}

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

.hh {width:100%;height:auto;margin:0 auto;overflow:hidden;}
.hh img {width:100%;height:auto;}

.txt_box {width:100%;height:auto;background:#003f63;border:1px solid #014875;color:#fff;font-size:1.4rem;line-height:3rem;padding:3%;margin-top:1rem;}

.login_info {width:100%;height:auto;margin:0 auto;text-align:center;margin-top:1rem;font-size:1.4rem;color:#6299c6;font-weight:bold;}
.login_info b {color:#f27682;}
.login_info_a {width:30%;height:auto;margin:0 auto;display:block;cursor:pointer;}
.login_info_a img {width:100%;height:auto;}
.lottery_box {width:100%;height:auto;margin:0 auto;overflow:hidden;margin-top:1rem;}
.gift {background:#72b3e7;width:19%;height:8rem;text-align:center;float:left;margin-left:0.8%;margin-top:1%;position:relative;}
.gift_cj {background:#fbaace;width:58%;height:8rem;line-height:8rem;font-size:1.4rem;color:#72b3e7;text-align:center;float:left;margin-left:1%;margin-top:1%;position:relative;}
.gift.on {background:#fbaace;}
.gift img {width:auto;height:3rem;margin:0 auto;margin-top:1rem;}
.gift span {width:100%;height:2rem;margin-top:1rem;font-size:0.8rem;line-height:1rem;display:block;overflow:hidden;color:#fff;}
#cj {display:block;width:100%;height:8rem;line-height:8rem;font-size:1.4rem;color:#72b3e7;border:none;cursor:pointer;position:absolute;left:0;top:0;z-index:1;text-align:center;color:#f9d495;font-weight:bold;font-size:1rem;line-height:6rem;text-align:center;}
.zg {background:#000000;width:100%;height:6rem;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;}
.ac_btn {width:60%;height:4rem;text-align:center;line-height:4rem;display:block;background:#19a5e2;color:#333;font-weight:bold;font-size:2rem;border:none;-webkit-appearance:none;border-radius:0;margin:0 auto;border-radius:1rem;}

.temperature {background:url(../img/temperature.png) left top no-repeat;width:250px;height:360px;margin:0 auto;margin-top:1rem;position:relative;overflow:hidden;}
.temperature_on {background:url(../img/temperature_on.png) bottom center no-repeat;width:48px;height:360px;position:absolute;left:0;bottom:0;}
.reward {width:256px;height:57px;position:absolute;left:48px;cursor:pointer;}
.reward_4 {top:0;}
.reward_3 {top:71px;}
.reward_2 {top:215px;}
.reward_1 {top:288px;}


.tips1 {width:100%;height:2rem;line-height:2rem;margin:0 auto;margin-top:1rem;float:left;overflow:hidden;text-align:center;color:#6299c6;font-weight:bold;}
.tips1 b {color:#f27682;}
.tips2 {width:100%;height:2rem;line-height:2rem;margin:0 auto;margin-top:1rem;float:left;overflow:hidden;text-align:center;color:#6299c6;font-weight:bold;}
.tips2 b {color:#f27682;}

}

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


.top {background:url(../img/max_top.jpg) top center no-repeat;width:100%;height:600px;overflow:hidden;}

.hh {width:1200px;height:140px;margin:0 auto;overflow:hidden;}
.hh img {width:100%;height:auto;}

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

.w1200 {width:1300px;height:auto;overflow:hidden;margin:0 auto;padding-bottom:50px;}

.lottery_box {width:650px;height:auto;margin:0 auto;overflow:hidden;float:left;margin-top:10px;margin-left:100px;}
.gift {background:url(../img/gift.png);width:120px;height:110px;text-align:center;float:left;margin-left:10px;margin-top:10px;position:relative;}
.gift_cj {width:380px;height:110px;text-align:center;float:left;margin-left:10px;margin-top:10px;position:relative;}
.gift.on {background:url(../img/gift_on.png);width:120px;height:110px;}
.gift span {color:#a6bdc8;}
.gift img {position:absolute;left:40px;top:24px;}
.gift span {width:120px;height:30px;line-height:30px;text-align:center;color:#a6bdc8;display:block;position:absolute;left:0;bottom:0;font-size:12px;font-weight:bold;}
#cj {background:url(../img/cj.png);display:block;width:380px;height:110px;line-height:100px;border:none;cursor:pointer;position:absolute;left:0;top:0;z-index:1;text-align:center;color:#f9d495;font-weight:bold;font-size:18px;}
.zg {background:#000000;width:380px;height:110px;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;}

.temperature {background:url(../img/temperature.png) left top no-repeat;width:306px;height:360px;float:left;margin-left:40px;margin-top:10px;position:relative;overflow:hidden;}
.temperature_on {background:url(../img/temperature_on.png) bottom center no-repeat;width:48px;height:360px;position:absolute;left:0;bottom:0;}
.reward {width:256px;height:57px;position:absolute;left:48px;cursor:pointer;}
.reward_4 {top:0;}
.reward_3 {top:71px;}
.reward_2 {top:215px;}
.reward_1 {top:288px;}

.txt_box  {background:#003f63;border:1px solid #014875;padding:50px;width:800px;height:auto;overflow:hidden;margin:0 auto;color:#fff;float:left;margin-left:30px;margin-top:88px;padding-top:10px;padding-bottom:30px;border-radius:1rem;line-height:30px;font-weight:bold;font-size:14px;overflow:hidden;}

.login_info {width:600px;height:auto;margin:0 auto;overflow:hidden;text-align:center;color:#6299c6;font-weight:bold;font-size:15px;margin-top:30px;}
.login_info b {color:#f27682;}
.login_info a {cursor:pointer;}
.login_box {width:400px;height:auto;overflow:hidden;margin:0 auto;text-align:center;}

.tips1 {background:url(../img/tips1.png);width:474px;height:48px; line-height:48px;margin:0 auto;margin-top:20px;overflow:hidden;text-align:center;color:#f9d495;font-weight:bold;margi}
.tips2 {background:url(../img/tips2.png);width:474px;height:48px; line-height:48px;margin:0 auto;margin-top:20px;overflow:hidden;text-align:center;color:#68a7d8;font-weight:bold;}

.history {background:url(../img/his.png) ;width:1200px;height:159px;margin:0 auto;margin-top:40px;float:left;overflow:hidden;}
#divGiftID {width:840px;height:60px;margin:0 auto;margin-top:70px;}
#divGiftID img {float:left;margin-left:10px;}

.fix_ul {background:#6299c6;width:100%;height:5rem;line-height:5rem;color:#fff;font-size:1.6rem;position:fixed;left:0;top:0;z-index:99;opacity:0.9;object.style.opacity=0.9;}
.fix_ul a {cursor:pointer;color:#fff;float:left;margin-right:30px;color:#fff;font-weight:bold;font-size:1.6rem;float:right;}


}

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