progress::-moz-progress-bar { background: #ffc600; } /* 进度条背景色，已完成部分 */
		progress::-webkit-progress-bar { background: #ebebeb; } /* 进度条背景色-未完成部分 */
		progress::-webkit-progress-value  { background: #ffc600; }
		progress::-webkit-progress-inner-element { border-radius: 32px; }
		progress::-webkit-progress-value { border-radius: 32px; }
		progress::-webkit-progress-bar { border-radius: 32px; }
			* {
				padding: 0;
				margin: 0;
				border: 0;
				font-size: 18px;
				font-family: -apple-system,"Helvetica Neue",Roboto,Arial,Tahoma,"PingFang SC","Heiti SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,"微软雅黑";
			}

			.clearfix:after {
				content: " ";
				display: block;
				clear: both;
			}

			.pull-left {
				float: right;
			}

			.wrap_box {
				width: 750px;
				margin: 0 auto;
				min-height: 500px;
				background: #fff;
			}

			.prize_info {
				width: 100%;
				height: 100px;
				line-height: 100px;
				font-size: 28px;
				text-align: center;
			}

			.two_img_region {
				width: 750px;
				height: auto;
				overflow: hidden;
			}

			.two_img_box {
				width: 100%;
				height: auto;
			}
			.one_coupon_box{
				width: 50%;
				height: auto;
			}
			.two_coupon_box{
				width: 750px;
				box-sizing: border-box;
				padding-top: 16px;
				padding-left: 16px;
			}

			.two_img_box a {
				width: 100%;
				height: auto;
				display: block;
				text-decoration: none;
				vertical-align: top;
			}

			.two_img_box a img,.two_img_box img {
				width: 100%;
				height: auto;
				vertical-align: top;
				display: block;
				pointer-events: none;
			}

			.one_img_region {
				width: 100%;
				height: auto;
			}

			.one_img_box {
				width: 375px;
				float: left;
			}

			.one_img_box a {
				width: 100%;
				height: 100%;
				display: block;
				text-decoration: none;
				vertical-align: top;
			}

			.one_img_box a img,.one_img_box img {
				width: 100%;
				height: 100%;
				vertical-align: top;
				display: block;
				pointer-events: none;
			}

			.header {
				height: auto;
				position:relative;
			}

			.header img {
				width: 100%;
				height: auto;
				display: block;
			}

			.header .tip {
				background-color: rgba(202, 203, 204,0.5);
				height: 76px;
				width: 240px;
				border-radius: 50px 0 0 50px;
				position: absolute;
				top: 40px;
				right: 0;
				z-index:16;
			}

			.three_img_region {
				width: 750px;
				height: auto;
			}

			.three_img_box {
				width: 250px;
				float: left;
				height: 100%;
			}

			.three_img_box a {
				width: 100%;
				height: 100%;
				display: block;
				text-decoration: none;
				vertical-align: top;
			}

			.three_img_box a img,.three_img_box img {
				width: 250px;
				height: 100%;
				vertical-align: top;
				display: block;
				pointer-events: none;
			}

			.footer {
				height: 120px;
				width: 100%;
				text-align: center;
				color: #666;
				background: #f2f2f2;
			}

			.foot_text {
				font-size: 32px;
				line-height: 120px;
			}

			.foot_text:after,
			.foot_text:before {
				content: " ";
				display: inline-block;
				width: 8px;
				height: 8px;
				font-size: 32px;
				line-height: 120px;
				background: #666;
				vertical-align: middle;
				border-radius: 50%;
				margin: 0 5px;
			}

			.roulette_box {
				width: 750px;
				height: 810px;
				position: relative;
			}

			.roulette {
				width: 750px;
			    height: 810px;
			    vertical-align: top;
			    display: block;
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    z-index: 0;
			    border: 0;
			    margin: 0;
			    padding: 0;
			    background-size: 100%;
			    background-position: 0 0;
			    background-repeat: no-repeat;
			}

			.roulette_box .roulette_content {
				width: 584px;
				height: 584px;
				position: absolute;
				left: 83px;
				top: 143px;
				z-index:1;
				border-radius: 50%;
				background-size: 100%;
			    background-position: 0 0;
			    background-repeat: no-repeat;
			}

			.roulette_box .roulette_content .jp_box {
				width: 100%;
				height: 100%;
				position: relative;
			}

			.roulette_box .roulette_content .jp_box .jp {
				width: 160px;
				height: auto;
				text-align: center;
				position: absolute;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(1) {
				left: 212px;
				top: 18px;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(2) {
				right: 40px;
				top: 130px;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(3) {
				right: 40px;
				bottom: 140px;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(4) {
				left: 212px;
				bottom: 18px;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(5) {
				left: 40px;
				bottom: 140px;
			}

			.roulette_box .roulette_content .jp_box .jp:nth-child(6) {
				left: 40px;
				top: 130px;
			}

			.roulette_box .roulette_content .jp_box .jp img {
				width: 100px;
				height: 100px;
			}

			.roulette_box .roulette_content .jp_box .jp span {
				width: 100%;
				font-size: 20px;
				color: #fff;
				font-family: "微软雅黑";
				font-weight: normal;
			}

			.roulette_box .roulette_content .jp_box .jp span {
				color: #000;
			}

			.roulette_box .indicator {
				position: absolute;
			    top: 156px;
			    left: 156px;
			    width: 272px;
			    height: 272px;
			    display: flex;
			    align-items: center;
			    text-align: center;
			    justify-content: center;
			}
			.indicatorRoom {
			    width: 192px;
			    height: 192px;
			    overflow: visible;
			    position: relative;
			    transform-origin: 50% 50%;
			}
			.roulette_box .indicator_img {
			    max-width: 192px;
			    max-height: 232px;
			    display: inline-block;
			    margin: 0 auto;
			}
			.indicatorImageBox {
			    width: 192px;
			    height: 232px;
			    overflow: visible;
			    position: absolute;
			    bottom: 0;
			    left: 0;
			}
			.indicator_img {
			  /*  display: inline-block;
			    margin: 0 auto;
			    transform-origin: 50% 85.5px; */
			}

			.rote {
				transform: rotate(2100deg);
				transition: -webkit-transform 2s ease-out;
			}

			.r_lamp{

			}
			code{
			color: #84b725; font-size: 44px;font-family: monospace;
			}
			.nine_grid_box{
				width: 750px;
				height: 810px;
				position: relative;
			}
			.nine_grid {
				width: 654px;
			    height: 654px;
			    vertical-align: top;
			    display: block;
			    position: absolute;
			    top: 108px;
			    left: 48px;
			    z-index: 0;
			    border: 0;
			    margin: 0;
			    padding: 0;
			}
			.nine_grid_content {
				width: 584px;
				height: 584px;
				position: absolute;
				left: 83px;
				top: 143px;
				z-index:1;
			}
			.nine_grid_content .jp,.nine_grid_content .lottery_box{
				width: 188px;
				height: 188px;
				margin:0;
				padding:0;
				border:none;
				position: absolute;
				z-index:2;
				text-align:center;
			}
			.nine_grid_content .jp:nth-child(1){
				top:0px;
				left:0px;
			}
			.nine_grid_content .jp:nth-child(2){
				top:0px;
				left:198px;
			}
			.nine_grid_content .jp:nth-child(3){
				top:0px;
				right:0px;
			}
			.nine_grid_content .jp:nth-child(4){
				top:198px;
				right:0px;
			}
			.nine_grid_content .jp:nth-child(5){
				bottom:0px;
				right:0px;
			}
			.nine_grid_content .jp:nth-child(6){
				bottom:0px;
				left:198px;
			}
			.nine_grid_content .jp:nth-child(7){
				bottom:0px;
				left:0px;
			}
			.nine_grid_content .jp:nth-child(8){
				top:198px;
				left:0px;
			}
			.nine_grid_content .jp:nth-child(9){
				top:198px;
				left:198px;
			}
			.nine_grid_content .jp img{
				width:120px;
				height:120px;
				margin-top:18px;
			}
			.nine_grid_content .jp p,.nine_grid_content .lottery_box  p{
				width: 80%;
			    font-size: 20px;
			    color: #010000;
			    font-family: "微软雅黑";
			    font-weight: normal;
			    line-height: 34px;
			    position: relative;
			    bottom: 0px;
			    left: 0px;
			    height: 38px;
			    margin: 0 auto;
			}
			.nine_grid_content .lottery_box{
				top:198px;
				left:198px;
			}
			.nine_grid_content .lottery_box .lottery_btn{
				width: 120px;
			    height: 120px;
			    margin: 40px auto 0;
			    font-size: 42px;
		        color: #fff;
		        line-height: 50px;
			}
			.nine_grid_content .active{
				background-size: 100% 100%;
			}
			a{
				text-decoration:none;
			}
			.ellipsis {
				white-space: normal;
 				max-width: 100%;
 				max-height: 100%;
				position: relative;
				overflow: hidden;
				-webkit-text-overflow: ellipsis;
				-moz-text-overflow: ellipsis;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				display: -moz-box;
				-moz-line-clamp: 1;
				-moz-box-orient: vertical;
			}
			.mask {
	            position: absolute;
	            top: 0px;
	            filter: alpha(opacity=60);
	            background-color: #0c0a0a;
	            z-index: 999;
	            left: 0px;
	            opacity:0.6;
	            -moz-opacity:0.5;
        	}
        	#show{
				display: none;
				position: fixed;
				top: 20%;
				left: 20%;
				height: auto;
				z-index:1002;
				overflow: auto;
			}