.scratch-bg { width: 100%; height: 100%; }
.scratch-img { position: absolute; top: 0; left: 0; z-index: 0; }
.scratch-state-0 { background: url(../images/shaveDo.png) no-repeat 0 0; background-size:100% 100%;position: absolute;z-index:2;width:522px;height:310px;}
.scratch-w { position: relative; top: 0; left: 0; z-index: 1; }
.scratch-area { position: relative; margin: 0 5% 0;}

.scratch-t {text-align:center;}
.scratch-t span {font-family: "黑体";font-size: 30px;color: #fff;text-align: center;}
.scratch-t span.record { padding-left: 50px; text-decoration: underline; font-size:20px; }
.scratch-t span i {font-family: "黑体";font-size: 30px;color: #ffde01; } 

.shaveCard{position: absolute;top: 50%;left: 50%;margin-top: -200px;width: 90%;height: 400px;background: url(../images/shaveBg.jpg) no-repeat;background-size: 100% 100%;}
.shaveCard .title{padding: 16px 0 0 20px;font-family: "黑体";font-size: 30px;color: #fff;text-align: center;}
.shaveCard .title label{font-family: "黑体";font-size: 36px;color: #ffd948;}
.shaveCard .record{font-size: 20px;text-decoration:underline;}
.shavePlace{position: relative;width: 90%;height: 310px;margin: auto;}
/* .shavePlace .shaveDo{position: relative;z-index:5;width: 100%;height: 100%;opacity: 1;-webkit-transition:opacity .5s;-ms-transition:opacity .5s;-moz-transition:opacity .5s;} */
.shavePlace .shaveDo{position: absolute;z-index:2;width: 100%;height: 100%;}
.shavePlace .shaveOther,.shavePlace .success{position: absolute;z-index:2;width: 100%;height: 100%;background: #fff;}
.shavePlace .shaveOther .tipOne{padding-top: 80px;text-align: center;font-family: "黑体";font-size: 26px;}
.shavePlace .shaveOther .tipTwo{padding-top: 30px;text-align: center;font-family: "黑体";font-size: 24px;color: #666;}
.shavePlace .shaveOther .actionArea{margin-top: 50px;text-align: center;}
.shavePlace .shaveOther .action{display: inline-block;width: 150px;height: 48px;line-height: 48px;color: #fff;text-align: center;cursor: pointer;font-family: "黑体";font-size: 30px}
.shavePlace .noShave{position: absolute;z-index:6;width: 100%;height: 100%;}
.shavePlace .noShave .tipOne,.shavePlace .noShave .tipTwo{color: #fff;text-align: center;}
.shavePlace .noShave .tipOne{font-size: 26px;padding-top: 90px;}
.shavePlace .noShave .tipTwo{font-size: 24px;padding-top: 40px;}
.success img{width: 100%;height:100%;}
.bgBlue{background: #07a2dc;}
.bgOrange{background: #ff6600;}
.cRed{color: #fe0005;}
/*.noOp{opacity: 0 !important;}*/
.mt10{margin-bottom:20px;}
/**弹出框**/
.info-area{
    position: absolute;
    padding:20px 25px;
    width: 80%;
    margin: 0 10%;
    background-color: #fff;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.info-area .close:after{content: "\2715";position: absolute;top:5px;right: 8px;color: #07a2dc;font-weight: bold;}
.info-area .tipOne{padding-top: 20px;text-align: center;font-family: "黑体";font-size: 13px;font-weight: bold;}
.info-area .tipTwo{padding-top: 20px;text-align: center;font-family: "黑体";font-size: 13px;color: #666;}
.info-area .tipThree{padding-top: 20px;text-align: center;font-family: "黑体";font-size: 13px;color: #666;}
.info-area .tipInfo{padding-top: 10px;font-family: "黑体";font-size: 12px;color: #666;}
.info-area .actionArea{margin-top: 35px;text-align: center;}
.info-area .action{display: inline-block;width: 75px;height: 24px;line-height: 24px;color: #fff;text-align: center;cursor: pointer;font-family: "黑体";font-size: 15px}
.info-area .bottomImg{position: absolute;left: 0;bottom: -18px;width: 100%;height:18px;}
.fill-form{margin-top: 15px;overflow:hidden;}
.fill-form dl{width:100%;overflow:hidden;}
.fill-form dt{float:left;width:70px;line-height:30px;text-align:right;font-size:13px;font-family: "黑体";color: #666;}
.fill-form dd{margin-left:70px;}
.fill-form dd .select-w{float:left;width:100%;margin-bottom: 10px;}
.fill-form .select-style{font-size:13px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.fill-form .input-style{font-size:13px;}
/* 2015-05-05 */
.record{cursor: url(../images/scratch_hand.png), default;}
.lotteryEditLabel{margin-left:70px;}
.simpleColor{border: 1px solid black; width: 55px; height: 16px; cursor: pointer; color: white; text-align: center; background-color: #fff;}
.simpleColorContainer{display:inline-block;}
.shavePlace .shaveOther,.shavePlace .reduceError{position: absolute;z-index:2;width: 100%;height: 100%;background: #fff;}