@charset "utf-8";

body, div, p, ul, li, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup, select, table, textarea {margin:0;padding:0;}
html{}
body{height:100%;font:12px/20px "Microsoft YaHei"; background-color: #2c2551;}
input,select{font:12px/20px "Microsoft YaHei";}
a img,img{border:0;vertical-align:middle;}
a {text-decoration:none;color:#666;}
a:hover {color:#e53639;}
a:focus {outline-style:none;}
a,area { blr:expression(this.onFocus=this.blur());}
ul li {list-style:none;}
table {border-collapse:collapse;}
input, select {vertical-align:middle;}
the {white-space:nowrap;}
td {word-break:break-all;}
em {font-style: normal;}

.ticket{background:url(../images/bg.jpg) no-repeat center center;height:2827px;}
.ticket-content{width:1200px;margin:0 auto;overflow:hidden;}
.ticket-op{margin-top:500px;text-align:center;position:relative;}
.ticket-xy{position:absolute;top:6px;left:320px;width:91px;height:66px;background:url(../images/xy.png) no-repeat left top;animation:xymove 0.8s infinite;}
.ticket-xz{position:absolute;top:6px;right:320px;width:91px;height:66px;background:url(../images/xz.png) no-repeat left top;animation:xzmove 0.8s infinite;}
.ticket-btn{display:inline-block;width:310px;height:79px;background:url(../images/xjq.png) no-repeat left top;box-shadow: 0 0 0 #fff4b8;border-radius:40px;animation:btnshadow 2s infinite;}

@keyframes xymove
{
	0%{
		left:320px;
	}
	50%{
		left:325px;
	}
	100%{
		left:320px;;
	}
}

@keyframes xzmove
{
	0%{
		right:320px;
	}
	50%{
		right:325px;
	}
	100%{
		right:320px;;
	}
}

@keyframes btnshadow
{
	0%{
		box-shadow: 0 0 0 #fff4b8;
	}
	50%{
		box-shadow: 0 0 40px #fff4b8;
	}
	100%{
		box-shadow: 0 0 0 #fff4b8;
	}
}

.ticket-money{color:#fffbef;font-size:68px;height:68px;line-height:68px;margin-top:70px;text-align:center;}
.ticket-money span{font-size:30px;}
.ticket-num{font-size:18px;height:18px;line-height:18px;color:#fff;float:left;}
.ticket-time{font-size:18px;height:18px;line-height:18px;color:#fff;float:right;}
.gb{position:absolute;right:0;top:0;width:14px;height:13px;background:url(../images/gb.png) no-repeat left top;}

.modal-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 1;
}
.modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10600;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
.modal.modal-in {
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.modal.modal-out {
    opacity: 0;
    z-index: 10999;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(0.815);
    transform: translate3d(0, 0, 0) scale(0.815);
}
.modal {
    width: 350px;
    position: fixed;
    z-index: 11000;
    left: 50%;
    margin-left: -175px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 6px;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1.185);
    transform: translate3d(0, 0, 0) scale(1.185);
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    color: #3d4145;
    display: none;
}
.modal-inner {
    /*padding: 12px;*/
    border-radius: 6px 6px 0 0;
    background: transparent;
}
.modal-title {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}
.modal-title + .modal-text {
    margin-top: 4px;
}
.modal-buttons {
    height: 32px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.modal-button {
    width: 100%;
    padding: 0 4px;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    text-align: center;
    color: #0894ec;
    background: transparent;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.modal-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
}
.modal-button:first-child {
    border-radius: 0 0 0 6px;
}
.modal-button:last-child {
    border-radius: 0 0 6px 0;
}
.modal-button:last-child:after {
    display: none;
}
.modal-button:first-child:last-child {
    border-radius: 0 0 6px 6px;
}
.modal-button.modal-button-bold {
    font-weight: 500;
}
.modal-button.modal-button-bold {
    font-weight: 500;
}
.modal-no-buttons .modal-inner {
    border-radius: 6px;
}
.modal-no-buttons .modal-inner:after {
    display: none;
}
.modal-no-buttons .modal-buttons {
    display: none;
}
.modal .form-box {
    /*width: 460px;
    height: 220px;*/
    margin: 0 auto;
}
.ticket-bgbz{width:570px;height:200px;background:url(../images/bgbz.png) no-repeat left bottom;/*position:absolute;top:1100px;left:500px;*/overflow:hidden;margin-top:5px;}
.ticket-ysy{width:570px;height:200px;background:url(../images/ysy.png) no-repeat left bottom;overflow:hidden;margin-top:5px;}
.ticket-ygq{width:570px;height:200px;background:url(../images/ygq.png) no-repeat left bottom;overflow:hidden;margin-top:5px;}
.ticket-ksy{width:570px;height:200px;background:url(../images/ksy.png) no-repeat left bottom;overflow:hidden;margin-top:5px;}

.modal-ticket-box{padding: 20px 20px 0 0;width:auto;}