@charset "utf-8";

.packet-bg {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none;
}

.packet {
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    display: none;
    width: 359px;
    height: 520px;
    position: fixed;
    z-index: 1001;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -180px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .packet .packet-close {
        width: 19px;
        height: 17px;
        display: block;
        position: absolute;
        left: 15px;
        top: 15px;
        background: url(../../images/m/x1.png);
        z-index: 100;
    }

    .packet .packet-1 {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        color: #2f2f2f;
        height: 100%;
        background: #ae3727;
    }

        .packet .packet-1 .packet-t {
            height: 380px;
            background: url(../../images/m/p-1.png);
            *zoom: 1;
        }

            .packet .packet-1 .packet-t:after, .packet .packet-1 .packet-t:before {
                content: "";
                display: table;
            }

            .packet .packet-1 .packet-t:after {
                clear: both;
            }

            .packet .packet-1 .packet-t .pic {
                width: 100px;
                height: 100px;
                overflow: hidden;
                margin: 40px auto 0;
            }

            .packet .packet-1 .packet-t h3 {
                color: #fff;
                font-size: 20px;
                text-align: center;
                font-weight: 400;
                padding: 15px 0;
            }

            .packet .packet-1 .packet-t .num {
                margin-top: 30px;
                text-align: center;
                font-size: 26px;
                color: #fff;
                overflow: hidden;
                font-family: Arial;
            }

                .packet .packet-1 .packet-t .num span {
                    color: #ffc34e;
                    font-weight: 700;
                    font-size: 28px;
                }

        .packet .packet-1 .packet-open {
            width: 122px;
            height: 122px;
            line-height: 122px;
            position: absolute;
            left: 50%;
            bottom: 90px;
            margin-left: -61px;
            background: url(../../images/m/p-rounded.png);
            text-align: center;
            color: #fff;
            font-size: 24px;
        }

        .packet .packet-1 .packet-copy {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 25px;
            text-align: center;
            color: #ffb02b;
            font-size: 16px;
        }

    .packet .packet-2 {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        color: #2f2f2f;
        height: 100%;
        background: #fff;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

        .packet .packet-2 .pannel {
            height: 137px;
            background: url(../../images/m/p-bg.png) no-repeat 0 0;
            position: relative;
        }

            .packet .packet-2 .pannel .pic {
                width: 100px;
                height: 100px;
                overflow: hidden;
                position: absolute;
                left: 50%;
                bottom: 0px;
                margin-left: -50px;
            }

        .packet .packet-2 h3 {
            font-size: 18px;
            color: #aaa;
            text-align: center;
            font-size: 24px;
            font-weight: 400;
            margin-top: 60px;
        }

        .packet .packet-2 .num {
            text-align: center;
            font-size: 16px;
        }

            .packet .packet-2 .num span {
                font-size: 100px;
                font-family: Arial;
                position: relative;
                top: 2px;
            }

        .packet .packet-2 .packet-copy {
            text-align: center;
            color: #6f6f6f;
            font-size: 16px;
        }

.reward{ width:360px; height:538px; position:fixed; z-index:10; left:50%; top:50%; margin-left:-180px; margin-top:-269px;background: url("../../images/n_hb_yc.png") top center no-repeat;}
.reward-b{position: absolute;
    bottom: 25px;
    left: 80px;
    color: #f1c794;
    background-color: #d1292e;
    border-radius: 5px;
    width: 200px;}
.reward .w1{
	margin-top: 30px;
    font-size: 25px;
    color: #c3c3c3;
}

.reward .w2{
	font-size: 60px;
    margin-top: 10px;
}



/* -------------红包查询------红包查询-弹窗------------------开始-------------- */
.black_overlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);}
.white_content{display:none;position:fixed;top:25%;left:35%;width:589px;height:391px;z-index:1002;overflow:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.cxbox{width:589px;height:391px;margin:0 auto;background:url("../../images/n_bjcx.png") no-repeat;}
.cxbox_bt{height:36px;line-height:48px;}
.cxbox_bt p{font-size:17px;color:#f1f3b3;float:left;padding-left:15px;}
.cxbox_bt a{font-size:17px;margin-right:20px;float:right;}
.cxbox_hy{height:50px;padding:30px 0 0 90px;}
.cxbox_hy p{float:left;font-size:17px;color:#f1f3b3;line-height:32px;}
.cxbox_hy input{border:1px solid #cb2129;height:30px;line-height:30px;width:220px;background:#750606;float:left;font-size:17px;color:#f1f3b3;font-family:Arial,"微软雅黑";padding-left:10px;}
.cxbox_hy a{background:url("../../images/n_bjs.png") no-repeat;height:32px;width:86px;display:block;float:left;font-size:17px;line-height:32px;text-align:center;color:#7c0303;}
.cxbox_bd table{margin:0 auto;border-bottom:1px solid #dd0002;border-left:1px solid #dd0002;}
.cxbox_bd table tr td{line-height:32px;text-align:center;font-size:15px; font-family:Arial,"微软雅黑";border:1px solid #dd0002;border-bottom:0px;border-left:0px;}
.cxbox_bd table tr.ad{background:#700001;height:32px;}
.cxbox_bd table tr{height:32px;}
/* -------------红包查询------红包查询-弹窗-----------------结束-------------- */

DIV.quotes {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
	color:#fff;
}

DIV.quotes A {
    BORDER-RIGHT: #ddd 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ddd 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ddd 1px solid;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ddd 1px solid;
    TEXT-DECORATION: none;
}

DIV.quotes A:hover {
    BORDER-RIGHT: #a0a0a0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #a0a0a0 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #a0a0a0 1px solid;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #a0a0a0 1px solid;
}

DIV.quotes A:active {
    BORDER-RIGHT: #a0a0a0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #a0a0a0 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #a0a0a0 1px solid;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #a0a0a0 1px solid;
}

DIV.quotes SPAN.current {
    BORDER-RIGHT: #e0e0e0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #e0e0e0 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #e0e0e0 1px solid;
    BACKGROUND-COLOR: #f0f0f0;
}

DIV.quotes SPAN.disabled {
    BORDER-RIGHT: #f3f3f3 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #f3f3f3 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #f3f3f3 1px solid;
    COLOR: #ccc;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #f3f3f3 1px solid;
}


@-webkit-keyframes shake{0%{-webkit-transform:rotate(2deg) translate3d(0,0,0);}50%{-webkit-transform:rotate(-2deg) translate3d(0,0,0);}100%{-webkit-transform:rotate(2deg) translate3d(0,0,0);}}@-moz-keyframes shake{0%{transform:rotate(2deg) translate3d(0,0,0);}50%{transform:rotate(-2deg) translate3d(0,0,0);}100%{transform:rotate(2deg) translate3d(0,0,0);}}@-ms-keyframes shake{0%{transform:rotate(2deg) translate3d(0,0,0);}50%{transform:rotate(-2deg) translate3d(0,0,0);}100%{transform:rotate(2deg) translate3d(0,0,0);}}
.shake {
    animation: shake .2s infinite linear;
    -webkit-animation: shake .2s infinite linear;
}

.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	backface-visibility: hidden;
	transform: translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	transform: rotateY(90deg) scale(.9);
	animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}

	
#msg_win {
		position: absolute;
		right: 0px;
		display: none;
		overflow: hidden;
		z-index: 99;
		background: #f9effc;
		width: 239px;
		font-size: 12px;
		margin-right: 5px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		}
	#msg_win .icos {
		position: absolute;
		top: 4px;
		*top: 0px;
		right: 10px;
		z-index: 9;
		}

		.icos a {
		float: left;
		color: #FFFFFF;
		margin: 0px;
		text-align: center;
		font-weight: bold;
		width: 14px;
		height: 22px;
		line-height: 22px;
		padding: 1px;
		text-decoration: none;
		font-family: webdings;
		}

		.icos a:hover {
		color: #FFCC00;
		}

		#msg_title {
		background: url("../../images/gonggaobg2.png.html") no-repeat;
		text-align:left;
		color: #FFFFFF;
		height: 36px;
		line-height: 36px;
		text-indent: 12px;
		font-weight: bold;
		}

		#msg_content {
		text-align:left;
		padding: 14px;
		margin-right: 0;
		line-height: 22px;
		height: 126px;
		overflow: hidden;
		color:#434343;
		}