@charset "utf-8";
/* css sprite */
.backhome, .startBtn, .options, .send_answer, .close_btn_big, .correctIcon, .close_btn_sml, .lookmy, .dobtn{ background: url(../images/jingcai/sprite.png) no-repeat;}

/* page style */
a{ color: #fff;}
a:hover{ color: #ff7500;}
button{ border: none; background: none; outline: none; cursor: pointer;}
.topWrapper{ background: url(../images/jingcai/topHead01.jpg) center no-repeat; height: 551px; min-width: 960px;}
.middleWrapper{ background: url(../images/jingcai/topHead02.jpg) center no-repeat; height: 355px; min-width: 960px;}
.bottomWrapper{ background: url(../images/jingcai/topHead03.jpg) center no-repeat; height: 132px; min-width: 960px;}
.centerContent{ width: 960px; margin: 0 auto; height: 100%; position: relative;}
.backhome{ display: block; width: 149px; height: 47px; position: absolute; right: 0; top: 0;}
/*prize area*/
.prizeArea{ position: absolute; top: 26px; left: 48px; width: 525px;}
.prizeList{}
.prizeList li{ width: 167px; height: 80px; background: #fff; float: left; margin-left: 6px; margin-top: 6px; line-height: 80px; color: #ff7300; text-align: center;}
.prizeList li.none{ background: transparent; font-size: 0; line-height: 0;}
.startBtn{ width: 166px; height: 80px; position: absolute; left: 180px; top: 92px; background-position: 0 -56px; cursor: pointer;}
/*rules area*/
.rulesArea{ color: #fff; width: 330px; position: absolute; right: 18px; top: -20px;}
.topInfo{ clear: both; overflow: hidden;}
.award_l{ width: 170px;}
.chance{ margin-bottom: 20px;}
.count{ margin: 10px; color: #eaff00;}
.awardCount{ margin-bottom: 20px;}
.award_r{ width: 160px; font-size: 16px;}
.nomean{ margin-bottom: 10px;}
.myaward{ width: 96px; height: 36px; text-align: center; line-height: 36px;  background: #ff7500; font-size: 14px; border-radius: 4px; cursor: pointer;}
.ruleInfo{ border-top:1px dashed #fff;}
.ruleInfo_title{ font-size: 26px; font-weight: bold; margin: 15px 0; font-family: "Microsoft YaHei";}
.ruleInfo_p{ font-size: 12px; margin-bottom: 15px; font-family: "Microsoft YaHei";}
.btmrule{ padding-top: 10px; border-top:1px dashed #fff; font-size: 14px; text-align: center; font-family: "Microsoft YaHei";}
/* layer */
.opacityLayer{ display:none; position: fixed; _position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 2;}
.dialog{ display:none; position: fixed; _position: absolute; left: 50%; top: 50%; z-index: 3; font-family: "Microsoft YaHei";}
/* dialog_dati */
.dialog_dati{ width: 468px; height: 326px; margin-left: -234px; margin-top: -163px; background: url(../images/jingcai/window_dati.png) no-repeat;}
.dialog_dati_title{ line-height: 54px; margin-top: 10px; padding-left: 30px;}
.dialog_dati_title b{ font-size: 20px; color: #333; margin-right: 40px;}
.redcol{ color: #cb1c3a;}
.ti{ padding: 5px 20px 20px;}
.ti_title{ font-size: 18px; text-align: center;}
.optionItem{ margin-left: 90px; margin-top: 20px; position: relative; padding-left: 30px;}
.options{ width: 20px; height: 18px; position: absolute; left: 0; top: 2px; background-position: -91px -262px;}
.options.active{ background-position: -67px -262px;}
.tiCon{ font-size: 16px;}
.send_answer{ width: 148px; height: 36px; background-position: 0 -141px; margin: 0 auto; display: block; cursor: pointer;}
.close_btn_big{ background-position: -72px -226px; width: 23px; height: 23px; position: absolute; right: 22px; top: 24px; cursor: pointer;}
.correctIcon{ position: absolute; right: 180px; top: 146px; width: 120px; height: 60px; background-position: 0 -288px;}


/* dialog_timeout */
.dialog_timeout{ background: url(../images/jingcai/window_timeout.png) no-repeat; width: 468px; height: 172px; margin-left: -234px; margin-top: -86px;}
.close_btn_sml{ background-position: -104px -226px; width: 14px; height: 14px; position: absolute; right: 16px; top: 13px; cursor: pointer;}
.dialog_tip{ font-size: 20px; text-align: center;}
.orgCol{ color: #ff7500;}

/* dialog_succ_icon */
.dialog_succ_icon{ background: url(../images/jingcai/window_getIcon.png) no-repeat; width: 468px; height: 216px; margin-left: -234px; margin-top: -108px;}
.getIconWord{ margin-top: 60px;}
.lookmy{ width: 145px; height: 34px; background-position: 0 -183px; margin: 50px auto 0; display: block; cursor: pointer;}
/* dialog_succ_vip */
.dialog_succ_vip{ background: url(../images/jingcai/window_getVIP.png) no-repeat; width: 468px; height: 184px; margin-left: -234px; margin-top: -92px;}
.getVIPWord{ margin-top: 74px;}
/* dialog_sorry */
.dialog_sorry{ background: url(../images/jingcai/window_sorry.png) no-repeat; width: 468px; height: 184px; margin-left: -234px; margin-top: -92px;}
.sorryBtn{ top: 18px;}
/* dialog_myawardList */
.dialog_myawardList{ width: 785px; height: 666px; margin-left: -392px; margin-top: 100px; top: 0;}
.myaward_top{ background: url(../images/jingcai/window_myprize_top.png) no-repeat; height: 73px;}
.myaward_content{ background: url(../images/jingcai/window_myprize_repeat.png); margin-left: -1px; padding: 0 36px;height: 450px;overflow: auto;width: 730px;}
.tit_list{ color: #333; padding-bottom: 20px; border-bottom: 1px dashed #e7e7e7;}
.aw1{ width: 110px;}
.aw2{ width: 36px;}
.aw3{ width: 330px;}
.aw4{ width: 155px;}
.aw5{ width: 66px;}
.dobtn{ width: 60px; height: 25px; background-position: 0 -225px; color: #fff;display: block;}
.dobtn.visited{ background-position: 0 -263px; color: #ff7500; cursor: default;}
.dobtn.visited:hover{ background-position: 0 -263px; color: #ff7500;}
.dobtn:hover{ background-position: 0 -263px; color: #ff7500;}
.dobtn.ended{ background-position: 0 -357px; color: #a8a8a8;}
.dobtn.ended:hover{ background-position: 0 -357px; color: #a8a8a8;}
.tit_list p{ float: left; text-align: center;}
.tit_list p.aw1{ text-align: left;}
.aw_list{}
.mylist{ border-top: 1px dashed #fff; border-bottom: 1px dashed #dedede; font-size: 14px;}
.mylist li{ margin: 15px 0; float: left; text-align: center; color: #606060;}
.mylist li.aw1{ text-align: left;}

.ch1{ font-size: 18px; color: #333;margin-top: 60px;text-align: center;}
.ch2{ font-size: 14px; color: #333; margin-top: 20px;text-align: center;}


.myaward_bottom{ background: url(../images/jingcai/window_myprize_bottom.png) no-repeat; height: 44px; margin-left: -1px;}
#getvip{ z-index: 100;}
#geticon{ z-index: 100;}

.wrap{ margin-top: -100px; color: #fff;}