/* 全局重置和基础样式 */
* { margin:0; padding:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{ margin:0; padding:0; }
img {border: none;vertical-align:middle}em{ font-style:normal;}ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; cursor: pointer;}table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;color:#f9df7b}input,select{vertical-align: middle;}i{font-style: normal;}
html{overflow-x: hidden;}

body { 
	font-size: 16px;
    font-family: Arial, "Microsoft YaHei", sans-serif; 
    background-color: #f5f5f5; 
	background: url(../images/bg.png) no-repeat center top #8a0000;
    text-align: center; /* 确保IE6中内容居中 */
}
a { text-decoration: none; color: #06c; }
a:hover { text-decoration: underline; }

button{
	background-color:#ffe976;
	color:#8a0000;
	border: 0px ;
    cursor: pointer;
}

button:hover {
    background-color: #ffd600;
}

/* 主容器，宽度1000px并居中 */
#container {
    color: #FFF;
    width: 1000px;
    margin: 0 auto;
    text-align: left; /* 内部内容左对齐 */
    position: relative;
}

/* 顶部导航栏 */
.top-nav {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden; /* 清除浮动 */
    zoom: 1; /* IE6 hasLayout触发 */
}
.nav-left { float: left; }
.nav-right { float: right; }
.nav-left span, .nav-right span, .nav-right a { 
    margin-right: 15px; 
    font-size: 14px;
}

/* 横幅区域 */
.banner {
    color: #fff;
	height:380px;
    margin-bottom: 20px;
}
.banner h1 { 
    font-size: 28px; 
    margin-bottom: 10px;
}
.banner p { font-size: 16px; }

/* 主体内容区域 */
.main-content { 
    overflow: hidden; 
    zoom: 1; /* IE6 hasLayout触发 */
}

/* 左侧奖品区域 */
.prize-section {
    width: 650px;
    height: 450px;
    float: left;
    background-color: #8a0000;
    border: 1px solid #f1e5a7;
    padding: 20px;
    margin-bottom: 20px;
}
.section-header {
    border-left: 4px solid #ff6700;
    padding-left: 10px;
    margin-bottom: 20px;
}
.section-header h2 { 
    font-size: 18px; 
    margin-bottom: 5px;
}
.activity-time { 
    font-size: 14px; 
    color: #ddd8d8;
}

/* 奖品网格布局 */
.prize-list { 
    overflow: hidden; 
    zoom: 1; /* IE6 hasLayout触发 */
}
.prize-item {	
    width: 200px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;	
}


.prize-imgDiv{
	width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    display: block;
    margin: 0 auto 10px;
	border-radius: 5px;
	background: url(../images/probg.png) no-repeat center top;
}
.prize-name { 
    font-size: 14px; 
    margin-bottom: 8px;
}

/* 右侧奖励榜 */
.reward-section {
    width: 240px;
	height:450px;
    float: right;
    background-color: #8a0000;
    border: 1px solid #f1e5a7;
    padding: 20px;
}

.reward-section h2{
	font-weight:bold;
}

.reward-list {
    list-style: none;
    margin-bottom: 20px;
}
.reward-list li {
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.uname
{
	color:yellow;
}
.uprize
{
	color:red;
}
.my-record {  
	width: 100%;
    padding: 10px;
    font-size: 16px;
}


/* 道具点区域 */
.props-section {
    width: 650px;
    background-color: #8a0000;
    border: 1px solid #f1e5a7;
    padding: 20px;
    float: left;
    margin-bottom: 20px;
    overflow: hidden; /* 清除浮动 */
    zoom: 1; /* IE6 hasLayout触发 */
}
.props-info {
    float: left;
}
.props-info span {
    font-size: 16px;
    font-weight: bold;
    color: #f9df7b;
}
.props-info p {
    font-size: 14px;
}
.remark{
	color:#ddd8d8;
}
.props-buttons {
    float: right;
}
.props-buttons button,.suipian button {
    width:88px;height: 36px;    
    font-size: 14px;
    margin-left: 10px;
 
}

.suipian{
    float: right;
    border:1px solid #f1e5a7;
    width: 240px;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    height: 44px;
    position: relative;
}
.suipian button{
       border-radius: 10px;
       position: absolute;
       top: 23px;
       right: 10px;
}
.suipian .wenhao{
    width: 14px;height: 14px;display: inline-block;
    background: url(../images/wh.png);
    vertical-align: middle;
}
.suipian .tips {
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 10;
    margin-left: 10px;
}
/* 抽奖按钮区域 */
.lottery-section {
    clear: both;
    margin-bottom: 20px;
    text-align: center;
}
.single-lottery, .ten-lottery {
    padding: 12px 30px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin: 0 10px;
}

.ten-lottery {
    background-color: #ff6700;
    color: #fff;
}

.ten-lottery:hover {
    background-color: #e55c00;
}

/* 规则说明区域 */
.rules-section {
    background-color: #8a0000;
    border: 1px solid #f1e5a7;
    padding: 20px;
    margin-bottom: 20px;
}
.rules-section h3 {
    font-size: 16px;
    margin-bottom: 15px;  
    padding-left: 10px;
	font-weight:bold;
}
.rules-list {
    list-style-type: decimal;
    margin-left: 20px;
}
.rules-list li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;    
}

/* 现代浏览器增强样式 */
@media screen and (min-width: 0) {
    /* 圆角效果 - 现代浏览器 */
    .prize-section, .reward-section, .props-section, .rules-section, 
    .my-record, .props-buttons button, .single-lottery, .ten-lottery {
        border-radius: 10px;
    }
    
    /* 阴影效果 - 现代浏览器 */
    .prize-section, .reward-section, .props-section, .rules-section {
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    /* 更平滑的过渡效果 */
    .my-record, .props-buttons button, .single-lottery, .ten-lottery {
        transition: all 0.3s ease;
    }
}

.bottom{
	margin-top:40px;
    color: #FFF;
    font-size: 12px;
}
.bottom a{
	color:#FFF;
}


/***************弹窗********************/
.modal-container {
      width: 728px;
      background: white;
      border: 2px solid #f1e5a7;
      border-radius: 10px;
    }
.modal-header {
      background-color: #bf0f0f;;
      color: white;
      padding: 12px 20px;
      height: 20px;
      line-height: 20px;
      border-bottom: 2px solid #D4AF37;
    }
.modal-title {
      font-size: 16px;
      font-weight: bold;
      float: left;
    }
    
    /* 关闭按钮 - IE6兼容 */
    .close-button {
      background: none;
      border: none;
      color: white;
      font-size: 20px;
      cursor: pointer;
      width: 24px;
      height: 24px;
      line-height: 20px;
      float: right;
      text-align: center;
    }
	.close-button:hover {
      background-color: #CC0000;
    }

	/* 内容区域 */
    .modal-content {
      padding: 15px;
      overflow: auto;
    }
    
    /* 道具列表：使用浮动布局替代grid（IE6不支持grid） */
    .item-list {
      width: 100%;
    overflow-y: scroll;
    margin-bottom: 15px;
    height: 400px;
    }
    
    /* 单个道具卡片 - 使用浮动布局 */
    .item-card {
      /*position: relative;*/
      border: 1px solid #eee;
      padding: 10px 0px;
      text-align: center;
      width: 162px;
      float: left;
      margin: 0 5px 8px 0;
      border-radius: 10px;
    }
.item-card i{
        position: absolute;
        right:0;
        top:0;
        font-size: 12px;
        text-align: center;
        background: #ccc;
        padding: 5px;
        border-radius: 5px;
    }
	/* 道具图片 */
    .item-card img {
      width: 60px;
      height: 60px;
      border: 0; /* IE6图片边框问题 */
    }   
   
    
    /* 道具名称 */
    .item-name {
      font-size: 12px;
      margin: 6px;
      height: 14px;
      overflow: hidden;
	  color:black;
    }
    
    /* 加减按钮组 - 绿底白字样式 */
    .btn-group {
      text-align: center;
      height: 20px;
      line-height: 20px;
    }
    
    .btn-group button {
      background: #28a745;
      border: 1px solid #1e7e34;
      cursor: pointer;
      font-size: 12px;
      color: white;
      padding: 2px 6px;
      width: 20px;
      height: 18px;
      line-height: 12px;
    }

	.btn-group button:hover {
      background: #218838;
    }
    
    .btn-group .quantity {
      border: 1px solid #eee;
      padding: 2px 6px;
      margin: 0 2px;
      font-size: 12px;
      width: 30px;
      text-align: center;
      background: #f8f9fa;
      display: inline-block;
      height: 14px;
      line-height: 14px;
	  color:black;
    }
    
    /* 灰色减号样式 */
    .btn-disabled {
      background: #6c757d !important;
      border-color: #545b62 !important;
      color: white !important;
    }
    
    .btn-disabled:hover {
      background: #5a6268 !important;
    }
    
    /* 底部信息栏 */
    .footer-info {
      border-top: 1px solid #eee;
      padding-top: 12px;
      height: 20px;
      line-height: 20px;
    }
    
    .points {
      font-size: 14px;
      float: left;
	  color:black
    }
    
    .btn-convert {     
      padding: 4px 12px;
	  margin:0px 20px 0px 0px;
      cursor: pointer;
      font-size: 14px;
      float: right;
	  border-radius: 5px;
    }

/***************弹窗END********************/



/*购买弹窗*/
/*弹框*/
.malltcbox{height: 560px;width: 780px;border:1px solid #b1b1b1; background:#eee;position: relative;color: #555; font-family: "微软雅黑"}
.malltcbox a:hover{text-decoration:none;}
.malltcbox .title{position:relative;height: 50px;   line-height:50px; background:url(../images/popbg.jpg); text-align: center;font-size: 24px;color: #fff;}
.malltcbox .title span{color: #fffd78; padding: 0 20px;}
.malltcbox .title a,.mallclose{width: 30px;height: 30px;display: block;position: absolute;right:10px;top:10px; background-image: url(../images/close.png);}
.malltcbox .title a:hover,.mallclose:hover{background-position:0 -30px;}
.malltcbox .step1{margin-top: 25px;margin-left: 25px;}
 .malltcbox .step1 td { padding-bottom: 15px;font-size: 16px;}
.malltcbox .step1 i{width: 15px;height: 15px;border-radius: 50%; background:#c50104;display: inline-block;margin-right: 10px; vertical-align: middle; }
.malltcbox .step1 .time{ float: left; color: #888;text-align: center; line-height: 28px; width: 151px;height: 28px; background: #fff;
    border:1px solid #d5d5d5;position: relative; margin-right: 3px; margin-bottom: 10px; cursor: pointer;}
.malltcbox .step1 .on{border:1px solid #970304;color: #333;}
.malltcbox .step1 .gou{width: 20px;height: 24px;background: url(../images/gou.png); position: absolute;right:-10px;bottom: 0;z-index: 5;display: none;}
.malltcbox .step1 .on .gou{display: block;}
.malltcbox .step1 .time img{position:absolute;z-index: 4;top:0px; left:0;}
.paystyle{width: 150px;height: 45px;float: left;border: 1px solid #ddd; margin-right: 3px;position: relative;background: #fff; cursor: pointer; margin-bottom: 10px;}
.malltcbox .sumtip{font-size: 14px;color: #666;}.malltcbox .sumtip a{color: #666;}
.malltcbox .mas-top{padding-left: 86px; line-height: 32px; font-size: 18px; position: relative; border-bottom: 1px dashed #888;width: 650px;margin: 20px auto;padding-bottom:10px;}
.malltcbox .mas-top .img{position:absolute;top:0px;left:10px;width: 60px;height: 60px;}

.malltcbox .iconfont{width: 30px;height: 30px;color: #8d8d8d; font-style:normal; vertical-align: middle; display: inline-block;border:1px solid #dddddd; background: #fff; text-align: center;font-size: 20px;}
.malltcbox .RIA-ipt{width: 70px;height: 30px; border:1px solid #eee; padding-left: 10px;}
.op-input{width: 146px;height: 24px;}
.malltcbox .hui{color:#8d8d8d}.malltcbox .hong{color:#d74343}
.determinebtn{vertical-align: middle;display: inline-block; }
.payinput{width: 180px;height: 28px;border:1px solid #ddd; vertical-align: middle; padding-left: 10px;}
.paddlr{padding: 0 20px;}
.ptopbott{padding: 10px 0;clear: both;}
.disabled{background: #eee;}
.stepbottom{position: absolute;bottom: 0;left: 0; text-align: center;width:100%;}
.stepbottom p{font-size: 12px; color: #999;line-height: 24px;}
.stepbottom .stepbtn{display: inline-block;width: 205px;height: 50px;text-align: center;line-height: 50px; color: #fff; font-size: 28px;}
.stepbottom .btnhui{background: #9c9c9c;}.stepbottom .btnhui:hover{background: #8d8d8d;}
.stepbottom .btnhong{background: #ed5555;}.stepbottom .btnhong:hover{background: #f75e5e;}

.step2{width: 650px;margin: 20px auto;line-height: 36px;}
.malltcbox .gou{width: 30px;height: 30px;vertical-align: middle; margin-right: 10px;}
.step2 h1{position: relative; height: 60px;line-height: 60px; text-align: center;color: #f95959; font-size: 24px;}
.step2 h1 .img{position: absolute;right:0;bottom:-90px;width: 145px;height: 183px;background: url(../images/cg1.png);}
.step2 td{padding: 10px; font-size:16px;line-height:34px;}
.step2 .td-left{vertical-align: top; color: #8d8d8d;font-size:16px;}
.step3{width: 441px;height: 211px;margin: 80px auto; text-align: center;font-size: 24px; line-height: 50px;}
.step4{text-align: center;padding: 20px; line-height: 40px; color: #777;}
.step4 .txt{color: #d10104; font-size: 20px;text-align: left;display: block;}
.step4 .ewm{width: 250px;height: 250px;margin: 10px;}
.step21{text-align: center;}
.step21 h1{position: relative; height: 80px;line-height: 80px; text-align: center;color: #f95959; font-size: 26px; padding-top: 100px;}
.step21 p {text-align: left;padding-left: 250px; }

.malltcbox{height: 560px;width: 780px;border:1px solid #b1b1b1; background:#eee;position: relative;color: #555; font-family: "微软雅黑";text-align:left;}
.malltcbox  h2{color: #d10104; font-size: 20px;text-align: center;padding: 35px 0;}
.malltcbox .text{padding:100px 140px; color: #666; line-height: 42px; font-size: 18px; }
.malltcbox .tip{font-size: 12px; color: red;position: absolute;right:-130px;}

/*input*/
.item-amount{width: 110px; height: 30px;  position: relative; z-index: 1;}
.item-amount a{display: block; height: 28px; width: 30px; border: 1px solid #ccc; background: #f0f0f0; text-align: center; text-decoration: none; line-height: 28px; color: #444; position: absolute; top: 0;}
.item-amount .minus,
.item-amount .no-minus{border-radius: 5px 0 0 5px; left: 0;}
.item-amount .plus,
.item-amount .no-plus{border-radius: 0 5px 5px 0; right: 0;}
.item-amount .no-minus,
.item-amount .no-plus{color: #EAEAEA; border-color: #EAEAEA; background-color: #F7F6F6;}
.item-amount .minus:hover, .item-amount .plus:hover{border-color: #acacac;background-color:#eaeaea;}
.item-amount .no-minus:hover,.item-amount .no-plus:hover{color: #EAEAEA; border-color: #EAEAEA; background-color: #F7F6F6; cursor: default;}
.text-amount{width: 46px; height: 20px; line-height: 20px; border-width: 1px 0; border-style: solid; border-color: #ccc; color: #343434; text-align: center; padding: 4px 0; background-color: #fff; background-position: -75px -375px; position: absolute; z-index: 2; left: 32px; top: 0;}
.xg-recharge-tip {
    font-size: 12px;
    color: #ff3f4d;
    float: left;
    line-height: 32px;
    background: url(../images/gant.png) left center no-repeat;
    padding-left: 18px;
    margin-left: 10px;
}
.color-green {
    color: #bb3029;
}
.f14 {
    font-size: 14px;
}
.bgnone{background: none;}