/* 全局重置和基础样式 */
* { 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: url(../images/bg.jpg) top center no-repeat  #e9301e; 

    text-align: center; /* 确保IE6中内容居中 */
}
a { text-decoration: none; color: #06c; }
a:hover { text-decoration: underline; }

.clearfix { *zoom: 1; }

/* 主容器 1000px 居中 */
.main-wrapper { width: 1000px; margin: 20px auto; padding-top:250px;  }

/* 顶部 Banner */
.banner { height: 120px; background-color: #e53935; text-align: center; color: #fff; padding-top: 30px; }
.banner h1 { font-size: 32px; margin-bottom: 10px; }
.banner p { font-size: 14px; opacity: 0.9; filter: alpha(opacity=90); }

/* 用户信息区 */
.user-panel { padding: 15px;  height: 100px;  background: #fdf1bf;border-radius: 10px;}
.user-avatar { float: left; border-radius: 50%; width: 100px; height: 100px; overflow: hidden; background: #e5d2d2; color: #fff; line-height: 50px; text-align: center; font-size: 24px; *margin-right: 10px; }
.user-avatar img{width: 100px;}
.user-info { float: left; margin-left: 10px; width: 250px;text-align:left;padding-top:10px; line-height:40px; }
.user-center { float: left; font-size: 14px; width: 350px; text-align: center; line-height:22px; padding-top:10px }
.user-center .val { color: #e53935; font-size: 24px; font-weight: bold; }
.user-btns { float: right; width: 150px; text-align: right; }
.btn-small { display: block; border-radius: 5px; width: 120px;height: 40px; color: #fff;text-align: center; line-height: 40px; text-decoration: none; margin-left: 5px; *display: inline; *zoom: 1; }
.btn-red { background: #e53935; margin-bottom:20px; }
.btn-gold { background: #f9a825; }

/* 广播公告 */
.broadcast { margin:15px 0; background: #ec352f;  border-radius: 10px; border: 1px solid #f7ac99; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; }
.broadcast ul{height: 32px;overflow: hidden;width:10000px;}
.broadcast li{float: left; padding-left: 20px;}
/* 兑换专区 */
.section-title { height: 70px; background: url(../images/btbg.png);position: relative;}
.section-title .zs1{width: 86px;height: 217px;background: url(../images/zs2.png);display: block; position: absolute;right:-62px;top:115px; z-index: 2}
.section-title .zs2{width: 86px;height: 217px;background: url(../images/zs1.png);display: block; position: absolute;left:-62px;top:115px; z-index: 2}
.section-title a{font-size: 14px;font-weight: bold; padding: 5px 10px; color: #f9df7b; display: block; position: absolute;right:10px;top:20px;background: #d21318;border-radius: 5px; }
.gift-list {border-radius: 30px;width: 1000px;border:1px solid #f9eac1;padding-bottom:30px; }
.gift-item { float: left; background: #fff; width: 228px; margin: 10px; border-radius: 10px; border: 1px solid #eee; padding-bottom: 15px; text-align: center; position: relative; }
.gift-img { width: 120px; height: 120px; background: #fff2f2; margin: 15px auto; line-height: 120px; color: #ffab91; }
.gift-img img { max-width:100%;max-height:100%; }
.gift-name { font-weight: bold; margin-bottom: 5px; }
.gift-price { color: #e53935; margin-bottom: 5px;    font-weight: 600;font-size: 14px; }
.gift-stock { color: #666; font-size: 11px; margin-bottom: 10px; }
.btn-exchange { display: block; border-radius: 5px; width: 180px; height: 30px; line-height: 30px; background: #e53935; color: #fff; text-decoration: none; margin: 0 auto; }
.btn-soldout { background: #ccc; cursor: default; }
.tag-stock { position: absolute; right: 3px; top:5px; background: #f9a825; color: #333; padding: 2px 5px; font-size: 12px; }

/* 排行榜区域 */
.rank-container { background:url(../images/xh.jpg) repeat-y;border-radius:30px; margin-top:20px; padding-bottom:30px; }
.rank-container .phb-title{width: 1000px;height: 70px;background: url(../images/phbbt.png);}
.rank-box { float: left; width: 450px; margin-left: 23px; border: 1px solid #eee; background: #fff; border-radius: 10px;}
.rank-header { padding: 10px; border-bottom: 1px solid #eee; background: #fcfcfc;position: relative;}
.rank-header i{width: 211px;height: 206px;background: url(../images/long.png);display: block; position: absolute;left:-75px;top:-105px; z-index: 2}
.rank-header h3 { float: left; color: #e53935;font-weight:bold; }
.rank-header .more { float: right; color: #999; text-decoration: none; padding: 3px 10px;font-size: 12px;background: #f24e07; border-radius: 5px;color: #fff; }
.rank-table { width: 100%; border-collapse: collapse; }
.rank-table th { padding: 10px; color: #999; font-weight: normal; border-bottom: 1px solid #f5f5f5; }
.rank-table td { padding: 10px; text-align: center; border-bottom: 1px solid #f5f5f5; }
.rank-num { display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #eee; *display: inline; *zoom: 1; }
.top-1 { background: #d21318; color: #fff; }
.top-2 { background: #ff6000; color: #fff; }
.top-3 { background: #fcff00; color: #333; }
.my-rank { background: #fff2f2; padding: 10px; color: #e53935; font-size: 14px; }

/* 分页 */
.pagination { text-align: center; padding: 20px 0; }
.page-item { display: inline-block; padding: 5px 10px; border: 1px solid #eee; margin: 0 2px; text-decoration: none; color: #666; *display: inline; *zoom: 1; }
.page-active { background: #e53935; color: #fff; border-color: #e53935; }

/* 弹窗 */
.modal {  width: 885px; height: 550px; background:url(../images/pop.png); position: relative;text-align: left; }
.modal-close { position: absolute;width: 38px;height: 38px; background:url(../images/xx.png); top: 10px; right: 10px;  cursor: pointer; }
.modal-close:hover{background-position: 0 -40px;}
.modal h2{font-size: 24px; font-weight: bold; color: #e53935; padding-top: 135px; text-align: center;padding-bottom: 10px;}
.modal .modal-content{width: 645px;height: 340px;font-size: 16px; color: #666; padding-left: 120px; line-height: 30px; overflow-y: auto; overflow-x: hidden;}

.modal .table{width: 650px;display: table; font-size: 14px;}
.modal .table td{border:1px solid #ddd; padding: 10px;}
.modal .tab-l{text-align: center; font-weight: bold;}
.modal .tab2 td{border:0px; border-bottom: 1px dashed #ddd;font-size: 14px;}

.pop2{width: 343px;height: 244px;background:url(../images/pop2.png);position: relative; }
.pop2 .cont{width: 263px;height: 90px; margin: 0 auto; padding-top: 10px;text-align: center; line-height: 28px;}
.pop2 .queding{display: block; border-radius: 5px; width: 180px; height: 30px; line-height: 30px; background: #e53935; color: #fff; text-decoration: none; margin: 0 auto;}
.pop2 .queding:hover{background: #d43530;}
.pop2 h3{padding-top: 20px; color:#d43530; height: 40px; line-height: 40px;}
.bottom{text-align: center;font-size: 12px;color: #fff; padding: 10px 0;}.bottom a{color: #fff;}
.bgnone {
    background: none;
}