lixin-web/webapp/css/lottery.css

vue and bootstrap

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?7803965');
      src: url('./font/fontello.eot?7803965#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?7803965') format('woff'),
           url('./font/fontello.ttf?7803965') format('truetype'),
           url('./font/fontello.svg?7803965#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    body{ background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;}
    body[data-bg="no"]{background:url(../img/lottery/bg/mainBg8.jpg) !important;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="5"]{background: url(../img/lottery/bg/mainBg1.jpg) no-repeat;background-size: cover;-webkit-background-size: 100% 100%;background-attachment: fixed;}
     body[data-bg="6"]{background:url(../img/lottery/bg/mainBg2.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="7"]{background: url(../img/lottery/bg/mainBg3.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="8"]{background: url(../img/lottery/bg/mainBg4.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="2"]{background:url(../img/lottery/bg/mainBg5.jpg) !important;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="3"]{background: url(../img/lottery/bg/mainBg6.jpg) repeat-x #87c7a5 !important;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="4"]{background: url(../img/lottery/bg/mainBg7.jpg) repeat-x #193a59 !important;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="1"]{background:url(../img/lottery/bg/mainBg8.jpg) !important;background-size: cover;-webkit-background-size: cover;background-attachment: fixed;}
     body[data-bg="3"] .lottery_star,body[data-bg="2"] .lottery_star,body[data-bg="1"] .lottery_star,body[data-bg="4"] .lottery_star{display:none !important}
     body[data-bg="1"] > img,body[data-bg="2"] > img,body[data-bg="3"] > img,body[data-bg="4"] > img{display:none}
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display:inline-block;
      text-decoration:inherit;
      width: 1.5em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      vertical-align: -1px;
      margin-left: .2em;
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size:16px;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.iconBgPos, .hNum li, .gTimeBox li, .shij div.bj, .gTimeBox span{background-image:url("../images/iconA.png");position:relative;}
.hIconBg{width:68px;height:30px;top:6px;float:right;margin:0 5px 0 10px;}
.hNightBtn{background-position:0 0;}
.hOn{background-position:0 -30px;}
.eBtnLr{width:68px;height:30px;top:15px;float:right;margin-left:5px;}
.eBaPos{background-position:0 -60px;}
.eOn{background-position:0 -93px;}

.droTit span, .hot, .new{background-image:url("../images/iconB.png");position:relative;}
.onDro{background-position:0 0;}
.droIcon{width:23px;height:23px;display:inline-block;top:8px;}
.onDro2{background-position:0 -29px;}
.droIcon2{width:28px;height:21px;display:inline-block;top:5px;left:-2px;}
.onDro3{background-position:0 -61px;}
.droIcon3{width:20px;height:19px;display:inline-block;top:5px;left:-4px;}
.onDro4{background-position:0 -90px;}
.droIcon4{width:20px;height:19px;display:inline-block;top:5px;left:-4px;}
.onDro5{background-position:0 -118px;}
.droIcon5{width:23px;height:23px;display:inline-block;top:5px;left:-4px;}
.onDro6{background-position:0 -151px;}
.droIcon6{width:23px;height:23px;display:inline-block;top:7px;left:-4px;}

.hotPos{background-position:0 -183px;}
.hotW, .newW{width:11px;height:11px;display:inline-block;top:1px;}
.newPos{background-position:0 -204px;}

.droClo{background:#00c4ff;}
.droClo2{background:#f7b24a;}
.droClo3{background:#ec614e;}
.droClo4{background:#3a85c9;}
.droClo5{background:#58b530;}
.droClo6{background:#dab101;}

.bgPos{background:url('../images/img/img1.jpg') no-repeat bottom center;}
.bgPos2{background:url('../images/img/img2.jpg') no-repeat bottom center;}
.bgPos3{background:url('../images/img/img3.jpg') no-repeat bottom center;}
.bgPos4{background:url('../images/img/img4.jpg') no-repeat bottom center;}
.bgPos5{background:url('../images/img/img5.jpg') no-repeat bottom center;}
.bgPos6{background:url('../images/img/img6.jpg') no-repeat bottom center;}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #00c4ff solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius:25px;-o-border-radius:25px;-webkit-border-radius:25px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

body {
	background:#FFF;
	overflow-x:hidden;
	color: white;
}

.page-content > .page-container {
	clear: both;
	width: 1000px;
	margin-top: 20px;
	background: white;
	box-shadow: -9.5px 11.2px 38.3px -13.5px #000;
	/* box-shadow: 0px 0px 10px red,0px 0px 20px red; */
	/* border: 1px solid red; */
	/* overflow: hidden; */
}

.lottery-nav {
	height: 40px;
	background: #343443;
	margin-top: 60px;
	overflow: hidden;
}

.lottery-nav > .menu {
	position: relative;
	height: 50px;
	float: left;
	width: 100%;
}

.lottery-nav > .menu > .title {
	width: 146px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	text-align: left;
	background: #094e79;
}

.lottery-nav > .menu > .title > .arrow {
	width: 16px;
	height: 8px;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../img/lottery/lottery_icon.png");
	background-repeat: no-repeat;
	background-position: -146px -98px;
	margin-left: 8px;
	display: none;
}

.lottery-nav > .menu:hover > .title {
 }

.lottery-nav > .menu > .list {
	position: absolute;
	width: 100%;
	/* height: 200px; */
	left: 0;
	background: #094E79;
	z-index: 200;
	display: none;
	overflow: hidden;
	border-top: none;
	border-left: none;
	padding-top: 15px;
}

/*.lottery-nav > .menu:hover > .list {
	  display: block; 
}

.lottery-nav > .menu > .list.hide {
	display: none;
}*/
.lottery-nav > .menu > .list > .category {
	overflow: hidden;
	width: 14.285%;
	float: left;
	text-align: center;
	height: 235px;
}
.lottery-nav > .menu > .list > .category{background:url('../img/lottery/img/img1.jpg') no-repeat bottom center;border-right: 1px solid #053c5f;}
.lottery-nav > .menu > .list > .category:nth-child(2){background:url('../img/lottery/img/img2.jpg') no-repeat bottom center;}
.lottery-nav > .menu > .list > .category:nth-child(3){background:url('../img/lottery/img/img2.jpg') no-repeat bottom center;display: none;}
.lottery-nav > .menu > .list > .category:nth-child(4){background:url('../img/lottery/img/img3.jpg') no-repeat bottom center;}
.lottery-nav > .menu > .list > .category:nth-child(5){background:url('../img/lottery/img/img6.jpg') no-repeat bottom center;}
.lottery-nav > .menu > .list > .category:nth-child(6){background:url('../img/lottery/img/img5.jpg') no-repeat bottom center;}
.lottery-nav > .menu > .list > .category:nth-child(7){background:url('../img/lottery/img/img4.jpg') no-repeat bottom center;}
.lottery-nav > .menu > .list > .category:nth-child(8){background:url('../img/lottery/img/img2.jpg') no-repeat bottom center;display: none;}
.lottery-nav > .menu > .list > .category:nth-child(9){background:url('../img/lottery/img/img1.jpg') no-repeat bottom center;}


.lottery-nav > .menu > .list > .category > .logo {
	width: 100%;
	height: 40px;
	/* float: left; */
	background-repeat: no-repeat;
	margin: auto;
}
 .lottery-nav > .menu > .list > .category > .logo{background:#00c4ff}
  .lottery-nav > .menu > .list > .category:nth-child(2) > .logo{background:#f7b24a}
    .lottery-nav > .menu > .list > .category:nth-child(3) > .logo{background:#ec614e}
    .lottery-nav > .menu > .list > .category:nth-child(4) > .logo{background:#3a85c9}
    .lottery-nav > .menu > .list > .category:nth-child(5) > .logo{background:#58b530}
    .lottery-nav > .menu > .list > .category:nth-child(6) > .logo{background: #ff6e63;}
    .lottery-nav > .menu > .list > .category:nth-child(7) > .logo{background: #01bada;}
    .lottery-nav > .menu > .list > .category:nth-child(8) > .logo{background: #c269ef;}
    .lottery-nav > .menu > .list > .category:nth-child(9) > .logo{background: #e48129;}
.lottery-nav > .menu > .list > .category > .logo.zz:after {
	content:"";
	width:30px;
	height:30px;display:inline-block;
    background: url("../img/lottery/iconB.png") 5px 5px;
}
.lottery-nav > .menu > .list > .category > .logo.ssc:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -24px;
}
 .lottery-nav > .menu > .list > .category > .logo.ssc1:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	
	background: url("../img/lottery/iconB.png") 5px -24px;
}
.lottery-nav> .menu > .list > .category > .logo.pk10:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -82px;
}
.lottery-nav > .menu > .list > .category > .logo.u9:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 6px 8px;
}

.lottery-nav > .menu > .list > .category > .logo.k3:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -146px;
	
}
.lottery-nav > .menu > .list > .category > .logo.c3:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -114px;
}

.lottery-nav > .menu > .list > .category > .logo.kl8:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -80px;
}

.lottery-nav > .menu > .list > .category > .logo.x511:after {
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../img/lottery/iconB.png") 5px -54px;
}

.lottery-nav > .menu > .list > .category > .items {margin: 5px 0;}

.lottery-nav > .menu > .list > .category > .items.one {
}

span.new,span.hot{display:inline-block;width: 27px;height: 18px;content:"";background: url("../img/lottery/iconB.png") no-repeat;position: absolute;right: -27px;top: 6px;}
span.new{right: -41px;}
span.new.new1{background-position: 0 -201px;}
span.hot.hot1{background-position: 0 -180px;}
.lottery-nav > .menu > .list > .category > .items > a {
	width: 70px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	margin: auto;
	text-align: center;
	background: #;
	position: relative;
}

.lottery-nav > .menu > .list > .line {
	height: 0px;
	border-top: 1px solid #219783;
	border-bottom: 1px solid #29cbaf;
	margin-left: 100px;
	clear: both;
	display: none;
}

.page-content .top-side {
    position: relative;
    height: 135px;
}

.page-content .center-side {
	float: left;
}

.global-message {
	position: relative;
	height: 30px;
	background-color: #000;
	color: #fff;
	margin-bottom: 20px;
	overflow: hidden;
}

.global-message > div {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	word-break: keep-all;
	white-space: nowrap;
}

.account-info {
	position: relative;
	float: left;
	width: 255px;
	height: 248px;
	margin-bottom: 4px;
	margin-top: -21px;
	display: none;
}

.account-info > .arrow {
	height: 28px;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: -144px -80px;
	background: url(/img/lottery/history.png) no-repeat 0px 0px;
}

.account-info > .title {
	height: 40px;
	line-height: 46px;
	margin-top: -2px;
	font-size: 18px;
	text-indent: 30px;
	background: white;
}

.account-info > .content {
	height: 170px;
	background: white;
}

.account-info > .content > .row {
	height: 40px;
	font-size: 14px;
}

.account-info > .content > .row > .label {
	width: 108px;
	height: 40px;
	line-height: 38px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.account-info > .content > .row > .label > i {
	width: 18px;
	height: 18px;
	margin: 0 12px;
	vertical-align: -4px;
	display: inline-block;
	background-image: url("../img/lottery/lottery_icon.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.account-info > .content > .row > .label > i.user {
	background-position: 0 -140px;
}

.account-info > .content > .row > .label > i.star {
	background-position: -18px -140px;
}

.account-info > .content > .row > .label > i.money {
	background-position: -36px -140px;
}

.account-info > .content > .row > .value {
	width: 118px;
	height: 26px;
	line-height: 24px;
	margin: 7px 0;
	float: left;
	text-indent: 10px;
}

.lottery-open {
	float: left;
	width: 1000px;
	height: 135px;
	background: url(/img/lottery/AA_01.jpg) repeat-x 0px 93px;
}

.lottery-open-info {
	height: 82px;
	padding-top: 16px;
	/* clear: both; */
}

.lottery-open-info > .expect {
	text-align: left;
	width: 41%;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	float: left;
	text-align: center;
}

.lottery-open-info > .expect.d3,
.lottery-open-info > .expect.kl8,
.lottery-open-info > .expect.pk10 {
	/* padding: 20px 0; */
}

.lottery-open-info > .text {
	float: right;
	height: 68px;
	line-height: 66px;
	font-size: 18px;
	color: #fff;
}

.lottery-open-code  > .lt-audio {
  
display: none;
}

.lottery-open-code  > .lt-audio .audio-off {
	background-image: url("../img/lottery/audio-off.png");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	background-size: 18px;
	background-position: 0px 6px;
	cursor: pointer;
	opacity: 1;
}

.lottery-open-code  > .lt-audio .audio-on {
	background-image: url("../img/lottery/audio-on.png");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	right: 177px;
	background-size: 18px;
	background-position: 0px 6px;
	cursor: pointer;
	opacity: 1;
}

.lottery-open-info > .last-time {
	width: 58%;
	height: 48px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 5px;
	float: left;
}

/* .lottery-open-info > .last-time.fixed {
	position: fixed;
	top: 110px;
	right: 20px;
	z-index: 2;
} */

.lottery-open-code {
	/* height: 118px; */
	position: relative;
	clear: both;
}

.lottery-open-code > .expect {
	padding: 1px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	margin: auto;
	border: 3px solid #55708F;
	background: rgba(255, 255, 255, 0.5);
	filter: Alpha(opacity=60);
	/* color: white; */
}

.lottery-open-code > .code {
	position: relative;
	text-align: center;
	width: 100%;
}

.lottery-open-code > .code > ul {
	margin-left: auto;
	margin-right: auto;
}

.lottery-open-code > .code > ul > li {
	list-style: none;
	float: left;
	visibility: hidden;
}

.lottery-open-list {
	height: 207px;
	overflow-y: visible;
	overflow-x: hidden;
}

.lottery-open-list > .arrow {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: -154px -80px;
	display: none;
}

.lottery-open-list > .title {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
}

.lottery-open-list > .title > .expect {
	width: 36%;
	float: left;
	text-align: center;
}

.lottery-open-list > .title > .code {
	width: 64%;
	float: left;
	text-align: center;
}

.lottery-open-list > .content {
	height: 190px;
	padding: 0px 0;
	clear: both;
}

.lottery-open-list > .content > .wrapper {
	height: 150px;
}

.lottery-open-list .list {
	overflow: hidden;
}

.lottery-open-list .list > .item {
	overflow: hidden;
	padding: 5px 0 4px 0;
}

.lottery-open-list .list > .item > .expect {
	height: 20px;
	width: 36%;
	line-height: 18px;
	float: left;
	text-align: center;
}

.lottery-open-list .list > .item > .code {
	width: 64%;
	float: left;
	text-align: center;
}

.lottery-open-list .list.d3 > .item > .code,
.lottery-open-list .list.k3 > .item > .code {
	padding-left: 30px;
}

.lottery-open-list .list > .item > .code > .num,
.lottery-open-list .list > .item > .code > .more {
	color: #FFFFFF;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #fff;
	margin: 0 1px;
	background: #e58848;
	border-radius: 50%;
	display: inline-block;
}

.lottery-open-list .list > .item > .code > .more {
	cursor: pointer;
}

.lottery-code-trend {
	position: absolute;
	top: 0px;
	left: -33px;
	right: -33px;
	width: 33px;
	height: 113px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #FFFFFF;
	cursor: pointer;
	/* border: 1px solid #E5E5E5; */
	padding-top: 13px;
	/* display: none; */
}

.lottery-code-trend:hover {
	background-color: #00C4FF;
	color: white;
}

.lottery-code-trend > i {
	width: 24px;
	height: 24px;
	margin: 14px 14px 10px 14px;
	display: block;
	background-image: url("../img/lottery/lottery_icon.png");
	background-repeat: no-repeat;
	background-position: -60px -110px;
	display: none;
}



@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(360deg)
	}
}

.lottery-open-code > .code.ssc > ul,
.lottery-open-code > .code.x511 > ul {
	margin-top: 24px;
}

.lottery-open-code > .code.ssc > .rotate,
.lottery-open-code > .code.x511 > .rotate {
	position: relative;
	width: 440px;
	height: 68px;
	margin: 24px auto 0 auto;
}

.lottery-open-code > .code.ssc > .rotate > .item,
.lottery-open-code > .code.x511 > .rotate > .item {
	position: absolute;
	width: 56px;
	height: 56px;
	font-size: 35px;
	line-height: 56px;
	border-radius: 5px;
	margin: 0 10px;
	color: #998a57;
	text-shadow: 0px 2px 1px white;
	background: url(/img/lottery/AA_04.png) -235px -3px;
}

.lottery-open-code > .code.k3 > ul,
.lottery-open-code > .code.d3 > ul {
	width: 324px;
	margin-top: 24px;
}
.lottery-open-code > .code.higher .big li {
    visibility: visible;
    margin-top: 30px;
}
.lottery-open-code > .code.ssc > ul > li,
.lottery-open-code > .code.x511 > ul > li,
.lottery-open-code > .code.k3 > ul > li,
.lottery-open-code > .code.d3 > ul > li {
	margin-left: 5.6%;
	border-radius: 37px;
	margin-bottom: 6px;
	background: #E9E9E9;
	text-shadow: 0px 2px 1px white;
	width: 50px;
	height: 50px;
	font-size: 28px;
	font-weight: bold;position: relative;
	text-align: center;
	line-height: 49px;
	color: #ff7e00;
	background-position: 0 -140px;
	background:-moz-linear-gradient( 90deg, rgb(196,191,190) 0%, rgb(246,244,243) 100%);
	background:-webkit-linear-gradient( 90deg, rgb(196,191,190) 0%, rgb(246,244,243) 100%);
	background:-ms-linear-gradient( 90deg, rgb(196,191,190) 0%, rgb(246,244,243) 100%);
	box-shadow: 0px 2px 4px 0px rgb( 0, 0, 0 );
}
.lottery-open-code > .code.ssc > ul > li.kl8lot{height:30px;width: 30px;font-size: 15px;line-height: 30px;}
.lottery-open-code > .code.ssc .r1:after{content:"1";position:absolute}
.lottery-open-code > .code.k3 > ul > li,
.lottery-open-code > .code.d3 > ul > li {
	margin: 0 20px;
}


.lottery-open-code > .code.kl8 > ul {
}
.lottery-open-code > .code.kl8 > ul > li {
	width: 38px;
	height: 38px;
	font-size: 18px;
	line-height: 36px;
	margin: 0 -6px 0px 3px;
	background-size: 100%;
	border-radius: 5px;
	color: #000000;
	background: #E9E9E9;
	color: #998a57;
	text-shadow: 0px 2px 1px white;
	background: url(/img/lottery/AA_04.png) -391px 0px;
	background-size:250px
}


.lottery-open-code > .code.pk10 > ul {
	width: 442px;
	margin-top: 24px;
	margin-left: 20px;
}
.lottery-open-code > .code.pk10 > ul > li {
	width: 80px;
	height: 24px;
	margin: 0 0px 5px 1px;
	background-image: url("../img/lottery/car_s1.png");
}
[data-lottery="pk10"] .code > ul > li.r01:after {
content:"1";
}
[data-lottery="pk10"] .code > ul > li.r02:after {
content:"2";
}
[data-lottery="pk10"] .code > ul > li.r03:after {
content:"3";
}
[data-lottery="pk10"] .code > ul > li.r04:after {
content:"4";
}
[data-lottery="pk10"] .code > ul > li.r05:after {
content:"5";
}
[data-lottery="pk10"] .code > ul > li.r06:after {
content:"6";
}
[data-lottery="pk10"] .code > ul > li.r07:after {
content:"7";
}
[data-lottery="pk10"] .code > ul > li.r08:after {
content:"8";
}
[data-lottery="pk10"] .code > ul > li.r09:after {
content:"9";
}
[data-lottery="pk10"] .code > ul > li.r10:after {
content:"10";
}

.lottery-betting {
	min-height: 300px;
	color: white;
	/* padding-bottom: 93px; */
	/* border-bottom: 1px dashed #fff; */
	min-height: 570px;
}

.lottery-betting > .play-groups {
	position: relative;
	height: 40px;
	
	*/
	background: url(/img/lottery/AA_02.jpg) repeat-x 0px 0px;
	/* border-bottom: 1px solid #1c2f41; */
}

.lottery-betting > .play-groups > ul {
	list-style: none;
}

.lottery-betting > .play-groups > ul > li {
	list-style-type: none;
	float: left;
	width: 9%;
	width: 58px;
}

.lottery-betting > .play-groups > ul > li > a {
	height: 33px;
	line-height: 34px;
	display: block;
	cursor: pointer;
	color: #FFF;
	text-align: center;
}

.lottery-betting > .play-groups > ul > li > a.selected {
	color: #FFF;
	background: #00C4FF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.lottery-betting > .play-groups > ul > li > a.selected:hover{color:#fff}
.lottery-betting > .play-list {
	font-size: 12px;
	padding-bottom: 0px;
	clear: both;
	overflow: hidden;
	height: 100%;
}

.lottery-betting > .play-list > .row {
	padding: 5px 0;
	margin: 0;
	float: left;
}

.lottery-betting > .play-list > .row > .label {
	height: 28px;
	line-height: 26px;
	float: left;
	margin: 0 10px;
	padding: 0px 7px;
	font-size: 14px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 0;
	font-weight: normal;
}

.lottery-betting > .play-list > .row > .column {
	margin: 3px 0px;
	float: left;
	cursor: pointer;
	padding: 3px 12px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.lottery-betting > .play-list > .row > .column.selected {
	background-color: #00c4ff;
	color: #FFFFFF;
}

.lottery-betting > .play-help {
	height: 25px;
	font-size: 14px;
	padding: 0 15px;
	margin: 12px 0px;
}

.lottery-betting > .play-help > .tips {
	float: left;
	line-height: 24px;
}

.lottery-betting > .play-help > .tips > .label {
	color: #00C4FF;
}

.lottery-betting > .play-help > .tips > i {
	width: 12px;
	height: 16px;
	display: inline-block;
	vertical-align: -2px;
	cursor: pointer;
	background-repeat: no-repeat;
}
.lottery-betting > .play-help > .tips > i:after{
    content:"\e085";
    font-family: 'Glyphicons Halflings';
    color: #00c4ff;
}
.lottery-betting > .play-help > .tips > a {
	color: #00C4FF;
	cursor: pointer;
}

.lottery-betting > .play-help > .help-info {
	position: absolute;
	width: 480px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	line-height: 24px;
	padding: 10px 15px;
	z-index: 2;
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
	display: none;
	color: black;
}

.lottery-betting > .play-help > .help-info > i.arrow {
	position: absolute;
	width: 15px;
	height: 8px;
	top: -8px;
	left: 40px;
	background-image: url("../img/lottery/lottery_icon.png");
	background-repeat: no-repeat;
	background-position: -30px -110px;
}

.lottery-betting > .play-help > .prize {
	height: 40px;
	width: 230px;
	float: right;
	text-align: right;
	overflow: hidden;
	margin-right: 10px;
	position: absolute;
	top: 80px;
	right: 55px;
}

.lottery-betting .prize > i {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 6px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: -16px -163px;
	vertical-align: -1px;
	background: #00c4ff;
	border-radius: 50%;
}

.lottery-betting .prize > i:after{content:"\f157";color:#fff;width:18px;height:15px;font: normal normal normal 14px/1 FontAwesome;display:block;text-align:center;/* top: 0px; */line-height: 20px;}
@media screen and (max-width:1200px){

   .lottery-betting > .play-area {margin-bottom: 20px;}
}
.lottery-betting > .play-area {
	padding: 10px;
	overflow: hidden;
	clear: both;
	margin: 10px 0;
	min-height: 410px;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding-bottom: 30px;
}

.lottery-betting > .play-area > .row {
	overflow: hidden;
	margin: 27px 0;
}

.lottery-betting > .play-area > .row > .label {
	height: 20px;
	float: left;
	font-size: 12px;
	line-height: 19px;
	margin: 12px -3px 0px 0;
	padding: 0 8px;
	border-radius: 5px;
	vertical-align: middle;
}

.lottery-betting > .play-area > .row > .balls {
	float: left;
}

.lottery-betting > .play-area > .row > .balls > ul {
	list-style: none;
	float: left;
	margin: 0;
}

.lottery-betting > .play-area > .row > .balls > ul > li {
	list-style: none;
	float: left;
	margin: 4px 5px;
}

.lottery-betting > .play-area > .row > .balls > ul > li > a {
	width: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 20px;
	color: #7a7171;
	border-radius: 50%;
	margin: 0px 0px;
	cursor: pointer;
	display: block;
	background: #fff;
}

.lottery-betting > .play-area > .row.medium > .balls > ul > li > a {
	width: 60px;
	border-radius: 6px;
}
.lottery-betting > .play-area > .row.x-medium > .balls > ul > li > a {
	width: 80px;
	border-radius: 8px;
}
.lottery-betting > .play-area > .row.large > .balls > ul > li > a {
	width: 100px;
	border-radius: 10px;
	background: rgb(242, 242, 242);
	margin: 0px 1px;
}
.lottery-betting > .play-area > .row.x-large > .balls > ul > li > a {
	width: 120px;
	border-radius: 12px;
	background: #F0F0F0;
	margin-right: 4px;
}

.lottery-betting > .play-area > .row.f14 > .balls > ul > li > a {
	font-size: 14px;
}
.lottery-betting > .play-area > .row.f16 > .balls > ul > li > a {
	font-size: 16px;
}
.lottery-betting > .play-area > .row.f18 > .balls > ul > li > a {
	font-size: 18px;
}
.lottery-betting > .play-area > .row.f20 > .balls > ul > li > a {
	font-size: 20px;
}
.lottery-betting > .play-area > .row.f22 > .balls > ul > li > a {
	font-size: 22px;
}
.lottery-betting > .play-area > .row.hz > .balls > ul > li > a {
	margin: 0 5px 10px 5px;
}

/*
.lottery-betting > .play-area > .row.wx > .balls > ul > li > a {
	height: 80px;
	width: 160px;
	border-radius: 50%;
	line-height: 30px;
	padding: 0 0;
	font-size: 18px;
	color: #fff;
	border: none;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.metal {
	background-color: #fff428;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.tree {
	background-color: #4cc34b;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.water {
	background-color: #40a1e8;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.fire {
	background-color: #f64e0d;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.earth {
	background-color: #83411e;
}

.lottery-betting > .play-area > .row.wx > .balls > ul > li > a:hover {
	color: #fff;
	border: none;
}
*/
.lottery-betting > .play-area > .row.place > .balls {
	width: 710px;
}

.lottery-betting > .play-area > .row.place > .balls > ul > li > a {
	width: 36px;
	height: 36px;
	line-height: 39px;
	font-size: 20px;
	margin: 0 -7px 10px 5px;
	background-size: 362px;
}

.lottery-betting > .play-area > .row > .balls > ul > li > a:hover {
	color: #00C4FF;
}

.lottery-betting > .play-area > .row > .balls > ul > li > a.selected {
	color: #fff;
	background: #00C4FF;
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.selectedan{color: #fff;
	background: #00C4FF;z-index: 1000}
.lottery-betting > .play-area > .row > .places {
	float: left;
}

.lottery-betting > .play-area > .row > .places > ul {
	list-style: none;
	float: left;
	margin-top: 6px;
}

.lottery-betting > .play-area > .row > .places > ul > li {
	list-style: none;
	float: left;
	line-height: 30px;
	font-size: 16px;
	margin: 0 5px;
}

.lottery-betting > .play-area > .row > .places > ul > li > label {
	cursor: pointer;
}

.lottery-betting > .play-area > .row > .places > ul > li > label > input[type="checkbox"] {
	vertical-align: -1px;
}

.lottery-betting > .play-area > .row > .tools {
	float: left;
	padding: 0px 10px;
	border: 1px solid;
	border-radius: 50px;
	height: 35px;
	margin-top: 4px;
}

.lottery-betting > .play-area > .row > .tools > ul {
	list-style: none;
	float: left;
	margin: 0;
}

.lottery-betting > .play-area > .row > .tools > ul > li {
	list-style: none;
	float: left;
}

.lottery-betting > .play-area > .row > .tools > ul > li > a {
	/* height: 25px; */
	width: 37px;
	line-height: 33px;
	text-align: center;
	margin: 0 1px;
	display: block;
	cursor: pointer;
	/* border-radius: 50%; */
	color: #FFFFFF;
}

.lottery-betting > .play-area > .row > .tools > ul > li > a:hover {
	color: #FFFFFF;
	background: #00C4FF;
}

.lottery-betting > .play-area > .row > .tools > ul > li > a.selected {
	color: #fff;
	background-color: #00C4FF;
	border: 1px solid #279A86;
}

.lottery-betting > .play-area > .textarea {
	border: 1px solid #e3e3e3;
	height: 168px;
	margin: 5px 0;
	background-color: #fff;
}

.lottery-betting > .play-area > .textarea > textarea {
	width: 100%;
	height: 100%;
	resize: none;
	border: none;
	background: none;
	line-height: 20px;
	font-size: 14px;
	color: #787876;
	padding: 0.5em;
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
}

.lottery-betting > .play-area > .help {
	font-size: 14px;
	line-height: 22px;
}

.lottery-betting > .play-options {
	/* width: 70%; */
	font-size: 14px;
	color: #787876;
	overflow: hidden;
	text-align: center;
	/* position: absolute; */
	bottom: 25px;
	left: 17px;
}
.lottery-betting .prize{}
.lottery-betting > .play-options div{font-weight: 100;}
.lottery-betting > .play-options .text-money {
	color: #00C4FF;
}

.lottery-betting > .play-options > .money {
	font-weight: bold;
}

.lottery-betting > .play-options > div {
	float: left;
}

.lottery-betting > .play-options > .label {
	height: 40px;
	line-height: 38px;
	padding: 0 2px;
	padding-left: 7px;
}

.lottery-betting > .play-options > .multiple {
	margin: 7px 0;
}    
.lottery-betting > .play-options > .multiple span{
	color: #fff;
	width: 23px;
	height: 30px;
	display: inline-block;
	cursor: pointer;
}
.lottery-betting > .play-options > .multiple span:hover{color:#00c4ff}
.lottery-betting > .play-options > .multiple > input {
	height: 26px;
	width: 52px;
	border: 1px solid #00c4ff;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	color: #00C4FF;
	background: none;
}

.lottery-betting > .play-options > .model {
	margin: 7px 0;
}

.lottery-betting > .play-options > .model > a {
	width: 27px;
	height: 27px;
	line-height: 25px;
	border: 1px solid #e3e3e3;
	text-align: center;
	margin: 0 3px;
	float: left;
	cursor: pointer;
	border-radius: 0px;
	color: white;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	color: #fff;
	/* border-radius: 3px; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.lottery-betting > .play-options > .model > a:hover {
	color: #fff;
	background: #00c4ff;
	border: 1px solid #00c4ff;
}

.lottery-betting > .play-options > .model > a.selected {
	color: #FFFFFF;
	background: #00c4ff;
	/* border-radius: 0px; */
	/* font-weight: bold; */
}

.lottery-betting > .play-options > .button {
	padding: 0 10px;
}

.lottery-betting > .play-options > .button > a {
	padding: 0 24px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #00c4ff;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	color: #fff;
	background: #00c4ff;
	border-radius: 2px;
}

.lottery-betting > .play-options > .button > a:hover {
	color: #fff;
	background-color: #00C4FF;
	border: 1px solid #279A86;
}

.lottery-betting > .adjust-prize {
	width: 100%;
	/* height: 71px; */
	line-height: 50px;
	/* position: absolute; */
	/* bottom: 65px; */
	left: 20px;
}
@media screen and (max-width:768px){
	.lottery-betting > .adjust-prize {/* bottom: 110px; */margin: 10px;}
}
.lottery-betting > .adjust-prize > .slider {
	width: 25%;
	display: inline-block;
	margin: 0 16px 0 10px;
}

/**
 */
.lottery-betting > .adjust-prize .noUi-target {
	height: 8px !important;
	border: none !important;
	background-color: #00C4FF;
	border-radius: 4px !important;
	margin-top: 20px;
	padding-right: 0;
}

.lottery-betting > .adjust-prize .noUi-target .noUi-background {
	background-color: #e9e9e9 !important;
	border-radius: 3px !important;
}

.lottery-betting > .adjust-prize .noUi-target .noUi-handle {
	width: 18px !important;
	height: 18px !important;
	border: none !important;
	border-radius: 14px;
	top: -5px !important;
	left: -12px !important;
	/* box-shadow: none !important; */
	/* background: url("../img/lottery/lottery_icon.png") -120px -110px; */
	cursor: pointer;
	background: #00C4FF;
}


.lottery-record > .list .table > tbody > tr > td.btn {
	width: 50px;
	text-align: center;
}

.lottery-record > .list .table > tbody > tr > td.btn > a {
	
}

.lottery-record > .list .table > tbody > tr > td.btn > a:hover {
	color: #00C4FF;
}





.lottery-record > .button > .btn:hover {
	background: #00C4FF;
	text-shadow: none;
}

 

.lottery-record > .button > .btn > i {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: -9px;
}

.lottery-record > .button > .btn > i.quick:after{
	content: '\e619';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: 6px;
	font-family: "iconfont" !important;
	font-size: 17px;
}
.lottery-record > .button > .btn > i.clear:after {
	 content: '\e616';
	 width: 30px;
	 height: 30px;
	 display: inline-block;
	 vertical-align: 6px;
	 font-family: "iconfont" !important;
	 font-size: 22px;
}

.lottery-record > .button > .btn:hover > i.clear {
/* 	background-position: -60px 0; */
}

.lottery-record > .button > .btn > i.chase:after {
	content: '\e618';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: 6px;
	font-family: "iconfont" !important;
	font-size: 22px;
}
.lottery-record > .button > .btn.w-order-list i.clear:after{
	content: '\e615';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align:6px;
	font-family: "iconfont" !important;
	font-size: 22px;
}
.lottery-record > .button > .btn:hover > i.chase {
}

.lottery-record > .button > .btn > i.add {
	background-position: 0 -30px;
}

.lottery-record > .button > .btn:hover > i.add {
	background-position: -60px -30px;
}

.lottery-record > .button > .btn > i.plan {
	background-position: -30px -30px;
}

.lottery-record > .button > .btn:hover > i.plan {
	background-position: -90px -30px;
}

[data-command="add"]:before {
    content: '\e614';
    width: 30px;
    height: 30px;
    display: inline-block;
        vertical-align: -3px;
    font-family: "iconfont" !important;
    font-size: 26px;
}




.lottery-record > .button > .btn-big > .time {
	font-size: 12px;
	top: -81px;
	color: #FFFFFF;
	width: 100px;
	float: left;
	padding-top: 14px;
	padding-left: 38px;
	text-shadow: 1px 1px 1px black;
}
.lottery-record > .button > .btn.w-order-list i.clear:after{
	content: '\e615';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align:6px;
	font-family: "iconfont" !important;
	font-size: 22px;
}
/* .lottery-record > .button > .btn-big > i.submit {
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: -6px;
	margin-left: 10px;
	background-image: url("../img/lottery/lottery_icon.png");
	background-repeat: no-repeat;
	background-position: -90px -110px;
} */

.lottery-record > .button > .btn-big:hover {
	color: #FFFFFF;
	/* height: 50px; */
}
.message-tips {
	position: fixed;
	bottom: 200px;
	right: 2%;
	min-width: 200px;
	background-color: #A41727;
	border-radius: 3px;
}

.message-tips > .title {
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #fff;
}

.message-tips > .content {
	background-color: #fff;
	margin: 0 3px 3px 3px;
	line-height: 24px;
	padding: 10px 12px;
}


.lottery-chase .jBox-content {
	color: #787876;
	font-size: 13px;
}

.lottery-chase .tabs {
	height: 40px;
	margin-bottom: -1px;
}

.lottery-chase .tabs > a {
	height: 35px;
	width: 110px;
	display: block;
	float: left;
	line-height: 35px;
	text-align: center;
	background-color: #E2E2E2;
	color: #000;
	border-bottom: none;
	margin-right: -1px;
	transition: all 0.2s ease 0s;
	cursor: pointer;
	margin-right: 9px;
}

.lottery-chase .tabs > a.active {
	color: #787876;
	background-color: #00C4FF;
	border-color: #D6D6D6;
	cursor: default;
	color: white;
}

.lottery-chase .panels {
	background-color: #fff;
	position: relative;
}

.lottery-chase .text-dark-green {
	color: #00C4FF;
}

.lottery-chase .panels > .options {
	position: relative;
	padding: 5px 10px;	
}
.lottery-chase .panels > .options > .tab-row > section {
	display: none;
}

.lottery-chase .panels > .options > .tab-row > section.active {
	display: inline-block;
}

.lottery-chase .panels > .options > .tab-row select {
	width: 90px;
	height: 30px;
	color: #787876;
	font-size: 13px;
}

.lottery-chase .panels > .options > .tab-row input[type="text"] {
	width: 90px;
	height: 30px;
	color: #787876;
	font-size: 13px;
}

.lottery-chase .panels > .options > .tab-row input[type="checkbox"] {
	vertical-align: -1.5px;
}

.lottery-chase .panels > .options > .btn-group {
	position: absolute;
	right: 8px;
	bottom: 10px;
}

.lottery-chase .panels > .options > .btn-group > a {
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	display: block;
	float: left;
	margin: 0 4px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
}

.lottery-chase .panels > .options > .btn-group > a.generate {
	background: #00C4FF;
	height: 35px;
	width: 102px;
	line-height: 35px;
	text-align: center;
	border-radius: 3px;
}

.lottery-chase .panels > .options > .btn-group > a.generate:hover {
	color: white;        
	background: #A41727;
	border-radius: 4px;
}

.lottery-chase .panels > .options > .btn-group > a.submit {
	background-color: #7B7170;
	position: relative;
	bottom: -448px;
	right: 305px;
	background:#00C4FF;
	height: 35px;
	width: 102px;
	line-height: 35px;
	text-align: center;
	border-radius: 3px;
}
.lottery-chase .panels > .options > .btn-group > a.submit:hover {
	color: white;        background: #A41727;    border-radius: 4px;
}
.lottery-chase .panels > .sections table {
	width: 100%;
}

.lottery-chase .panels > .sections table > thead > tr {
	height: 36px;
	line-height: 34px;
	background-color: #EBEBEB;
	text-align: center;
	color: #000;
}

.lottery-chase .panels > .sections table > tbody > tr {
	height: 36px;
	line-height: 34px;
	text-align: center;
}

.lottery-chase .panels > .sections table > tbody > tr:nth-child(2n) {
	background-color: #fafafa;
}

.lottery-chase .panels > .sections table > tbody > tr:hover {
	background-color: #f1f1f1;
}

.lottery-chase .panels > .sections table > tbody > tr:last-child {
	border-bottom: none;
}

.lottery-chase .panels > .sections table input[type="text"] {
	width: 52px;
	height: 26px;
	color: #00C4FF;
	font-size: 13px;
}

.lottery-chase .panels > .sections table input[type="checkbox"] {
	vertical-align: -3px;
}

.lottery-chase .panels > .sections table .checkbox {
	width: 20%;
	display: inline;
}

.lottery-chase .panels > .sections table .expect {
	width: 20%;
}

.lottery-chase .panels > .sections table .multiple {
	width: 20%;
}

.lottery-chase .panels > .sections table .money {
	width: 20%;
}

.lottery-chase .panels > .sections .list {
	height: 333px;
	width: 100%;
}

.record-list {
	padding: 20px 0;
	clear: both;
	margin: 21px 20px;
}

.record-list .tabs {
	height: 30px;
	clear: both;
	background: white;
	display: none;
}

.record-list .tabs > a {
	height: 25px;
	float: left;
	line-height: 25px;
	color: #000;
	text-align: center;
	cursor: pointer;    
	border: 1px solid #EBEBEB;
	margin-right: 10px;
	padding: 0px 15px;
}

.record-list .tabs > a.active {
	background: #00C4FF;
	color: #FFFFFF;
	cursor: default;
	position: relative;
	z-index: 10;
	border-bottom: 0px;
}

.record-list .panels {
	position: relative;
	background: white;
}

.record-list .panels .content.hide {
	display: none;
}

.record-list .panels .content .result {
	padding: 5px 0;
	height: 272px;
}

.record-list .panels .content .result.hide {
	display: none;
}

.record-list .panels .content .result table.form-control {
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #787876;
	/* height: 210px; */
}

.record-list .panels .content .result table.form-control > thead > tr > td,
.record-list .panels .content .result table.form-control > tbody > tr > td {
	/* border: 1px solid #e9e9e9; */
}

.record-list .panels .content .result table.form-control > thead > tr {
	line-height: 30px;
	background-color: #EBEBEB;
	color: #333;
}

.record-list .panels .content .result table.form-control > tbody > tr {
	line-height: 24px;
	background-color: #fcfcfc;
}

.record-list .panels .content .result table.form-control > tbody > tr.nodata {
	height: 120px;
}

.record-list .panels .content .result table.form-control > tbody > tr.nodata > td {
	vertical-align: middle;
}

.record-list .panels .content .result table.form-control > tbody > tr > td {
	padding: 6px 0;
}

.record-list .panels .content .result table.form-control > thead > tr > td > a {
	padding: 0 2px;
	text-decoration: underline;
	color: #fff;
	cursor: pointer;
}

.record-list .panels .content .result table.form-control > tbody > tr > td > a {
	padding: 0 2px;
	text-decoration: underline;
	color: #00C4FF;
	cursor: pointer;
}

.record-list .panels .content .result table.form-control > thead > tr > td > a:hover {
	color: #fff;
}

.record-list .panels .content .result table.form-control > tbody > tr > td > a:hover {
	color: #00C4FF;
}

.record-list .panels .content .result > .page-list {
	padding-top: 10px;
	position: absolute;
	width: 945px;
	bottom: 16px;
	left: 17px;
}

 .lottery-open-code .wp2 {
    width: 72px;
    height: 72px;
    display: inline-block;
}

.lottery-open-code .wp2 li {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 28px;
    border-radius: 50%;
    margin: 3px;
    color: #00C4FF;
    background: url("/img/lottery/ball_s2.png");
    float: left;
    background: #F5F5F5;
    color: #998a57;
}

.lottery-open-code .wp1 {
    /* display: inline-block; */
    float: left;
}

.lottery-open-code .big {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 50%; */
    /* margin-left: -155px !important; */
}
.lottery-open-code > .code.ssc > ul.small {
	position: absolute;
	/* top: 20px; */
	width: 100%;
}
.higher {
    top: -27px;
}
.higher li{
	cursor:pointer;
}

.tip1 {
    color: white;
    font-size: 14px;
    background: #343443;
    width: 100%;
    position: absolute;
    top: 0;
}
.water{
	-webkit-filter: url("#go1");    
	filter: url("#go1");
}
.lottery-betting > .play-area > .row > .balls > ul > li > a.water{
	-webkit-filter: none;
	filter: none;
}


.a.a1 .b1 {
    height: 240px;
    width: 1050px;
}

.a1 .b1 .account-info {
    display: none;
}
.a.a1 {
    background: url(/img/lottery/LOT_01.jpg) center 0px;
    height: 179px;
}
.a1 .b1 .c1 {
    width: 128px;
    float: left;
}

.a1 .b1 .c1 .d1 {
    height: 128px;
}

.a1 .b1 .c1 .d2 {
    color: white;
    text-align: center;
    font-size: 18px;
}
.record-list .tabs > a:last-child {
    border-right: 1px solid #DEDEDE;
}
.lottery-record > .button > .btn[data-command="add"] {
    position: absolute;
    right: 413px;
    bottom: 35px;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
	.lottery-record > .button > .btn[data-command="add"]{
		 right: 353px;
		 bottom: 5px;
	}
	.lottery-betting .prize{
    /* right: 84px; */
}

}
@media screen and (max-width:992px){
	.lottery-record > .button > .btn[data-command="add"]{
		 right:50%;
		 bottom: 206px;
		 margin-right: -21%;
	}}
.clear-header {
  clear: both;
  display: none;
  margin-top: 0px;
}


.newAdd {
    width: 188px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: white;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -94px;
    cursor: pointer;
    margin-top: 8px;
    background: #00C4FF;
}

.newAdd:hover {
    color: #FFFFFF;    
    background: #2FD8E2;    
    border-color: #00C4FF;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover 
{
    background-color: #00C4FF;    
    border: 1px solid #00C4FF;
}

.daterangepicker .ranges .range_inputs .applyBtn {
    background: #00C4FF;
}
.daterangepicker .ranges li {
    color: #00C4FF;
}

.lottery-open-code > .code.kl8 {
    width: 359px;
    margin-top: 12px;
}
.page-content {
    /* background: url(/img/lottery/AA_03.jpg) center 0px; */
    min-height: 850px;
    margin-top: 80px;
    display: none;
}

.recent {
    top: 31px;
}

.trend {    
    top: 97px;    
}
.a.a100 .b1 .c2 .d3 .e .f2 .g:hover {
    color: #00C4FF;
}
.plans {    
    top: 64px;            
}

.aaa i {
    background: url(/img/lottery/ico.png) no-repeat -171px -98px;
    width: 23px;
    height: 20px;
    display: inline-block;
    vertical-align: -4px;
}

.aaa {
    font-size: 14px;
    position: absolute;
    right: -128px;
    cursor: pointer;
    color: white;
    display: none;
}
.trend i {
    background-position: -200px -98px;
}
[data-field="global-expect"],[data-field="expect"] {
    color: #ffffff;
    font-weight: 800;
    margin: 0 2px;
}
[data-field="prize"] {
    color: #00C4FF;
}
.lottery-record > .button > .btn-big:hover .time {
 }
.common-modal .jBox-title {
    background: rgb(255, 255, 255);
    color: black;
    height: 45px;
    line-height: 45px;
    border-radius: 6px 6px 0px 0px;
    border-bottom: 1px solid #EDEDED;
    font-size: 16px;
}
.common-modal .jBox-container {
    border-radius: 6px;
}

.common-modal .jBox-title .jBox-closeButton path {
    fill: #999999;
}
font.f16 {
    font-size: 12px;
}
.logo.logo1 {
    background-position: 13px -116px;
}
.logo.logo2 {
    background-position: 23px -191px;
}
.logo.logo4 {
    background-position: -85px -191px;
    padding: 5px 0px;
}
.logo.logo3 {
    background-position: -78px -112px;
    padding-left: 23px;
}
.logo.logo6 {
    background-position: 18px -257px;
    padding: 9px 0px;
}
.logo.logo5 {
    background-position: -75px -331px;
    padding-left: 16px;
}
.logo.logo0 {
    background-position: -90px -262px;
}
.lottery-betting > .play-groups > ul > li > a:hover {
    color: #00C4FF;
}
.lottery-nav > .menu > .list > .categor