@charset "UTF-8";
/**
 * 七夕节活动 样式
 * @authors guotong
 * @date    2015-08-06 10:08:41
 */

body{font-family: "Microsoft YaHei";background-color:#190544}
a{text-decoration:none}
/*头部*/
.sdhead{width:100%;min-width:960px;height:856px;background:url("../images/qx2015/head-bg.jpg") no-repeat center;padding-top:1px;}
.sdheadInner{position:relative;height:524px;width:960px;margin:0 auto}
	/*返回*/
.backIndex{position:absolute;top:0;width:137px;height:36px;background:url("../images/qx2015/backindex.png") no-repeat;right:85px;}
.backindexbtn{display:block;width:100%;height:100%;line-height:36px;font-size:14px;text-align:center;color:#ffffff}
.backindexbtn:hover{color:#fffc26}
	/*积分*/
.sdhead .sdheadInner .jfbar{ position: absolute; width:531px;height:52px;background:url("../images/qx2015/jfbar.png") no-repeat;top:300px;left:215px;}
.sdhead .sdheadInner .jfbar .myscoreArea{float:left;_display:inline;height:50px;width:210px;margin-left:40px; }
.sdhead .sdheadInner .jfbar .my{float:left;_display:inline;margin-left:50px;margin-top:14px;font-size:18px;color:#fff727}
.sdhead .sdheadInner .jfbar .scoret{float:left;_display:inline;margin-top:14px;font-size:18px;color:#fff844}
.sdhead .sdheadInner .jfbar .jf-btn{_display:inline;margin-top:8px;height:34px; margin-right: 8px; line-height: 34px; text-align: center; font-size: 18px; color: #b30ef2; width: 98px; float: left; background: url("../images/qx2015/jf-btn-bg.png") no-repeat;}
.sdhead .sdheadInner .jfbar .jf-btn:hover{background:url("../images/qx2015/jf-btn-hover.png") no-repeat;}
 	/*签到*/
.sdhead .sdheadInner .sign-in-box { position: absolute; top: 50px; right: 40px; background:url("../images/qx2015/signbg.jpg") no-repeat; width: 233px;height:177px;}
.sdhead .sdheadInner .sign-in-box .date { font-size: 18px; color: #fffef7; text-align: center; height: 30px; line-height: 30px; margin-top: 12px;}
.sdhead .sdheadInner .sign-in-box .sign-in-time { margin-top:6px;font-size: 22px; color: #fff; height: 35px; text-align: center; /*font-style: italic; */line-height: 35px;}
.sdhead .sdheadInner .sign-in-box .sign-in-time span { color: #ffde00; padding: 0 10px; font-size: 30px;font-weight:bold;}
.sdhead .sdheadInner .sign-in-box .sign-in-num-p { height: 28px; line-height: 28px; font-size: 14px; text-align: center; color: #fff;}
.sdhead .sdheadInner .sign-in-box .sign-in-num-p span { color: #ffde00; padding: 0 5px; font-size: 14px;}
.sdhead .sdheadInner .sign-in-btn-wrap {margin:9px 0; height: 46px;}
.sdhead .sdheadInner .sign-in-btn-wrap a.sign-in-btn { display: block; margin: 0 auto;width: 136px;height:46px;background:url("../images/qx2015/signbtn.png") no-repeat; }
.sdhead .sdheadInner .sign-in-btn-wrap a.sign-in-ed { display: block;  margin: 0 auto;width: 136px; background: url("../images/qx2015/signbtnEnd.png")  no-repeat;  height: 46px;}
.sdhead .sdheadInner .sign-in-btn-wrap a.sign-in-no { display: block;  margin: 0 auto;width: 136px;  background: url("../images/qx2015/signbtnNo.png")  no-repeat;  height: 46px; }
.sdhead .sdheadInner .sign-in-btn-wrap a.sign-in-btn:hover { background: url("../images/qx2015/signbtnHover.png") no-repeat;}
	/*活动*/
.notice{background: url("../images/qx2015/notice.gif") no-repeat; width: 191px; height: 60px; position: absolute; top: 363px; left: 400px; }
.activeArea{ position: absolute; top: 420px; left: 200px; } 
.activeArea .actbtnArea{ height: 178px; }
.activeArea .actbtnArea .actboxs{ float: left; height: 178px; width: 191px;}
.activeArea .actbtnArea .actboxs a{ height: 178px; width: 191px;}
.activeArea .actbtnArea .actboxs .actbox1{ display: block; background: url("../images/qx2015/box1.jpg") no-repeat; }
.activeArea .actbtnArea .actboxs .actbox2{ display: block; background: url("../images/qx2015/box2.jpg") no-repeat; }
.activeArea .actbtnArea .actboxs .actbox3{ display: block; background: url("../images/qx2015/box3.jpg") no-repeat; }
/*内容部分*/
.contentWrapInner{width:960px;margin:0 auto; height: 600px; position: relative; padding-top: 1px;}
	/*奖品*/
.awardWrap{ position: absolute; width:544px;background:url("../images/qx2015/awardbg.jpg") no-repeat; left: 0; height:362px; top:-80px;}
.awardArea{float:left;_display:inline;width:560px;height:429px;}
.award-list { width: 430px; margin-top:65px;margin-left: 95px; overflow: hidden;}
.award-list li { float: left;_display:inline; width: 77px; height: 130px; margin: 0 8px 18px 0;}
.award-list li p { width: 100%; text-align: center; line-height: 18px; font-size: 14px; color: #ffffff; margin-top: 4px;}
	/*获奖信息*/
.awards-msg { position: absolute; width: 399px; height: 362px;background:url("../images/qx2015/msgbg.jpg") no-repeat;right:0;top:-80px;}
.awards-msg-box { width: 100%; height: 280px; position: relative; margin-top: 60px; overflow: hidden; }
.awards-msg .awards-msg-list { width: 65%; height: auto; position: absolute; right: 10%; top: 0; }
.awards-msg-list li { height: 42px; line-height: 42px; font-size: 14px; color: #fff;border-bottom:1px solid #6a6cc8;padding-left:5px;}
.awards-msg-list li .userName { float: left; width: 100px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.awards-msg-list li .huode{margin-left:15px}
.awards-msg-list li .awardName { margin-left: 15px; width: 99px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
	/*规则*/
.gzWrap{ position: absolute; width:1052px;height:282px;left:-46px; top:300px;background:url("../images/qx2015/gzbg.png") no-repeat;}
.ruleleft{float:left;_display:inline;margin-left:160px;margin-top:35px;width:350px;height:155px;padding-right:40px;}
.ruleleft p{font-size:16px;color:#ffffff;padding-top:15px;line-height:25px;}
.ycolor{color:#fcff27}
.roomid{color:#f5b800}
.roomid:hover{color:#fcff27}
.ruleright{float:left;_display:inline;margin-left:38px;margin-top:35px;width:360px;height:155px;}
.ruleright p{font-size:16px;color:#ffffff;padding-top:15px;line-height:25px;}
.rulebottom { width: 335px; float: left;_display:inline; margin-top: 30px; margin-left: 400px; height: 35px; }
.rulebottom p{ line-height: 35px; color:#fcff27; font-size:18px; }

.l24{margin-left:24px;}
.l18{margin-left:16px}


/* popup */
.popup-wrap { width: 100%; height: 100%; position: fixed;  top: 0; left: 0; background: #000; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50);  z-index: 90; zoom: 1; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 0)); /*IE6 动态设置相对底部位置*/ 
}

/*  singIn popup */
.sign-in { width: 347px; position: absolute; top:275px; left: 50%; margin-left: 145px;z-index: 100; }
.sign-in-header { width: 92%; height: 50px; background: #8163f0; padding: 0 4%; border-radius: 10px; position: relative;}
.sign-in-header p { font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 40px;}
.sign-in-header p span { font-size: 18px; color: #ffde00; padding: 0 4px;}
.sign-in-header .angle { width: 15px; height: 10px; background: url("../images/qx2015/angle.png") no-repeat; position: absolute; top: -10px; left: 50%; z-index: 10;}
.sign-in-container { width: 92%; height: 160px; background: #f3f1ff; padding: 0 4%; margin-top: -10px; position: relative; z-index: 20;}
.sign-in-container dl { overflow: hidden; width: 100%;}
.sign-in-container dl dd { display: block; float: left; width: 100%;}
.sign-in-container dl dd p { float: left; width: 43px; height: 36px; font-size: 12px; text-align: center; padding: 1px;}
.sign-in-container dl dd p span {padding:1px 3px;display:inline-block; }
.sign-in-container dl dd.table-title p { height: 40px; line-height: 40px; font-size:  16px; color:  #333333; }
.sign-in-container dl dd p.show-able { color: #555;}
.sign-in-container dl dd p.show-disable { color: #ccc;}
.sign-in-container dl dd p.sign-in-state { background: #f3f1ff url("../images/dw2015/sign-in-state.png") center 21px no-repeat;}
.sign-in-container dl dd p.sign-tody span {background:#ff7b2d;color:#fff;} 
.sign-in-footer { width: 100%; height: 130px; background: #f3f1ff; overflow: hidden; margin-top: -10px; border-radius: 10px; }
.sign-in-footer h3 { width: 100%; height: 30px; line-height: 30px; margin-top: 10px; font-size: 14px; color: #fff; text-indent: 30px; background: #8163f0 url("../images/dw2015/btn.png") 10px no-repeat;}
.sign-in-list { width: 110%; height: 24px; overflow: hidden; margin-left: 20px;}
.sign-in-list li { width: 54px; float: left; height: 24px; line-height: 24px; font-size: 12px;}
.sign-state li .timers { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #fff000; color: #dd520d; border-radius: 12px;}
.sign-state li .state { width: 26px; height: 5px; float: left; border: 2px solid #fff000; margin-top: 8px; zoom: 1;}
.sign-state li .curent1 { background: #f00; color: #fff;}
.sign-state li .curent2 { border: 0px solid #f00; background: #f00; width: 30px; margin-top: 9px;}
.sign-label { margin-left: 12px;}
.sing-tiansu { margin-left: 23px;}

/* my goods popup */
.my-goods-popup { display: none; width: 960px; height: 610px; background: #f3f1ff; border-radius: 15px; position: fixed;  top: 50%; left: 50%; margin: -305px 0 0 -480px; z-index: 100;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.close-wrap { width: 100%; height: 51px; margin: 10px 0 0 0;}
.close-wrap a { float: right; width: 51px; height: 51px; margin-right: 20px; background: url("../images/dw2015/close-wrap.png");}
.close-wrap a:hover { background: url("../images/dw2015/close-wrap-h.png");}
.my-goods-popup h2 { height: 30px; line-height: 30px; background: url("../images/qx2015/my-goods-title-bg.png") left no-repeat; font-size: 24px; color: #7763f0; margin-left: 60px; padding-left: 30px;}
.my-goods-box { width: 800px; margin: 0 auto;}
.my-awards-msg { width: 100%; height: 45px; line-height: 45px; border-bottom: 1px dashed #b2b6ac; font-size: 14px;}
.my-awards-msg label,.my-goods-list ul li label { color: #333;}
.my-awards-msg span, .my-goods-list ul li span { color: #de6129; padding-right: 20px;}
.my-awards-msg a { padding-left: 25px; color: #333; background: url("../images/dw2015/re-btn-bg.png") left no-repeat;}
.my-awards-msg a:hover { color: #de6129; text-decoration: underline;}
.my-goods-list { width: 100%; overflow: hidden; margin: 10px 0;}
.list-flage { display: block; float: left; width: 110px; line-height: 30px; font-size: 14px; color: #7763f0;}
.my-goods-list ul { display: block; float: left; width: 680px; overflow: hidden; max-height: 115px; }
.my-goods-list ul li { float: left; line-height: 30px; font-size: 14px;}
.award-list-box { width: 100%; margin-top: 10px;}
.award-list-box dl { display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.award-list-box dl dd { overflow: hidden;}
.award-list-box dl dd span { font-size: 14px; color: #333; float: left; text-align: center;}
.award-list-box .award-list-title { background: #e4e2ff;}
.award-list-box dl dd .award-name { width: 150px;}
.award-list-box dl dd .award-num { width: 30px;}
.award-list-box dl dd .award-user-date { width: 330px;}
.award-list-box dl dd .award-auth-code { width: 140px; height: 40px;}
.award-list-box dl dd .award-operation { width: 150px;}
.my-award-list { width: 100%; overflow: hidden; margin-top: 20px;}
.my-award-list dl { border-bottom: 1px solid #dad8f9; color: #666;}
.my-award-list dl:hover { background: #e4e2ff; color: #333;}
.my-award-list dl a { float: left; width: 96px; height: 32px; line-height: 28px; font-size: 14px; text-align: center; color: #fff; margin: 4px 0 0 30px;  background: url("../images/qx2015/award-btn-bg.png") no-repeat;}
.my-award-list dl a.use-my-award:hover{ background: url("../images/qx2015/award-btn-bg-h.png") no-repeat;}
.my-award-list dl a.buy-lianghao:hover{ background: url("../images/qx2015/award-btn-bg-h.png") no-repeat;}
.my-award-list dl a.user-end { cursor: default; background: url("../images/qx2015/award-btn-bg-end.png") no-repeat;}
.no-award-tips { width: 100%; height: 100px; line-height: 100px; font-size: 22px; color: #666; text-align: center; background: url("../images/dw2015/no-award.png") 115px center no-repeat;}

/*分页组件样式*/
.zt-page-content { width: 100%; height: 28px; margin: 20px 0; font-size: 14px;}
.zt-page-control, .zt-page-wrapper { position: relative; height: 100%; float: left; _display: inline;}
.zt-page-wrapper { left: 50%;}
.zt-page-control { left: -50%; height: 28px;} 		/* 让内容居中 */
.zt-page-control a { float: left; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #666; /*margin: 0 3px;*/}
.zt-page-control a.zt-page-item:hover, .zt-page-control a.current {  background-color:#7d6af1 ; color:#fff; cursor: pointer;}
.zt-page-control ul { float: left;_display:inline; display: block; width: auto; height: 28px;}
.zt-page-control ul li { float: left;_display:inline; height: 28px; line-height: 28px;margin:0 4px;cursor: pointer;background-color:#e4e2ff}
.zt-page-control ul li:hover{color:#888888;background-color:#e0e0e0}
.zt-page-control a.zt-page-point { width: 27px; height: 28px; background: url('../images/dw2015/page-point-bg.png') no-repeat center center; display: none;}
.zt-page-btn-prev{float:left;_display:inline;background-color:#e4e2ff;color:#7763f0;margin-right:4px;cursor: pointer;font-weight: bold;}
.zt-page-btn-next{float:left;_display:inline;color:#7763f0;margin-left:4px;cursor: pointer;background-color: #e4e2ff; font-weight: bold;}
.zt-page-item-first{margin-left:4px;background-color:#e4e2ff;}
.zt-page-item-last{margin-right:4px;background-color:#e4e2ff;}

/* integral-rule-popup */
.integral-rule-popup { width: 960px; height: 500px; background: #f3f1ff; border-radius: 15px; position: fixed;  top: 50%; left: 50%; margin: -280px 0 0 -480px; z-index: 100; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.integral-rule-popup h2 { height: 30px; line-height: 30px; font-size: 24px; color: #7763f0; margin-left: 48px; padding-left: 30px; background: url("../images/qx2015/star.png") left no-repeat;}
.integral-rule-popup p { font-size: 14px; color: #666; width: 830px; padding-left: 10px; margin: 0 auto; line-height: 30px; margin-top: 22px; position: relative;}
.integral-rule-popup p span { color: #7763f0; position: absolute; left: -10px;}
.integral-rule-popup .ir-heade { width: 840px; height: 100px; margin: 20px auto; border-bottom: 1px dashed #333; }
.integral-rule-popup .ir-heade p { margin-top: 22px;}

/* tips popup */
.tips-popup { width: 330px; height: 190px; background: #e9feff; border-radius: 10px; position: fixed;  top: 50%; left: 50%; margin: -95px 0 0 -160px; z-index: 100; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.tips-popup-head { width: 100%; height: 50px; line-height: 40px; background: #e8990f; border-radius: 10px; }
.tips-popup-head a { float: right; width: 34px; height: 34px; margin: 3px; background: url("../images/dw2015/close-wrap-s.png");}
.tips-popup-head a:hover { background: url("../images/dw2015/close-wrap-s-h.png");}
.tips-popup-head label { font-size: 18px; color: #fff; padding-left: 15px;}

.tips-popup-cont { width: 100%; height: 110px; margin-top: -10px; overflow: hidden; background: #e9feff;}
.tips-popup-cont h4 { width: 100%; height: 30px; line-height: 30px; margin-top: 20px; font-size: 18px;color: #666666; text-align: center;}
.tips-popup-cont h4.curent { width: 100%; line-height: 55px; font-size: 22px; color: #de6129; text-align: center; margin: 15px 0;}
.tips-popup-cont p.curent { width: 100%; height: 40px; line-height: 30px; margin-top: 10px; font-size: 16px; color: #666; text-align: center;}
.tips-popup-cont p { width: 100%; line-height: 22px; font-size: 22px; text-align: center; color: #333; }
.tips-popup-cont p.one { line-height: 130px; color: #666;;}
.tips-popup-cont h4 span.three { font-weight: normal; display: inline-block; font-size: 20px; margin: 0 10px; color: #de6129; }
.tips-popup-cont p.four { font-size: 16px; color: #666; margin: 10px 0;}

.tips-awars-footer { width: 100%; height: 50px; border-radius: 10px;}
.tips-awars-footer p { display: block; width: auto; margin: 0 auto; height: 33px; text-align: center;}
.tips-awars-footer a.btn { display: inline-block; width: 96px; height: 32px; line-height: 28px; text-align: center; font-size: 14px;  background: url("../images/qx2015/award-btn-bg.png");  color: #fff; }
.tips-awars-footer a { font-size: 16px; color: #de6129;}
.tips-awars-footer a.last { margin-left: 20px;}
.tips-awars-footer a.btn:hover { background: url("../images/qx2015/award-btn-bg-h.png");}
/*小弹窗*/
.sm-popup { width: 330px; height: 110px; background: #e8990f; border-radius: 10px; position: fixed;  top: 50%; left: 50%; margin: -95px 0 0 -160px; z-index: 999;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400));
	display: none; /*IE6 动态设置相对底部位置*/ 
}

/*share bar*/
.shareTop{ width: 40px; position: fixed; right: 0; bottom: 150px; z-index: 500; }
.shareTop{ _position: absolute; _bottom: auto; _margin-bottom:150px;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,.shareTop .bdshare_b a.img,.shareTop .tecentWeibo a{ background: url(../images/qx2015/siderShare.png) no-repeat center; width: 80px; height: 273px; }
.shareTop a.top{ display: block; background-position: 0 0; width: 36px; height: 36px; }
.shareTop a.top:hover{ background-position: -50px 0; }
.shareTop .bdshare_b a.img{ display: block; background-position: 0 -50px; width: 36px; height: 76px; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: -50px -50px; }
.shareTop .tecentWeibo a{ display: block; background-position: 0 -140px; width: 36px; height: 174px; margin-top: 10px; }
.shareTop .tecentWeibo a:hover{ background-position: -50px -140px; }


#footer_link_info a{color:#fff}
#footer_link_info a:hover{color:#fff}
#footer_link_info p{color:#fff}