/*刮刮乐 BEGIN*/
.scratch-bg { width: 374px; height: 257px; }
.scratch-img { position: absolute; top: 0; left: 0; z-index: 0; }
.scratch-w { position: relative; top: 0; left: 0; z-index: 1; }
.scratch-area { position: relative; margin: 0 6% 0; width: 88%; height: 200px; }
.scratch-area.scratch-cursor { cursor: url(../images/scratch_hand.png), default; }
.scratch-msg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 6; }
.scratch-msg span { color: #fff; display: block; text-align: center; font-weight: bold; }
.scratch-msg span.msg-l1 { font-size: 18px; margin-top: 55px; }
.scratch-msg span.msg-l2 { font-size: 16px; margin-top: 25px; }
.scratch-result { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: #f2f2f2; text-align: center; }
.scratch-result img { width: 100%; height: 100%; }
.scratch-result h4 {font-size: 16px; font-weight: bold; }
.scratch-result p.info { margin-top: 20px; font-size: 14px; }
.scratch-result .scratch-btn { display: inline-block; color: #fff; background-color: #07a2dc; padding: 2px 10px; margin: 25px auto 0; font-size: 16px; border-radius: 3px; cursor: pointer; }
.scratch-result-w { position: relative; top: 50%; left: 0; }
.scratch-next-chance .scratch-result-w{margin-top: -56px;}
.scratch-chance-out .scratch-result-w{margin-top: -30px;}
.scratch-area-cav { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -moz-transition: opacity 1s; }
.scratch-area-cav.noOp { opacity: 0 !important; }
.scratch-state-0 { background: url(../images/scratch_area_s0.jpg) no-repeat 0 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.scratch-state-1 { background: url(../images/scratch_area_s1.png) no-repeat 0 0; background-size: 100% width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
.scratch-state-2 { background: url(../images/scratch_area_s2.png) no-repeat 0 0; background-size: 100% width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
.scratch-state-3 { background: url(../images/scratch_area_s3.png) no-repeat 0 0; background-size: 100% width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.scratch-t {text-align:center;}
.scratch-t span { color: #fff; font-size: 24px; line-height: 30px; height: 30px; display: inline-block; padding-left: 3%; }
.scratch-t span.record { padding-left: 0; text-decoration: underline; float: right; padding-right: 6%; }
.scratch-t span i { color: #ffde01; font-size: 24px; font-style: normal; }
/*弹出层*/
.scratch-popup { display: none; position: fixed; top: 150px; left: 50%; margin-left: -171px; z-index: 9999; background: url(../images/scratch-popup-bg.png) 0 0 no-repeat; width: 342px; height: 250px; text-align: center; }

.scratch-popup.scratch-record { background: #fff; width: 344px; height: auto; padding: 12px; margin-left: -184px; }
.scratch-popup.scratch-record h5 { height: 40px; line-height: 40px; text-align: left; color: #07a2dc; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ddd; }
.scratch-popup.scratch-record ul { margin-bottom: 10px; }
.scratch-popup.scratch-record li { overflow: hidden; }
.scratch-popup.scratch-record li span { text-align: center; float: left; padding-top: 12px; }
.scratch-popup.scratch-record li.t span { padding-top: 16px; font-size: 12px; font-weight: bold; }
.scratch-popup.scratch-record li span.number { width: 35%; }
.scratch-popup.scratch-record li span.date { width: 38%; }
.scratch-popup.scratch-record li span.result { width: 25%; }

.scratch-popup.bg2 { background: url(../images/scratch-popup-bg2.png) 0 0 no-repeat; width: 381px; height: 400px; margin-left: -191px; }
.scratch-popup.bg2 h4 { padding-top: 25px; margin-bottom: 10px; }
.scratch-popup.bg2 .scratch-btn { margin-top: 10px; }
.scratch-popup p { padding: 0 15px; margin-top: 15px; font-size: 13px; }
.scratch-popup h4 { padding-top: 40px; font-size: 16px; font-weight: bold; }
.scratch-popup h4.cRed { color: #cc323c }
.scratch-popup .scratch-btn { display: inline-block; color: #fff; background-color: #07a2dc; padding: 2px 10px; margin: 20px auto 0; font-size: 16px; border-radius: 3px; cursor: pointer; }
.scratch-popup .close { position: absolute; width: 16px; height: 16px; top: 15px; right: 15px; background: url(../images/scratch-popup-close.png) no-repeat 0 0; cursor: pointer; }
.scratch-popup .form { width: 86%; padding: 0 7%; overflow: hidden; text-align: left; font-size: 12px; }
.scratch-popup .form p { float: left; margin-top: 0; margin-bottom: 10px; padding-left: 0; }
.scratch-popup .form ul { overflow: hidden; float: left; width: 100%; margin-bottom: 10px; }
.scratch-popup .form ul li { float: left; }
.scratch-popup .form ul li select { font-size: 12px; border: 1px solid #bbb; margin-right: 3px; height: 25px; line-height: 25px; width: 80px; }
.scratch-popup .form ul li input { float: left; margin-right: 5px; color: #999; width: 165px; border: 1px solid #bbb; height: 25px; line-height: 25px; padding-left: 5px; }
.scratch-popup .form ul li input.cB { color: #333; }
.scratch-popup .form ul li.left { height: 25px; line-height: 25px; }
.scratch-popup .form ul li.right .error { float: left; background: url(../images/scatch_cancel.gif) 3px 3px #ffeaea no-repeat; height: 21px; border: 1px solid #ff8080; padding: 4px 5px 0 25px; color: #c00; }
.scratch-popup .form .lh25 { height: 25px; line-height: 25px; }
.scratch-popup .form ul li.right { width: 270px; }
.scratch-popup .form ul li.sel { font-size: 0; }
/*遮罩*/
.mask { display: none; position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; min-height: 420px; background: rgba(0, 0, 0, 0.25); }
/*刮刮乐 END*/
/* 2015-05-06 */
.record{cursor: url(../images/scratch_hand.png), default;}
.lotteryEditLabel{margin-left:100px;}
.simpleColor{border: 1px solid black; width: 55px; height: 16px; cursor: pointer; color: white; text-align: center; background-color: #fff;}
.simpleColorContainer{display:inline-block;}