@charset "utf-8";
body { font: 14px/22px "微软雅黑", tahoma, helvetica, arial, sans-serif; color: #fff; background: url(../images/bg.jpg) center 42px no-repeat #0a0404; }
.y { color: #fed000; }
.r { color: #f2464f; }
.mr10 { margin-right: 10px; }
a { color: #fff; text-decoration: none; }
a:hover { color: #44abfa; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
/*lay_out*/
.wrap { width: 980px; margin: 0 auto; }
.footer { text-align: center; padding: 30px 0; line-height: 28px; color: #554991; background-color: #150026; }
.footer a { display: inline-block; padding: 0 8px; color: #554991; }
.banner { height: 750px; }
.topic { text-indent: -999em; }
.box1 { padding: 40px 0 50px; }
.gb_ul { background-color: #1d092d; border-radius: 30px; padding: 45px 0 0px 32px; }
.gb_ul li { float: left; margin: 0 30px 50px; background: #37105a; padding: 9px; border-radius: 9px; }
.gb_ul li p { font-size: 12px; width: 150px; }
.gb_ul .pic { display: block; }
.btn_l, .btn_r { width: 75px; height: 27px; line-height: 27px; text-align: center; display: inline-block; color: #fff; }
.btn_l { background-color: #ee4c76; }
.btn_r { background-color: #8140e5; }
.btn_l:hover, .btn_r:hover { color: #fed000; }
.box2 { background: url(../images/b2.jpg) left top no-repeat; height: 980px; }
.b2_tips { padding: 205px 0 10px 254px; color: #fff; }
.wb_box { width: 425px; height: 553px; padding: 11px; background-color: #39125b; margin-left: 460px; }
.box3 { background: url(../images/b3.jpg) left top no-repeat; margin-right: -70px; }
.b3_tips { padding: 80px 0 35px 126px }
.b3_item { display: inline-block; background-color: #1d092d; width: 260px; border-radius: 20px; padding: 20px; margin: 0px 40px 40px 0; }
.b3_item img { width: 114px; height: 114px; margin-right: 20px; margin-bottom: 10px; }
.b3_item .down { width: 114px; height: 33px; padding-bottom: 5px; color: #531709; font-weight: bold; line-height: 33px; text-align: center; font-size: 16px;  display: block; }
.b3_item .down:hover { background-position: -124px -301px; }
.b3_item h3 { color: #fed000; font-size: 18px; margin-bottom: 6px }
.b3_item p { line-height: 22px; height: 132px; color: #fff; overflow: hidden; }
.b3_cont { padding-bottom: 70px; }
.b3i4.b3_item { margin-left: 155px }
/*弹窗，浮动框*/
.pop_bg { background-color: #000; opacity: 0.3; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 99; }
.pop { border-radius: 30px; width: 380px; text-align: center; padding: 120px 0px 0 260px; height: 225px; position: fixed; top: 150px; *position:absolute;
*top:expression(documentElement.scrollTop +150 + "px");
left: 50%; margin-left: -320px; z-index: 100; }
.close { position: absolute; display: block; width: 50px; height: 50px; background: url(../images/sprite.png) -199px -393px no-repeat; right: -11px; top: -11px; }
.pop h4 { font-size: 24px; margin-bottom: 20px; color: #de0505 }
.pop p { line-height: 36px; font-size: 18px; font-weight: bold; color: #656564; }
.pop.luck { background: url(../images/luck.jpg) 30px center no-repeat #fefbf2; }
.pop.unluck { background: url(../images/unluck.jpg) 30px center no-repeat #fefbf2; }
.pop.pop_sign { background: url(../images/pop_sign.png) no-repeat #fff; }
.pop.edit { padding: 30px 0 0; background-color: #fefbf2; width: 440px; margin-left: -220px; height: 300px; }
.pop_item label { width: 112px; text-align: right; display: inline-block; vertical-align: top; line-height: 30px; color: #787878; }
.pop_item span { display: inline-block; vertical-align: top; color: #f96062; line-height: 30px; }
.pop_item .ipt { line-height: 28px; height: 28px; border: 1px solid #d8d8d8; padding: 0 5px; width: 220px; }
.tip { padding: 0 20px 0 115px; color: #f2464f; }
.submit { display: block; width: 175px; height: 48px; padding-bottom: 2px; color: #fff; text-align: center; line-height: 48px; background: url(../images/sprite.png) 0 -350px no-repeat; cursor: pointer; font-size: 24px; font-weight: bold; margin: 20px auto; }
.submit:hover { background-position: 0 -409px; color: #fff; }