.ui-dialog .head{
	position: relative;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #9fa5b7;
	background: #24273a;
}

.ui-dialog .u-btn.close{
	position: absolute;
	top: 1px;
	right: 10px;
	color: #fff;
}

.ui-dialog .u-btn.ok,
.u-area .u-btn{
	width: 80px;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	color: #a63a0c;
	background: url(../images/btn-ok.png);
}

.ui-dialog .m-container{
	font-size: 14px;
	background: #2c354e;
	color: #fff;
}

.u-msg,.u-area{
	width: 325px;
	height: 150px;
}

.u-area p.title{
	padding: 12px 0;
	text-align: center;
}

.u-area select{
    display: block;
    width: 250px;
    height: 34px;
    padding: 6px 12px;
    margin: 0 auto 15px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.ui-dialog .main-msg{
	padding: 40px 0;
	text-align: center;
}

.u-result.container-1{
	width: 325px;
}

.u-result.container-10{
	width: 485px;
}

.u-result .sub-title{
	padding: 12px 0 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.u-result.container-10 .view{
	width: 465px;
	margin: 0 auto;
	background: #29324b;
	border-radius: 15px;
}

.u-result ul{
	padding-top: 10px;
	overflow: hidden;
	text-align: center;
}

@-webkit-keyframes result-ani {
    0% { transform: scale(0);}
    100% { transform: scale(1);}
}

.u-result li{
	display: inline-block;
	width: 86px;
	margin: 0 3px 14px;
	transform: scale(0);
	animation-name: result-ani;
	animation-duration: .5s;
	animation-timing-function: ease-in;
	/*animation: result-ani 0.5s ease-in-out alternate;*/
	animation-fill-mode:forwards;
}

.u-result li:nth-child(2){animation-delay: 0.5s;}
.u-result li:nth-child(3){animation-delay: 1s;}
.u-result li:nth-child(4){animation-delay: 1.5s;}
.u-result li:nth-child(5){animation-delay: 2s;}

.u-result li:nth-child(6){animation-delay: 2.5s;}
.u-result li:nth-child(7){animation-delay: 3s;}
.u-result li:nth-child(8){animation-delay: 3.5s;}
.u-result li:nth-child(9){animation-delay: 4s;}
.u-result li:nth-child(10){animation-delay: 4.5s;}

.u-result .pic{
	margin: 0 auto;
}

.u-result .item-name{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
	background: #1e2433;
	color: #d8e9ff;
	border-radius: 10px;
}

.u-result .ctrl{
	padding-top: 8px;
	padding-bottom: 12px;
	overflow: hidden;
	text-align: center;
}

.u-result .ctrl .u-btn{
	display: inline-block;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.u-result .u-btn.cacha-1{
	margin-right: 20px;
	color: #fff;
	background: url(../images/btn-win-1.png);
}

.u-result .u-btn.cacha-10{
	color: #a63a0c;
	background: url(../images/btn-ok.png);
}

.u-history{
	width: 600px;
}

.u-history table{
	width: 100%;
	color: #9fa5b7;
	text-align: center;
}

.u-history thead tr{
	height: 35px;
	color: #d6ddf1;
	background: #2f3546;
}

.u-history tbody tr{
	height: 40px;
	border-bottom: 1px solid #9fa5b7;
}

.u-history .pager{
	padding: 30px 0 20px;
	text-align: center;
	color: #808080;
}

.u-history .pager em{
	margin-right: 10px;
	cursor: pointer;
}

.u-history .pager .on{
	padding: 0 4px;
	color: #fff;
	background: #6f7a98;
}

.u-area .err{
	text-align: center;
}